HTML5的基本骨架及常用标签

1.1 HTML基本结构

每个网页都有其基本的结构，包括HTML的语法结构、文档结构、标签的格式以及代码的编写规范等，如图1-1所示。

1-1

 1.2  编排段落、换行和水平线

1.2.1  段落标签<p>

  若文字过长，它会根据窗口宽度自动换行，如小米商城网站底部段落大量使用<p>标签。

1.2.2 换行标签

单标签：强制文本换行

 

1.2.3 水平线标签<hr>

单标签：创建横跨网页的水平线

 

属性：color="颜色"  align="left/center/right" size="粗细"  width="长度" 

备注：粗细和长度都是以像素为单位

1.3 编排文本

1.3.1 分级标题标签：通过<h1>~<h6>六个标签定义的

正确使用分级标题标签，有利于网页的SEO。这就要求工程师在编排网页时，应该根据业务要求，将<h1>用于最重要的内容，而<h6>用于最不重要的内容。

1.3.2  其他常用标签