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 的含义以便日后可以轻松改变其样式。

  • 相关阅读:
    康复计划
    Leetcode 08.02 迷路的机器人 缓存加回溯
    Leetcode 38 外观数列
    Leetcode 801 使序列递增的最小交换次数
    Leetcode 1143 最长公共子序列
    Leetcode 11 盛水最多的容器 贪心算法
    Leetcode 1186 删除一次得到子数组最大和
    Leetcode 300 最长上升子序列
    Leetcode95 不同的二叉搜索树II 精致的分治
    Leetcode 1367 二叉树中的列表 DFS
  • 原文地址:https://www.cnblogs.com/lt-style/p/4368548.html
Copyright © 2011-2022 走看看