一、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中的内容。
语法:
<img src="" alt="图片描述(给搜索引擎看)" title="图片描述(给用户看)">
说明:搜索引擎跟人不一样,它看不出一张图片描绘的是什么东西,它只会查看HTML代码,通过img标签的alt属性或者页面上下文来判断图片的内容。因此,对于img标签,一定要添加alt属性,以便搜索引擎识别图片的内容。alt属性在搜索引擎优化中也很重要,并且会被赋予一定的权重。
2)figure元素和figcaption元素。
用来增强图片的语义化。
例子:
<figure>
<img src="" alt=""/>
<figcaption></figcaption>
</figure>
说明:
figure元素用于包含图片和图标,figcaption元素用于表示图注文字。使得语义好。
2.3 表格语义化
2.4 表单语义化
2.5 语义化验证
2.6 HTML5摒弃的标签
网友评论