zoukankan      html  css  js  c++  java
  • HTML 语义化之b_i_em_strong

    默认效果

    i和em都是斜体。b和strong都是加粗。
    

    语义区别:

    em 和 strong 
    	分别表示句中强调和全局加重强调
    	搜索引擎中更受重视,一些语音阅读器也会根据它在阅读时加强语气。
    i 和 b
    	是斜体和粗休的表现元素,只对视觉上进行了强调,没有语义上的帮助
    

    i标签

    W3C: 语义化的 <i>元素
    可以用来表示:外文单词、生物分类、科技术语、船名、剧本舞台方位、乐谱、三个代表思想或手写文字。建议通过class特性标识具体语义,若为表示外文单词则采用lang特性标识具体的语言种类。
    示例:

    滑板介绍
    滑板的基本动作名为豚跳(ollie)
    <h3>滑板介绍</h3>
    <p>滑板的基本动作名为<i class="skateboard">豚跳</i>(<i lang="en_us">ollie</i>)</p>
    

    b标签

    W3C:语义化的 <b> 元素
    用于表示:局部范围内不重要但需要突出的内容,如概要中的关键字、评论中的名词等。建议通过class特性标识具体语义。
    示例:

      滑板构造概要
      滑板由轮子、板面、磨砂纸和支架(truck)组成。
    <h3>滑板构造概要</h3>
    <p>
    滑板由<b class="compent">轮子</b>、<b class="component">板面</b>、<b class="component">磨砂纸</b>和<b class="component">支架</b>(<i lang="en_us>"truck</i>)组成。
    </p>
    

    em标签

    W3C:语义化的 `<em>` 元素 
    表示:局部范围内强调的内容,用于改变句子或段落的侧重点。注意其作用范围为局部,也就是阅读到某段落或句子时才会注意到。示例:
    
       <p>ollie教学<br>	
       后脚踏板的同时<em>前脚提起</em>,并向斜前方跳起。
       后脚踏板的同时前脚提起,并<em>向斜前方跳起</em>。</p>
    
       第一句强调 前脚提起,第二句强调 向斜前方跳起。
    

    strong标签

    W3C:语义化的 `<strong>` 元素
    表示:全部范围内强调的内容,随意无序扫描全文时能突出的关键内容。
    

    em 表示内容的着重点(stress emphasis),strong 表示内容的重要性(strong importance)
    strong 不会改变所在句子的语意,em 则会改变所在句子的语义。

    注:推荐使用类名来表示 i 和 b 的含义以便日后可以轻松改变其样式。

  • 相关阅读:
    cookie.js插件
    cookie.js插件的案例
    解决mysqli的中文乱码问题
    mysqli字符编码
    小人行走的动画案例
    原生js中用Ajax进行get传参
    php操作数据库
    数据库的信息处理
    数据库的dos命令
    面向对象php 接口 抽象类
  • 原文地址:https://www.cnblogs.com/lt-style/p/4368548.html
Copyright © 2011-2022 走看看