应该把 标签放在文档的开始处，紧跟在 后面，并处于 标签之前 。
文档的头部经常会包含一些 标签，用来告诉浏览器关于文档的附加信息 。
文章插图
lang是language的意思，lang=”en”属性对每张页面中的主要语言进行声明，en代表了英文，只是个声明，声明了它，对搜索引擎和浏览器更友好，并不会更改显示内容 。它还有常见的值是zh-CN，代表了中文 。（搜索引擎不会判断该站点是中文还是英文，它让搜索引擎知道你的站点是中文站，这些都是html规范，越规范，越容易被收录）
6、title标签
- 可定义文档的标题 。它显示在浏览器窗口的标题栏或状态栏上 。
- 当把文档加入用户的收藏夹或书签列表时，标题将成为该文档的默认名称 。
- <title> 标签是 <head> 标签中唯一必须要求包含的东西，就是说写head一定要写title，不是说其它的不加，而是title一定要加 。
- title写和你网页相关的关键词有利于seo优化
文章插图
SEO是搜索引擎优化的英文缩写 。通过对网站内容调整，满足搜索引擎的排名需求，从而提高自己网站被搜索引擎平台录取的几率，从而把精准用户带到网站 。
网站都有目标群体，通过title、meta标签可以让目标群体通过关键词找到你的网站，所以你定义的关键词决定了会吸引什么样的群体 。
7、meta标签
META标签用来描述一个HTML网页文档的属性，此处的charset=”utf-8”是说当前使用的是utf-8编码格式，在开发中我们经常会看到utf-8，或是gbk，这些都是编码格式 。国外一般会用gbk、gb2312，国内通常使用utf-8 。
元素可提供有关页面的元信息（meta-information），用来向浏览器或搜索引擎描述页面 。比如文档的描述和关键词 。它只可以放在head中 。属于元信息标签 。
常见的meta有：
Keywords(关键字) keywords用来告诉搜索引擎你网页的关键字是什么 。
文章插图
<meta name="keywords" content="web前端,尚学堂培训">
description(网站内容描述) description用来告诉搜索引擎你的网站主要内容 。
文章插图
author作者 标注网页的作者
文章插图
文章插图
二、标签相互嵌套
标签之间可以相互嵌套，但要注意嵌套顺序
文章插图
文章插图
三、语义化标签
1、什么是HTML语义化标签
语义化的标签，旨在让标签有自己的含义 。
文章插图
如上代码，p 标签与 span 标签都区别之一就是，p 标签的含义是：段落 。而 span 标签则没有独特的含义 。
2、语义化标签的优势
- 代码结构清晰，方便阅读，有利于团队合作开发 。
- 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页 。
- 有利于搜索引擎优化（SEO） 。
推荐阅读
- 饮食|更适合老年人的饮食结构是什么？
- 北京新增公交、出租、环卫等车辆将基本采用电动车
- 气功：硬气入门的基本方法教学
- GCNN 使用Keras构建具有自定义结构和层次的图卷积神经网络
- 「热荐」学好SQL数据库基本功，老K推荐这12本书
- JVM原理介绍
- 化淡妆基本步骤 学会这个轻松化淡妆
- 关于茶文化基本知识,东城区举办带路茶文化课程展示
- 企业遭到黑客攻击怎么处理，应急响应的整体思路和基本流程
- 科学家根据火山地震地热等现象来推测地球内部的情况 从地球的内部结构方面解释地震形成的原因