Web前端开发基础教程：HTML语义化和标签类型

Web语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解，对网站的SEO有很大的帮助。

标签和语义相结合，尽量不要使用没有语义的标签比如：p、span，尽量使用P、ul、ol、table等标签，在我们书写html源代码的时候，需要充分利用标签默认的含义。

Html标签的类型（显示模式）

Html标记一般分为块标记和行内标记两种类型，它们也称为块元素和行内元素，具体如下：

块元素：通常每个块元素都会独自占据一正行或者多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建

常用的块元素有<h1>-<h6>,<p>,<p><ul>,<ol>,<li>等，其中<p>标记是最典型的块元素。

行内元素：行内元素不占独立的区域，仅仅靠自身的字体大小和图像尺寸来支持结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。

常见的行内元素有<strong>,<b>,<em>,<i>,<del>,<s>,<ins>,<u>,<a>,<span>等，其中<span>标签是最典型的的行内元素。

• 上一篇：web前端开发基础教程：字符实体HTML特殊符号处理
• 下一篇：web前端开发基础教程：CSS定义与HTML结构之间的关系