html5文本内容_动力节点Java学院整理

2019-01-28 21:37:46王冬梅

<rp> :在<ruby> 元素中使用,定义不支持 ruby 元素的浏览器所显示的内容。

浏览器最低版本:IE 5、Chrome 5

使用场景:中文拼音、日文假名。

示例:

<h5>中文拼音</h5> <p> <ruby>中<rt>zhong</rt>国<rt>guo</rt></ruby> </p> <h5>日文假名</h5> <p> <ruby>漢<rt>かん</rt>字<rt>じ</rt></ruby> </p>

<time>:标注日期或时间

浏览器最低版本:IE 9、Chrome 33

使用场景:新闻、博客的发表日期。

示例:

创建日期:<time datetime="2016-04-15T12:30" >2016/04/15 12:30</time>

属性:

datetime {datetime} :设定此元素的日期和时间。<time>元素显示日期时间的格式有可能多样,同样的一个时间,有些显示的文本为X分钟前、有些为英文月份,但实际的日期时间只需保存此属性里。

示例:

<p>创建日期:<time datetime="2016-04-15 12:30" >2016/04/15 12:30</time></p> <p>创建日期:<time datetime="2016-04-15 12:30" >30分钟前</time></p> <p>创建日期:<time datetime="2016-04-15 12:30" >April 15</time></p>

IE不支持的

IE浏览器不支持的元素,在Chrome浏览器也得到了支持。

包含:<bdi>、<details>、<summary>、<wbr>。

<bdi>:标注一段脱离父元素文本方向的内容,采用系统的默认文本方向

浏览器最低版本:IE 不支持、Chrome 16

使用场景:阿拉伯语、波斯语等从右往左读的文字。

<p>div显示文字方向:rtl</p> <div dir="rtl"> <p>中国首都是北京!</p> <p><bdi>中国首都是北京!</bdi></p> </div>

<summary>、<details> :标注可展开、闭合的内容块

<details>:用于描述文档细节的部分。

<summary>:表示包含 <details> 元素的标题。

浏览器最低版本:IE 不支持、Chrome 12

使用场景:商品详情、文档细节。

示例:

<summary> 2016-04-18天气情况 <details> <p>晴转多云</p> <p>13~25°</p> </details> </summary>