HTML基础知识（七）——HTML新增标签及新增规范

一、HTML5 新增的标签

(一)、新的多媒体元素

1、audio

 标签定义声音，比如音乐或其他音频流。目前支持三种文件格式：MP3，Wav，Ogg; Ogg格式在以下浏览器支持(chrome，safari，Firefox, Opera)。

2、video

标签定义视频，比如视频片段或其他视频流。

3、source

标签允许规定两个视频/音频文件让浏览器根据它对媒体类型或者解码器的支持进行选择。

4、embed

一个容器，用来嵌入外部应用或者互动程序（组件）, 经常被用来加载swf文件（flash）

(二)、新的表单元素

1. <datalist>元素

<label for="inpt">选择一个浏览器</label>
<input id="inpt" list="demo">
<datalist id="demo">
    <option value="火狐">
    <option value="IE">
    <option value="Opera">
    <option value="chrome">
</datalist>

2.<output>

 <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
     <input id="a" type="text" value="50">+
     <input id="b" type="text" value="20">=
     <output name="x" for="a b" value="0"></output>
 </form>

(三)、画布新元素 canvas

(四)、新的语义和结构元素

1、<article>

定义独立的内容<article>标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。

2、<aside>侧边栏

3、<article>  标签外的内容。
定义页面的侧边栏内容
4、<aside>的内容可用做文章的侧栏。

5、<nav> 导航栏（navigator）

6、<details>标签规定用户可见的或者隐藏的需求的补充细节。

7、<figure>定义独立的流内容（图像，图表，照片，代码等等）

8、<footer>定义网页的底部内容（页脚）

9、<section>标签定义了文档的某个区域

二、HTML5新增的规范

（一）语法

• 用两个空格来代替制表符（tab）--这是唯一能保证在所有环境下获取的一致展现效果的方法。
• 嵌套元素应当缩进一次（两个空格）
• 对于属性的定义, 确保全部使用声音好，绝不要使用单引号。
• 不要在自闭和（self-closing）元素的尾部添加斜线。--HTML5规范中明确说明这是可选的。
• 不要省略可选的结束标签(例如：</li> 或</body>)

HTML5 doctype：为每个HTML页面的第一行添加标准模式（standard mode）的声明, 这样能够确保在每个浏览器中拥有一致的展现。

<! DOCTYPE html>

（二）语言属性

根据HTML5规范，强烈建议为html根元素指定lang属性, 从而为文档设置正确的语言. 浙江有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定器翻译师缩影遵守的规则等等。

（三）字符编码

通过声明字符编码，能够确保浏览器快速并容易的判断页面内容的渲染方式，这样做可以避免在HTML中使用字符实体标记，从而全部与文档编码一致（一般采用UTF-8编码）

（四）引入CSS和JavaScript文件

引入CSS和JavaScript文件时不需要指定type属性，text/css 和text/javascript分别是它们的默认值。

（五）属性顺序

HTML属性应当按照以下给出的顺序依次排列，确保代码的易读性
clss>id,name>data-''>src,for,type,href,value>title,alt,role.

（六）布尔（boolean）类型属性

布尔型属性可以在声明时，不赋值.XHTML规范要求为其赋值，但是HTML5规范不需要。