上一篇介绍的是关于页面结构方面的语义元素,本篇介绍文本内容方面,包含:<bdi>、<details>、<summary>、<mark>、<output> 、<ruby>、<rt>、<rp&g ...
上一篇介绍的是关于页面结构方面的语义元素,本篇介绍文本内容方面,包含:<bdi>、<details>、<summary>、<mark>、<output> 、<ruby>、<rt>、<rp>、<time>、<wbr>等语义元素。
目录
1. 介绍
1.1 说明
1.2 分类
2. IE支持的
3. IE不支持的
1. 介绍
1.1 说明
文本内容方面的语义元素,通常用于描述特殊的内容片段。可使用这些语义元素标注出重要信息,如:名称、评价、注意事项、日期等。
包含的元素有:<bdi>、<details>、<summary>、<mark>、<output> 、<ruby>、<rt>、<rp>、<time>、<wbr>等。
<bdi> :标注一段脱离父元素的文本方向的内容,采用系统默认的文本方向。
<details> :用于描述文档细节的部分。
<summary> :标注 <details> 元素的标题。
<mark> :标注突显的文本。
<output> :标注一个将来会被填充内容的区域。
<ruby> :标注注释(中文注音或字符)。
<rt> :在 <ruby > 元素中使用,定义字符(中文注音或字符)的解释或发音。
<rp> :在 <ruby > 元素中使用,定义不支持 ruby 元素的浏览器所显示的内容。
<time> :标注日期或时间。
<wbr> :标注一个单词在后续空间无法全部容下时进行换行。
1.2 分类
IE浏览器各版本对这些元素支持情况各不相同,这里分为IE支持的和不支持的来介绍:
IE支持的:<mark>、<output>、<ruby>、<rt>、<rp>、<time>。
IE不支持的:<bdi>、<details>、<summary>、<wbr>。
2. IE支持的
IE浏览器支持的元素,在Chrome浏览器也得到了支持。
包含:<mark>、<output>、<ruby>、<rt>、<rp>、<time>。
2.1 <mark>:标注突显的文本
浏览器最低版本:IE 9、Chrome 26
使用场景:重要的内容。
详细资料:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/mark
示例:
<p>中国的首都是<mark>北京</mark></p>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:HTML5 语义元素(二)文本内容
关键词:HTML
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。