zoukankan      html  css  js  c++  java
  • html5新标签

    <video> 标签的属性 

    属性          值           描述

    autoplay   autoplay       如果出现该属性,则视频在就绪后马上播放。
     
    controls   controls       如果出现该属性,则向用户显示控件,比如播放按钮
     
    height     pixels         设置视频播放器的高度
     
    loop       loop           如果出现该属性,则当媒介文件完成播放后再次开始播放。
     
    preload    preload        如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
     
    src        url            要播放的视频的 URL
     
    width      pixels         设置视频播放器的宽度。

    新标签:

    1.<article>  定义文章。定义和用法:<article> 标签规定独立的自包含内容。一篇文章应有其自身的意义,应该有可能独立于站点的其余部分对其进行分发。

    <article> 元素的潜在来源:

    •论坛帖子
    •报纸文章
    •博客条目
    •用户评论


    2.<aside>    定义页面内容之外的内容。定义和用法<:aside> 标签定义其所处内容之外的内容。aside 的内容应该与附近的内容相关。

     
    3.<audio>    定义声音内容。定义和用法:<audio> 标签定义声音,比如音乐或其他音频流。

    属性            值                描述
     
    autoplay      autoplay          如果出现该属性,则音频在就绪后马上播放。
     
    controls      controls          如果出现该属性,则向用户显示控件,比如播放按钮。
     
    loop          loop              如果出现该属性,则每当音频结束时重新开始播放。
     
    muted         muted             规定视频输出应该被静音

    preload       preload           如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
     
    src           url               要播放的音频的URL.

    4.<bdi>      定义文本的文本方向,使其脱离其周围文本的方向设置。 定义和用法:bdi 指的是 bidi 隔离。

    属性            值                  描述

    dir            ltr ;rtl; auto    可选。规定 <bdi> 元素内的文本的文本方向。默认值:auto。

    <bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。在发布用户评论或其他您无法完全控制的内容时,该标签很有用。


    5.<canvas>   定义图形。定义和用法:<canvas> 标签定义图形,比如图表和其他图像。<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。

    属性            值                  描述

    height          pixels         设置 canvas 的高度
     
    width           pixels         设置 canvas 的宽度。

    6.<command>  定义命令按钮。定义和用法:<canvas> 标签定义图形,比如图表和其他图像。<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。

    属性           值                   描述
     
    checked       checked             定义是否被选中。仅用于 radio 或 checkbox 类型。
     
    disabled      disabled            定义 command 是否可用。
     
    icon          url                 定义作为 command 来显示的图像的 url。
     
    label         text                为 command 定义可见的 label。
     
    radiogroup    groupname           定义 command 所属的组名。仅在类型为 radio 时使用。
     
    type     checkbox ;command; radio   定义该 command 的类型。默认是 "command"。


     
    7.<datalist> 定义下拉列表。定义和用法:<datalist> 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

      datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。请使用 input 元素的 list 属性来绑定 datalist。

    8.<command> 定义命令按钮。定义和用法:command 元素表示用户能够调用的命令。<command> 标签可以定义命令按钮,比如单选按钮、复选框或按钮。

    只有当 command 元素位于 menu 元素内时,该元素才是可见的。否则不会显示这个元素,但是可以用它规定键盘快捷键

    属性             值                   描述

    checked         checked              定义是否被选中。仅用于 radio 或 checkbox 类型。
     
    disabled        disabled             定义 command 是否可用。
     
    icon            url                  定义作为 command 来显示的图像的 url。
     
    label           text                 为 command 定义可见的 label。
     
    radiogroup      groupname            定义 command 所属的组名。仅在类型为 radio 时使用。
     
    type      checkbox ;command;radio    定义该 command 的类型。默认是 "command"。

    9.<details>  定义元素的细节。定义和用法:<details> 标签用于描述文档或文档某个部分的细节。

    属性            值                     描述
     
    open           open                 定义 details 是否可见。

    10.<dialog>   定义对话框或窗口。定义和用法:<dialog> 标签定义对话框或窗口。

    属性           值                       描述

    open            open                规定 dialog 元素是活动的,用户可与之交互。

    11.<embed>    定义外部交互内容或插件。定义和用法:<embed> 标签定义嵌入的内容,比如插件。

    属性          值                         描述

    height       pixels                 设置嵌入内容的高度。
     
    src          url                    嵌入内容的 URL。
     
    type         type                   定义嵌入内容的类型。
     
    width        pixels                 设置嵌入内容的宽度。

    12.<figcaption> 定义 figure 元素的标题。定义和用法:<figcaption> 标签定义 figure 元素的标题(caption)。

    "figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

     
    13.<figure>   定义媒介内容的分组,以及它们的标题。定义和用法:<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。

    figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
     

    14.<footer>   定义 section 或 page 的页脚。定义和用法:<footer> 标签定义文档或节的页脚。<footer> 元素应当含有其包含元素的信息。

    页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。您可以在一个文档中使用多个 <footer> 元素。


    15.<header>   定义 section 或 page 的页眉。定义和用法:<header> 标签定义文档的页眉(介绍信息)。


    16.<keygen>   定义生成密钥。定义和用法:<keygen> 标签规定用于表单的密钥对生成器字段。当提交表单时,私钥存储在本地,公钥发送到服务器

    属性                    值                         描述
     
    autofocus           autofocus              使 keygen 字段在页面加载时获得焦点
     
    challenge           challenge              如果使用,则将 keygen 的值设置为在提交时询问。
     
    disabled            disabled               禁用 keytag 字段。
     
    form                formname               定义该 keygen 字段所属的一个或多个表单。
     
    keytype             rsa                    定义 keytype。rsa 生成 RSA 密钥。
     
    name                fieldname              定义 keygen 元素的唯一名称。name 属性用于在提交表单时搜集字段的值。
     
    17.<mark>     定义有记号的文本。定义和用法:<mark> 标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。


    18.<meter>    定义预定义范围内的度.定义和用法:<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)。

    例子:磁盘用量、查询结果的相关性,等等。

    注释:<meter> 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 <progress> 标签。

    new : HTML5 中的新属性。

    属性                值                  描述

    form           form_id              规定 <meter> 元素所属的一个或多个表单。
     
    high           number               规定被视作高的值的范围。
     
    low            number               规定被视作低的值的范围。
     
    max            number               规定范围的最大值。
     
    min            number               规定范围的最小值。
     
    optimum        number               规定度量的优化值。
     
    value          number              必需。规定度量的当前值。
     
    19.<nav>      定义导航链接。

    20.<output>   定义输出的一些类型。定义和用法:<output> 标签定义不同类型的输出,比如脚本的输出。

    new : HTML5 中的新属性。

    属性             值                       描述

    for           element_id             定义输出域相关的一个或多个元素。

    form          form_id                定义输入字段所属的一个或多个表单。

    name           name                  定义对象的唯一名称。(表单提交时使用)

    21.<progress> 定义任何类型的任务的进度。

    new : HTML5 中的新属性。

    属性             值                        描述
     
    max             number             规定任务一共需要多少工作。
     
    value           number             规定已经完成多少任务。

    22.<rp>       定义若浏览器不支持 ruby 元素显示的内容。定义和用法:<rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。

    ruby 注释是中文注音或字符。在东亚使用,显示的是东亚字符的发音。与 <ruby> 以及 <rt> 标签一同使用:

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

     
    23.<rt>       定义 ruby 注释的解释。定义和用法:<rt> 标签定义字符(中文注音或字符)的解释或发音。ruby 注释是中文注音或字符。

    在东亚使用,显示的是东亚字符的发音。与 <ruby> 以及 <rt> 标签一同使用:

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

     
    24.<ruby>     定义 ruby 注释。定义和用法:<ruby> 标签定义 ruby 注释(中文注音或字符)。在东亚使用,显示的是东亚字符的发音。与 <ruby> 以及 <rt> 标签一同使用:

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


    25.  <section>   定义和用法:<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

    <summary> 为 <details> 元素定义可见的标题。

    <time>    定义日期/时间。

    <track>   定义用在媒体播放器中的文本轨道。

    <video>   定义视频。

    <wbr>    定义视频。 定义和用法:Word Break Opportunity (<wbr>) 规定在文本中的何处适合添加换行符。

    提示:如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用 <wbr> 元素来添加 Word Break Opportunity(单词换行时机)。

     
     
     

     
     
     

     
     
     

     
     
     
     
     

     
     
     
     
     
     
     
     
     
     
     

     
     
     
     

  • 相关阅读:
    Python Kivy 安装问题解决
    cisco asa5510 配置
    对于yum中没有的源的解决办法-EPEL
    python安装scrapy小问题总结
    win10 清理winsxs文件夹
    centos(7.0) 上 crontab 计划任务
    CentOS — MySQL备份 Shell 脚本
    python 2,3版本自动识别导入
    segmenter.go
    segment.go
  • 原文地址:https://www.cnblogs.com/zxl89/p/5880090.html
Copyright © 2011-2022 走看看