美文网首页
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:新增标签 - 格式类

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