首页 > 文章 > web前端 > HTML5初窥2之新元素

HTML5初窥2之新元素

黄舟原创: 2017-05-21 14:21:401521浏览

1. 块元素

HTML5定义了8个新的HTML语义（semantic）元素，这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素，可以设置CSS的display属性为block：

header, section, footer, aside, nav, main, article,figure{
 display: block;
}

2. 添加新元素

向HTML添加的新的元素，并为该元素定义样式，元素名为523a75af872c9b7da9495f252f14cbcb：

<!DOCTYPE html>
  <html>
  
  <head>
    <title>Creating an HTML Element</title>
     <script>document.createElement("myHero")</script>
    <style>
    myHero {
      display: block;
      background-color: #ddd;
      padding: 50px;
      font-size: 30px;
    } 
    </style> 
  </head>
  
  <body>
  
  <h1>我的第一个标题</h1>
  
  <p>我的第一个段落。</p>
  
  <myHero>我的第一个新元素</myHero>
  
  </body>
  </html>

3. 多媒体元素

标签	描述
b97864c2e0ef2353a16c4d64c7734e92	定义音频内容
39000f942b2545a5315c57fa3276f220	定义视频（video 或者 movie）
e02da388656c3265154666b7c71a8ddc	定义多媒体资源 39000f942b2545a5315c57fa3276f220 和 b97864c2e0ef2353a16c4d64c7734e92
d8e2720730be5ddc9c2a3782839e8eb6	定义嵌入的内容，比如插件。
9bf7cbf2c39baa37076a22499de2f6ed	为诸如 39000f942b2545a5315c57fa3276f220 和 b97864c2e0ef2353a16c4d64c7734e92 元素之类的媒介规定外部文本轨道。

4. 画布元素

3856173a0eceb679792f65a38e1fcb00

标签定义图形，比如图表和其他图像。该标签基于 JavaScript的绘图 API

5. 新表单元素

标签	描述
b2b67eb15edb2170c90d4a06a40a9be6	定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
ef2858e926d61e856e613b4641e2865f	规定用于表单的密钥对生成器字段。
be6d67dae90cc1ad6469079e163d0939	定义不同类型的输出，比如脚本的输出。

6. 新的语义和结构元素

标签	描述
23c3de37f2f9ebcb477c4a90aac6fffd	定义页面的侧边栏内容
15221ee8cba27fc1d7a26c47a001eb9b	定义页面内容之外的内容。
af4e6c3c591431c4583becd75d1c3582	允许您设置一段文本，使其脱离其父元素的文本方向设置。
e2b9f03cad787b9644e1f51fd23b7dac	定义命令按钮，比如单选按钮、复选框或按钮
a5e9d42b316b6d06c62de0deffc36939	用于描述文档或文档某个部分的细节
a38fd2622755924ad24c0fc5f0b4d412	定义对话框，比如提示框
631fb227578dfffda61e1fa4d04b7d25	标签包含 details 元素的标题
24203f2f45e6606542ba09fd2181843a	规定独立的流内容（图像、图表、照片、代码等等）。
614eb9dc63b3fb809437a716aa228d24	定义 24203f2f45e6606542ba09fd2181843a 元素的标题
c37f8231a37e88427e62669260f0074d	定义 section 或 document的页脚。
1aa9e5d373740b65a0cc8f0a02150c53	定义了文档的头部区域
f920514e6447cf1d171079d1371f007f	定义带有记号的文本。
49c6123c49c6be380cb91db06cd3bfa9	定义度量衡。仅用于已知最大和最小值的度量。
c787b9a589a3ece771e842a6176cf8e9	定义运行中的进度（进程）。
6ecb87e5318a36c03c59e25d55f43372	定义任何类型的任务的进度。
ec41f2147470148e85ad0337a362103e	定义 ruby 注释（中文注音或字符）。
7240f116d85a7ee375466871bc33670a	定义字符（中文注音或字符）的解释或发音。
515718f19dfe6612658be14be18aa0ec	在 ruby 注释中使用，定义不支持 ruby元素的浏览器所显示的内容。
2f8332c8dcfd5c7dec030a070bf652c3	定义文档中的节（section、区段）。
865ebc4a8f40017839ddd62af936776f	定义日期或时间。
37fcc81822f151c26d66e5caf9953670	规定在文本中的何处适合添加换行符。

7. 已移除的元素

在HTML5中不再使用，已经被删除。

·    <acronym>
·    <applet>
·    <basefont>
·    <big>
·    <center>
·    <dir>
·    <font>
·    <frame>
·    <frameset>
·    <noframes>
·    <strike>
·    <tt>

以上是HTML5初窥2之新元素的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：HTML5初窥之简介下一篇：Html5如何实现文件异步上传功能的实例分析

查看更多