html文本基础结构标签


    文本作为web数据,是html的主要内容;
    用合适的语义标签对文本数据进行结构化;
  多数的文本标签都默认具有一定的样式呈现;
  1.标题标签<h1>--<h6>
     a.分为6个级别,右明显的主次和轻重级关系;
     b.h1用作主标题(最重要);
     c.搜素引擎对h1敏感;
     d.双标签,块状标签默认带有样式效果;
  2.段落标签<p>
    a.定义段落,一般用于文本正文内容;
    b.双标签,块状元素,默认带有外边距样式效果;
  3.换行标签<br>
    a.在一个段落中换行;
    b.单标签,自身代表了换行,无内容;
  4.水平线标签 <hr>
    a.创建一条水平先,主要用于协助分隔文档的各个部分,默认独占一行;
    b.单标签,标签自身代表水平线,无内容;
    c.不能放在文本标签内部;如<p></p>之间;
    d.具有一定的默认样式,可以用css控制修改效果;
    e.不推荐使用,实际应用中不多;
  5.强调文本标签<strong>&<em>
    a.双标签,短语标签,行间元素;
    b.使用在需要被强调的文本中,实际中并不是很多应用,不要滥用;
    c.em 局部性强调(表示内容的着重点),会改变所在句子中的语义;
      strong 整体强调(表示内容的重要性),不会改变句子中意义;
      <em>猫</em>是一种很可爱的动物
             强调的是猫;讨论的是那种动物是可爱的;
             猫是一种<em>可爱</em>的动物;
             强调的是可爱,讨论的是猫是否可爱;
     <p>内容摘要:<strong>这是新闻的摘要</strong>。</p>    
           内容摘要仅仅是一个引用,后面strong里面的内容才是真正的关键摘要内容;
  
  6.特色文本标签
    <i> 默认斜体    <b> 默认加粗 
    a.双标签,短语标签,行间元素;
    b.对应哪些没有具体的语义,但又不需要其他样式的内容,可以使用这2个标签进行结构化;
    c.具体应用的时候,最后赋予class 样式名来标识语义;
    d.<strong> &<em> vs <i> &<b>
      1.实际应用中<b>& <i> 应用更多;
  7.span 标签
     a.双标签,短语标签,行间元素;
     b.没有任何语义,主要用来组合文档中的行内元素;
     c.默认没有任何的样式表现;

猜你喜欢

转载自blog.csdn.net/qq_29393273/article/details/84487367