开发者学堂课程【HTML 入门与实战：标签的语义化及标题标签 】学习笔记，与课程紧密联系，让用户快速学习知识。

课程地址：https://developer.aliyun.com/learning/course/593

标签的语义化及标题标签

内容简介：

一、HTML标签的语义化

1. 存在语义化标签的原因

2. 遵循的原则

二、HTML标签

1. 排版标签

一、HTML标签的语义化

1.HTML标签的语义化：是指标签的含义

存在语义化标签的原因：

· 方便代码的阅读和维护。

· 同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容

· 使用语义化标签会具有更好地搜索引擎优化核心，合适的地方给一个最为合理的标签。

语义是否良好，当我们去掉CSS之后，网页结构依然组织有序，并且有良好的可读性。

2.遵循的原则：先确定语义的HTML，再选合适的CSS。

二、HTML

首先HTML和CSS是两种完全不同的语言，

1. 排版标签

排版标签主要和CSS搭配使用，显示网页结构的标签，是网页布局最常用的标签。

· 标题标签（熟记）

单词缩写：head 头部、标题

为了使网页更具有语义化，经常会在页面中用到标题标签，HTML提供了6个等级的标题，即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>

标题标签语义: 作为标题使用，并且依据重要性递减。

其基本语法格式如下：

<hn> 标题文本 </hn>

输入格式如下：

<h7>显示原来的等级，所以，标题最小等级为<h6>。

在浏览器中打开如下图：