结构元素
由于缺少结构，即使是形式良好的 HTML 页面也比较难以处理。必须分析标题的级别，才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的 div 元素来表示。HTML 5 添加了一些新元素，专门用来标识这些常见的结构： ection：这可以是书中的一章或一节，实际上可以是在 HTML 4 中有自己的标题的任何东西 header：页面上显示的页眉；与 head 元素不一样 footer：页脚；可以显示电子邮件中的签名 nav：指向其他页面的一组链接 article：blog、杂志、文章汇编等中的一篇文章
语义性的块元素
除了结构性元素之外，HTML 5 还增加了一些纯语义性的块级元素： aside：代表说明、提示、边栏、引用、附加注释等，也就是叙述主线之外的内容 figure：一个块级图像，还可以包含说明 dialog：表示几个人之间的对话对于
html5新增的表单元素有以下几种：
datalist，keygen，output三种无素。
1.datalist 元素
datalist 元素规定输入域的选项列表。
列表是通过 datalist 内的 option 元素创建的。
如需把 datalist 绑定到输入域，请用输入域的 list 属性引用 datalist 的 id。
2.keygen 元素
keygen 元素的作用是提供一种验证用户的可靠方法。
keygen 元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。
私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。
3.output 元素
output 元素用于不同类型的输出，比如计算或脚本输出。
根据具体问题类型，进行步骤拆解／原因原理分析／内容拓展等。
具体步骤如下：／导致这种情况的原因主要是……
HTML5新增的元素如下所示，希望对你有帮助，望采纳！
新的语义和结构元素：
<article> 定义页面独立的内容区域。
<aside> 定义页面的侧边栏内容。
<bdi> 允许您设置一段文本，使其脱离其父元素的文本方向设置。
<command> 定义命令按钮，比如单选按钮、复选框或按钮
<details> 用于描述文档或文档某个部分的细节
<dialog> 定义对话框，比如提示框
<summary> 标签包含 details 元素的标题
<figure> 规定独立的流内容（图像、图表、照片、代码等等）。
<figcaption> 定义 <figure>元素的标题
<footer> 定义 section 或 document 的页脚。
<header> 定义了文档的头部区域
<mark> 定义带有记号的文本。
<meter> 定义度量衡。仅用于已知最大和最小值的度量。
<nav> 定义导航链接的部分。
<progress> 定义任何类型的任务的进度。
<ruby> 定义 ruby 注释（中文注音或字符）。
<rt> 定义字符（中文注音或字符）的解释或发音。
<rp> 在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
<section> 定义文档中的节（section、区段）。
<time> 定义日期或时间。
<wbr> 规定在文本中的何处适合添加换行符。
新表单元素：
<datalist> 定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
<keygen> 规定用于表单的密钥对生成器字段。
<output> 定义不同类型的输出，比如脚本的输出。
新多媒体元素：
<audio> 定义音频内容
<video> 定义视频（video 或者 movie）
<source> 定义多媒体资源 <video>和 <audio>
<embed> 定义嵌入的内容，比如插件。
<track> 为诸如 <video>和 <audio>元素之类的媒介规定外部文本轨道。
<canvas>新元素：
<canvas> 标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）