HTML5基本元素与结构使用指南.pdfVIP

一.使用段落

段落是通过p定义的。

浏览器会自动地在段落的前后添加空行。

使用空的段落标记p/p去一个空行是个坏习惯。

特别的内容：HTML特殊字符

参考：

常用的特殊字符：

;

;

（空格）;

©copy;

二.使用层

段落是通过div定义的。

div是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是div固

有的唯一格式表现。可以通过div的class或id应用额外的样式。

请使用div元素来组合块级元素，这样就可以使用样式对它们进行格式化。

特别的内容：块元素和内联元素

块级元素在浏览器显示时，通常会以新行来开始（和结束）。代表：h1,p,ul,div

内联元素在显示时通常不会以新行开始。代表：b,td,a,img

三.使用预编排格式内容

pre元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。

而文本也会呈现为等宽字体。

pre的一个常见应用就是用来表示计算机的源代码。

可以导致段落断开的（例如标题、p和address）绝不能包含在pre所定

义的块里。

四.使用块

blocke定义块。

blocke与/blocke之间的所有文本都会从常规文本中分离出来，经常会在上、

下、左、右四边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块拥有它

们自己的空间。

q：短，只是在为文本左右都添加引号，并且使用斜体来显示。

blocke：块，在块的上、下、左、右四边添加外边距，并且使用斜体来显示。

五.使用分隔线

hr在HTML页面中创建一条水平线。

水平分隔线（horizontalrule）可以在视觉上将文档分隔成各个部分。

六.使用列表

1.有序列表

ol定义有序列表。

li定义列表项目。

属性：

reversed：规定列表顺序为降序。(9,8,7...)

注意：可以不用给属性值，也可以给任意属性值，是给reversed属性值。

start：规定有序列表的起始值。

type：规定在列表中使用的标记类型。

属性值：

1（默认值）

A

a

I

i

2.无序列表

ul定义无序列表。

li定义列表项目。

type：规定列表的项目符号的类型。

disc（默认值）

square

circle

注意：建议大家不要使用type，而是使用CSS来定义实现。可以通过配置CSS中的list-style-type

为none来实现不显示列表项符号。

3.定义列表

dl定义了定义列表（definitionlist）。

dt定义列表中的项目。

dd描述列表中的项目。

4.列表嵌套

七.使用插图

figure规定独立的流内容（图像、图表、、代码等等）。

figure元素的内容应该与主内容相关，但如果被删除，则不应对文档生影响。