HTML5新增标签

---恢复内容开始---

1.<!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前。不是HTML标签

HTML5:

<!DOCTYPE html>

DTD

DTD可以定义合法的XML文档构建模块，它使用一系列合法的元素来定义文档的结构。

在HTML中，DTD规定了标签语言规则。

（快速生成HTML5的头部信息的步骤：

1.Ctrl + N，新建一个文档；

2.Ctrl + Shift + P，打开命令模式，再输入 sshtml 进行模糊匹配，将语法切换到html模式；

3.输入 !，再按下 Tab键或者 Ctrl + E ，就能快速打开HT

常用ML5的整体结构。

4.shift+ctrl+/：注释多行。

）

2.H5新增标签

（1）结构标签

块状元素--有意义的div。

<article> 标记定义一篇文章；

<header>定义一个页面或者一个区域的头部；

<nav>标记定义导航链接；

<section>标记定义一个区域；

<aside>标记定义页面内容部分的侧边栏；

<hgroup>标记定义文件中一个区块的相关信息。

<figure>定义一组媒体内容以及他们的标题。

<figcaption>标签定义figure元素的标题。

<footer>标记定义一个页面或者一个区域的底部。

<dialog>标记定义一个对话框类似微信。

补充：

1.header/section/aside/article/footer互不嵌套

2.header/section/footer>aside/article/figure/hgroup/nav（互不嵌套，若果要嵌套，用figcaption）

（2）多媒体标签

<video>标签定义一个视频

<audio>标记定义音频内容

<source>标记定义媒体资源

<canvas>标记定义图片

（3）Web应用标签

状态标签

<meter>状态标签（气压、气温）

<progress>状态标签（任务过程：安装、加载）

列表标签

<datailst>为input标记定义一个下拉列表，配合option。

<details>标记定义一个元素的详细内容，配合summary。

Menu

<menu> 命令列表（目前所有主流浏览器都不支持）

<menuitem>menu命令列表标签（只有FireFox8.0FireFox8.0支持）

<command>menu标记定义一个命令按钮（只有IE8支持）

（4）其他标签

注释标签

<ruby>标记定义注释或者音标

<rt>标记定义对ruby的注释内容文本

<rp>告诉那些不支持ruby元素的浏览器如何去显示

<mark> 标记定义有标记的文本（黄色选中状态）

<output>标记定义一些输出类型，计算表单结果配合oninout事件

<keygen>标记定义表单里一个生成的键值（加密信息传送）

<time>标记定义一个日期，目前所有的主流浏览器都不支持

---恢复内容结束---

posted @ 2018-04-02 15:53 Shawna 阅读(160) 评论(0) 收藏举报

刷新页面返回顶部

Shawna

HTML5新增标签

公告