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

     /*温馨提示:若觉得黑白的反差“亮瞎眼”,可适当调低屏幕亮度~*/ 

    新增标签:

      1.结构标签(块元素)

                        ——有意义的div,本质还是div

        <article>文段标签</article>

        <header>页面头部标签</header>

        <nav>导航标签</nav>

        <section>区域标签</section>

        <aside>侧边栏标签</aside>

        <hgroup>区块信息标签(常为标题组)</hgroup>

        <figure>定义一组媒体内容及标题</fagure>

        <figcaption>定义figure元素标题</figcaption>

        <footer>底部(页脚)标签</footer>

        <dialog>对话框标签</dialog>

      


       2.多媒体标签

        <video src="movie.ogg" controls="controls">不支持视频标签时显示的内容</video>

        <audio src = "someaudio.mav">不支持音频标签时显示的内容</audio>

        <source>定义媒体变量</source>

        <canvas>我爱的画布</canvas>

        <embed src = " ***.swf "/>定义插件

      


      3.WEB应用标签

        <menu>命令列表(各大浏览器暂不支持)</menu>

        <menuitem>menu命令列表标签</menuitem>

        <command>menu标记定义一个命令按钮</command>

        <meter  min=" " max=" " value=" " low=" " high=" ">状态标签</meter>

        <progress max=" " value=" " >状态标签(多表进度)</progress>

        <datalist>下拉列表</datalist>配合<option>使用

        <details>文档细节</details>一般配合dt、dd 使用

        <summary>details的主题</summary>

      


       4.注释标签

        <ruby>生僻字等的注释或音标</ruby>

        <rp>不支持ruby时的显示方式</rp>

        <rt>注释文本</rt>

        eg.  <ruby>

              漢<rp> ( </rp> <rt> ㄏㄢˋ</rt> <rp> ) </rp>

            </ruby>


      5.其他标签

        <keygen />密匙生成器

        <mark>要标记的内容</mark>

        <output></output>输出

        <time datetime= " ">与时间相关的描述或不用datatime,直接在此写时间</time>

      


      6.重新定义的标签

        <b>表现不变,语义不再表示重要

        <strong>表示强调,不表重要

        <dd>可与detail,figure一同使用,定义包含的文本,可与dialog一同使用

        <dt>可与detail,figure一同使用,定义细节,可与dialog一同使用

        <hr>表主题结束

        <menu>定义用户界面菜单

        <small>表小字体,打印注释/法律条款

      

  • 相关阅读:
    学期总结
    Sprint 2(第一天)
    学期总结
    实验四、主存空间的分配和回收
    阅读《构建之法》与链接有感.
    《构建之法》八、九、十章读后感
    Scrum领取任务
    实验三、进程调度模拟程序实验
    《构建之法》6-7章读后感
    实验二 作业调度模拟程序
  • 原文地址:https://www.cnblogs.com/pada/p/3641137.html
Copyright © 2011-2022 走看看