html5更强调语义

HTML5更强调语义

      在早期HTML中包含了大量的表现元素，这些元素可以给文本添加基本的样式，如<b/>加粗文本，<i/>斜体文字等。不可否认这些元素在当时发挥了不小的作用，但是随着web开发最佳实践的发展，这种结构与表现结合的形式就逐渐失宠。HTML只负责描述内容的含义，而非表现。

      HTML中的表现元素打破了最佳实践法则，所以HTML4就开始不赞成使用它们，推荐使用CSS对文本和页面元素添加样式。HTML5则更进一步，它取消了一些表现元素，并重新定义了其他一些元素，使之具有语义功能，而非控制表现。

     下面根据我自己的个人总结罗列出一些常用的语义元素。

     1.b元素以前只为文本加粗，是早期HTML遗留下来的产物，并不包含任何语义。在HTML5中，b元素被重新定义。

     b元素表示出实用的目的提醒读者注意的一块文字，不传达任何额外的重要性，也不表示任何语态和语气。多用于文档摘要里的关键词，评论里的产品名，文章导语等。

     例如：

     

<p>我收到的这台<b>LX-5</b>相机，非常好用，给个好评！</p>

     这里b元素默认显示黑体。
     2. i元素和b元素一样，只是文本设置成斜体样式。在HTML5中也被重新定义了。

     i元素表示一块不同于其他文字的文字，具有不同的语态或语气，或其他不同与常规之处，用于分类名称、技术术语、外语里的惯用语、思想、西方文字中的船舶名称等。

     例如：

<p>The<i>Orient Express</i>began service in 1883.</p>

    这里i元素默认为斜体。
    3.cite元素，在以前HTML文本中开发人员经常使用此元素进行对人名的引用。而在HTML5中声明不应在使用cite元素进行对人名的引用。cite的语义为：

    cite元素可以指明对内容源的引用或参考。例如，戏剧、脚本或图书的标题，歌曲、电影、照片、雕塑名称、演唱会或音乐会、规范、报纸或法律文件，等等。

    例如：

   

<p>He is singing <cite>take me to your heart</cite>.</p>

    4.mark元素，HTML5中通过mark元素复制了我们用荧光笔做标记这一过程。该元素用于提起读者对特定文本段的注意。下面是一些应用的例子：

       a.对搜索结果页面或文章中的搜索词进行突出显示。

       b.对于某段引述，如果作者在原来的格式中没有进行对其突出显示，可以用、mark元素引起对他的注意。

       c.引起对代码片段的注意。

<p>这次地震有<mark>8级</mark>.</p>

    5.  abbr元素用于标记缩写词并解释其含义。在HTML5之前有acronym元素（首字母缩写元素），但是会混淆缩写词和首字母缩写词。因此HTML5中废除了acronym元素，让abbr元素适应所有情况。

    例如：

<p>我是热火球迷，我喜欢<abbr title=“勒布朗詹姆斯”>LBJ</abbr>！</p>

    提示：IE6不支持abbr，因此没有下划线也不会出现文字提示框。

    6.small元素在以前的HTML版本中该元素只是负责设置文本字体的大小样式，而在HTML5中则被赋予了新的语义，而且也废除了以前与之对应的big元素。

    small元素代表条纹细则，如通常小写的法律声明、免责条款等。

    例如：

<p><small>版权为我所有</samll></p>

 

 时间原因，先到这里随后补充~