• html5新增元素


    一 与结构有关的元素

    主体结构标签

    1.article元素(嵌套使用)  页面中的一个独立的内容

             
      2.section元素(分段)    页面中一个内容区块
               
    3.nav元素     页面中导航链接部分
                
    4.aside元素       页面上<article>元素之外的,但是与<article>相关的辅助信息

              

    非主体结构标签

    <header>元素    表示页面中一个内容区块<section>或者整个页面的标题

    <hgroup>元素   表示对整个页面或者页面中一个内容区块<section>的<header>进行组合

    <footer>元素    表示整个页面或者页面中一个内容区块<section>的脚本

    <figure>元素    表示一段独立的文档流内容

    <figcaption>元素  表示<figure>元素的标题

    二 与结构无关的元素

    <video>元素    定义视频,比如电影片段或其他视频流      等同于html4的<object type="video">

    <audio>元素    定义音频,比如音乐或其他音频流                等同于html4的<object type="application/ogg">

    <embed>元素   用来插入各种多媒体,格式可以是Midi、Wav、AIFF、AU、MP3        等同于html4的object元素

    <mark>元素    主要用来在视觉上向用户那些需要突出显示或者高亮显示的文字             等同于html4的span元素

    <progress>元素   表示运行中的进程,可以使用progress来显示JavaScript中消耗时间的函数的进程  html4中无法实现

    meter元素表示度量衡。仅用于已知最大值和最小值的度量。必须定义度量的范围,可以在元素的文本中。也可以在min/max属性中定义 html4无法实现

    <time>元素    表示日期或者时间,也可以同时表示两者                等同于html4的span元素

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

    <wbr>元素      表示软换行。他与br元素的区别:br元素表示此处必须换行,而wbr元素的意思是浏览器窗口或父级元素的宽度够宽时。不进行换行,而当宽度不够时,主动在此处进行换行

    <canvas>元素   表示图形,比如图表和其他图像。这个元素本身没有行为,进提供一块画布,但它把一个绘图API展现给客户端javascript,以使脚本能够把想绘制的东西绘制到这块画布上

    <command>元素   表示命令按钮,比如单选按钮,复选按钮或按钮

    <details>元素    表示用户要求得到并且可以得到的细节信息。它可以与summary元素配合使用。summary元素提供标题或图例。标题是可见的,用户点击标题时,会显示出细节信息,

    <summary>元素    应该details元素的第一个元素

    <datalist>元素     表示可选数据的列表,与input元素配合使用,可以制作出输入值的下拉列表   html5新增功能。

    <datagrid>元素    表示可选数据的列表,他以树形列表的形式来显示。

    <keygen>元素表示生成密匙。   

    <output>元素    表示不同类型的输出,比如脚本的输出   

    <source>元素    为媒介元素定义媒介资源   对应html4的<param>

    <menu>元素表示菜单列表。当希望列出表单空间时使用

    三  新增的表单元素类型

    <email>    表示必须输入E-mail地址的文本输入框

    <url>      表示必须输入URL地址的文本输入框

    <number>     表示必须输入数值的文本输入框

    <range>      表示必须输入一定范围内数字的文本输入框

  • 相关阅读:
    空间轴向对齐变换
    购买服务器,搭建服务器服务器
    软件工程第四次作业:猫狗大战挑战赛
    软件工程第三次作业:卷积神经网络
    04卷积神经网络
    03深度学习的数学基础
    mfc回显信息
    软件工程第二次作业:深度学习和pytorch基础
    python 机器学习第二章(感知器学习算法)
    python 机器学习第一章
  • 原文地址:https://www.cnblogs.com/sunli0205/p/6233302.html
Copyright © 2020-2023  润新知