HTML 5的常用元素与属性

第一章、HTML 5的常用元素与属性

1.1 HTML 5保留的常用元素

1.1.1 基本元素

1、html：文档根元素。

2、head：文档页面头部。存放文档基本信息，不可见。

3、title：文档页面标题。

4、body：定义主体部分。

5、h1到h6：定义标题一到标题六。(块级元素)

6、p：定义段落。(块级元素)

7、br:插入一个换行。（空元素）

8、hr：插入水平线。（空元素）

9、div：定义文本中的节。（块级元素）

10、span：定义一般性文本。（行级元素）

1.1.2 文本格式相关元素

1、b：定义粗体文本。（行级元素）

2、strong：定义粗体文本。（行级元素）

3、i：定义斜体文本。（行级元素）

4、em：定义强调文本。（行级元素）

5、small：定义小号字体文本。（行级元素）

6、sup：定义上标文本。（行级元素）

7、sub：定义下标文本。（行级元素）

8、bdo：定义文本显示方向。可以指定属性dir ，属性值为ltr（从左向右排列）或rtl（从右向左排列），用于指定文本排列方向。（行级元素）

1.1.3 语意相关元素

1、abbr：用于表示一个缩写。通常指定title属性，用于缩写所代表的全称。（行级元素）

2、address：用于表示一个地址。（块级元素）

3、blockquote：用于定义一段长的文本引用。可以指定cite属性，指定文本引用的网址URL或出处。（块级元素）

4、q：用于定义一段短的引用文本。浏览器会为这段文本添加引号。（行级元素）

5、cite：用于表示作品标题。浏览器会斜体显示文本。如*《呐喊》*。 （行级元素）

6、code：用于表示一段计算机代码。（行级元素）

7、dfn：用于定义一个专业术语。浏览器会粗体或斜体表示文本。（行级元素）

8、del：定义文档中被删除的文本。以中划线体现。（行级元素）

9、ins：定义文档中插入的文本。以下划线体现。（行级元素）

10、pre：预格式化文本。所包含的空格、回车和其他字符会被保留。（块级元素）

11、samp：用于定义示范文本的内容。（行级元素）

12、kbd：用于定义键盘文本。（行级元素）

13、var：用于表示一个变量。通常斜体显示。（行级元素）

14、a：定义超链接。href属性用于与引用资源建立链接，target属性指定装载资源的框架，_self(自身)、_black（新窗口）、_top（顶层框架）、_parent（父框架）。（行级元素）

1.1.4 列表相关元素

1、ul：定义无序列表。（块级元素）

2、ol：定义有序列表。（块级元素）

3、li：定义列表项。（块级元素）

4、dl：定义术语列表。（块级元素）

5、dt：定义标题列表项。（块级元素）

6、dd：定义普通列表项。（块级元素）

1.1.5 图片相关元素

1、img：定义图片。（空元素）src属性指定图片文件位置，alt属性指定图片替代文本。

2、map：用于定义图片映射。（块级元素）

3、area：用于定义图片映射的内部区域。可以指定以下属性：

​ shape：指定内部区域是那种区域，默认值为"rect(矩形区域)"，还有值为：circle、ploy。

​ coords：指定多个坐标值，用于确定区域位置。

​ 除此之外还有href、alt、target等属性。（块级元素）

​ 通过img元素指定usemap属性可以让该图片映射，设置usemap的属性值为**#mapname**即可。

1.1.6 表格相关元素

1、table：定义表格。只能包含0个或1个、、子元素，其余子元素可以多个。（块级元素）

2、caption：定义表格标题。（块级元素）

3、tr：定义表格行，只能包含、 （块级元素）

4、td：定义单元格。（块级元素）

​ 属性：

​ colspan：指定合并列。

​ rowspan：指定合并行。

​ height,width

5、th：指定表格的表头单元格。（块级元素）

7、tbody：表格主体。（块级元素）

8、thead：表格头部。（块级元素）

9、tfoot：表格页脚。（块级元素）