HTML 5简介 常用元素与属性

一、简介
HTML 5的优势：解决跨浏览器问题、部分代替了原来的JavaScript、更明确的语义支持、增强了Web应用程序的功能。
HTML 5的基本结构和语法变化：HTML 5的基本结构、标签不再区分大小写、元素可以省略结束表签、支持boolean值的属性、允许属性值不使用引号。
HTML 5基本结构如下：

二、HTML 5的常用元素与属性
1.HTML 5保留的常用元素
注释：定义HTML注释。
html标签：是HTML 5文档的根元素。
head标签：定义HTML 5文档的页面头部分，但HTML 5允许完全省略这个元素。
title标签：定义HTML 5文档的页面标题。
body标签：定义HTML 5文档的页面主体部分，该元素可指定id、class、style等通用属性 ，还可指定onload、onunload、onclick、ondblclick等事件标签，这些属性用于指定JavaScript脚本。
h1到h6标签：定义标题一到标题六。
p标签：定义段落，该元素可指定id、class、style、dir、title等通用属性，还可指定onclick等各种事件属性。
br标签：插入一换行，该元素可指定id、class、style等通用属性。
hr标签：定义水平线，该元素可指定id、class、style等通用属性，还可指定onclick等各种事件属性。
sapn标签：与div标签基本相似，区别是span标签只是表示一段一般性文本，它包括的文本内容默认不会换行。该元素可指定和div标签相同的属性。
使用a元素添加超链接和锚点：
HTML 5保留了定义超链接的a标签元素，该元素可指定id、class、style、dir、title等通用属性，也可指定onclick等各种事件属性。它还可指定如下6个重要属性。
href：指定超链接所链接的另一个资源。
hreflang：指定超链接所链接的文档所使用的语言。
target：指定使用框架集中的哪个框架来装载另一个资源。该属性的属性值可以是_self、_blank、_top、_parent四个值，分别代表使用自身、新窗口、顶层框架、父框架来装载新资源。
download：用于让用户下载目标链接所指向的资源，而不是直接打开该目标链接。该属性的属性值指定用户保存下载资源时的默认文件名。
type：指定被链接文档的MIME类型。
media：指定目标URL所引用的媒体类型。默认值为all。只有当指定了href属性时该属性才有效。

效果如下：

2.列表相关元素
ul：定义无序列表。该元素可指定id、style、class等属性，还可指定onclick等事件属性。该元素只能包括 li 标签子元素。
ol：定义有序列表。该元素可指定id、style、class等属性，还可指定onclick等事件属性。该元素只能包括 li 标签子元素。除此之外，在HTML 5规范中，该元素还可指定start、type、reversed。

效果如下：

3.使用img元素添加图片
HTML 5保留了img元素在页面中定义图片，这个元素只能是一个空元素，它不可以包含任何内容。该元素除了可以指定id、style、class等通用属性外，也可指定onclick等事件属性。不仅如此，使用该元素必须指定如下两个属性。
src:该属性指定图片文件所在的位置，该属性值既可是相对路径，也可是绝对路径。
alt：该属性指定一段文本，该文本将作为该图片的提示信息。
除此之外，该元素还可指定如下两个可选属性。
height：指定该图片的高度，该属性值可以是百分比，也可以是像素值。
width：指定该图片的宽度，该属性值可以是百分比，也可以是像素值。
另外，与图片相关的还有如下两个元素。
map：用于定义图片映射。该元素主要可以包括一个或多个area标签子元素，每个area标签子元素定义一个区域，不同区域可链接到不同URL。
area：用于定义图片映射的内部区域。该元素只能是一个空元素，该元素除了可以指定id、style、class等通用属性外，也可指定onclick等事件属性，还可指定onfocus、onblur等焦点相关属性。除此之外，还可指定shape、coords、href、alt、target属性。

效果如下：

3.表格相关元素
table标签：用于定义表格，table元素只能包含0个或1个caption子元素（定义表格标题），0个或1个thead子元素（定义表格头），0个或1个tfoot子元素（定义表格脚），多个tr子元素（定义表格行），多个tbody子元素（定义表格体）。该元素可指定cellpadding、cellspacing、width。
caption标签：用于定义表格标题，该元素只能包括文本、图片、超链接、文本格式化元素和表单控制件元素等。
tr标签：定义表格行，该元素只能包含td或者th两种元素，该元素可以指定id、style、class等通用属性，还可指定onclick等事件属性。
td标签：定义单元格，该元素和div元素一样，可以包含各种类型的子元素，包括在td元素里包含table子元素再次插入一个表格。该元素可以指定id、style和class等通用属性，也可指定onclick等事件属性，除此之外，该元素还可指定colspan、rowspan、height、width。
th标签：定义表格的表头单元格，和td元素的用法几乎完全一样，只是浏览器呈现th元素时有一定差别。
tbody：定义表格的主体，该元素只能包含tr子元素，该元素可以指定id、style和class等通用属性，还可指定onclick等事件属性。
thead：定义表格头，用法与tbody基本相似，只是功能稍有差别。
tfoot：定义表格脚，用法与tbdoy基本相似，只是功能稍有差别。

效果如下：

4.HTML 5新增的contentEditable属性

5.HTML 5新增的hidden属性

6.HTML 5新增的article结构与section元素

7.HTML 5新增的拖放API 保留的通用属性

以上是HTML 5的常用元素和属性。