美文网首页
review html5 03:新增标签 - 格式类

review html5 03:新增标签 - 格式类

作者: 蝴蝶结199007 | 来源:发表于2017-05-04 20:59 被阅读14次

(1)<bdi>

定义文本的文本方向,使其脱离其周围文本的方向设置。
在发布用户评论或其他您无法完全控制的内容时,该标签很有用。

浏览器支持

属性:规定 <bdi> 元素内的文本的文本方向,默认值为auto
<pre>
ltr
rtl
auto
</pre>

(2)<mark>

定义带有记号的文本。

浏览器支持

(3)<meter>

定义预定义范围内的度量,也被称为 gauge(尺度)。
注释:<meter> 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 <progress> 标签。

浏览器支持
<meter value="3" min="0" max="10">十分之三</meter>
<meter value="0.6">60%</meter> 
meter属性

<meter>:http://www.w3school.com.cn/tags/tag_meter.asp

(4)<progress>

标示任务的进度(进程)。
结合 <progress> 标签与 JavaScript 一同使用,来显示任务的进度。
注释:<progress> 标签不适合用来表示度量衡(例如,磁盘空间使用情况或查询结果)。如需表示度量衡,请使用 <meter> 标签代替。

浏览器支持
<progress value="22" max="100"></progress> 
progress属性

(5)<ruby>、<rt>、<rp>

<ruby> 标签定义 ruby 注释(中文注音或字符)。
<rt> 标签定义字符(中文注音或字符)的解释或发音。
<rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。

与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
注释:支持 "ruby" 元素的浏览器不会显示 "rp" 元素的内容。

一个 ruby 注释:

<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>
浏览器支持

注释:Internet Explorer 8 以及更早的版本不支持 <ruby>、<rt>、<rp> 标签。

(6)<time>

定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。

该元素能够以机器可读的方式对日期和时间进行编码,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。

<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。</p>
time属性

<time> 标签不会在任何浏览器中呈现任何特殊效果。
目前所有主流浏览器都不支持 <time> 标签。

(7)<wbr>

Word Break Opportunity (<wbr>) 规定在文本中的何处适合添加换行符。
如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用 <wbr> 元素来添加 Word Break Opportunity(单词换行时机)。

<p>如果想学习 AJAX,那么您必须熟悉 XML<wbr>Http<wbr>Request 对象。</p>
浏览器支持

相关文章

  • review html5 03:新增标签 - 格式类

    (1) 定义文本的文本方向,使其脱离其周围文本的方向设置。在发布用户评论或其他您无法完全控制的内容时,该...

  • 学习笔记-多媒体标签

    html5中新增的标签(一共30个) video标签 作用:播放视频 格式1: 格式2: 属性: sr...

  • 初识HTML5

    html5 ≈ html5新增标签以及规范 html5 ≈ html5新增标签 + css3 + JavaScri...

  • 2021-12-20

    HTML5学习笔记 input标签 新增placeholder calendar日历类 contenteditab...

  • HTML5新增标签

    HTML5新增标签

  • HTML HTML5新增标签属性整理

    HTML5 新增属性详解 HTML5 新增标签详解 HTML5 新增全局属性详解

    h5+css黑马笔记

    HTML5 新增标签 新增了那些语义化标签header --- 头部标签nav --- 导航...

  • HTML5 新增标签

    HTML5新增标签 HTML5新增了27个标签元素,废除了16个标签元素,主要包括结构性标签、级块性标签、行内语义...

  • review html5 04:新增标签 - 表单

    (1) 定义选项列表,需要与 input 元素配合使用该元素,来定义 input 可能的值;d...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

网友评论

      本文标题:review html5 03:新增标签 - 格式类

      本文链接:https://www.haomeiwen.com/subject/clehtxtx.html