2018-07-17 CSS进阶

一、HTML基础知识

二、语义化

2.1 标题语义化
h1~h6在搜索引擎优化（SEO）中占有相当重要的地位。h1～h4被赋予一定的权重。很少用h5和h6。
1）. 一个页面只能有一个h1标签。
2）.h1～h6之间不要出现断层。

2.2 图片语义化
1）alt属性和title属性。
img标签有两个重要属性：alt和title。
alt属性用于图片描述，这个描述文件是给搜索引擎看的。并且当图片无法显示时，页面会显示alt中的文字。
title属性也用于图片描述，不过这个描述文字是给用户看的。并且当鼠标指针移到图片上时，会显示title中的内容。
语法：

说明：搜索引擎跟人不一样，它看不出一张图片描绘的是什么东西，它只会查看HTML代码，通过img标签的alt属性或者页面上下文来判断图片的内容。因此，对于img标签，一定要添加alt属性，以便搜索引擎识别图片的内容。alt属性在搜索引擎优化中也很重要，并且会被赋予一定的权重。
2）figure元素和figcaption元素。
用来增强图片的语义化。
例子:

说明：
figure元素用于包含图片和图标，figcaption元素用于表示图注文字。使得语义好。

2.3 表格语义化

2.4 表单语义化

2.5 语义化验证

2.6 HTML5摒弃的标签