1-HTML5语法与基础标签

HTML5骨架介绍

![Q)}PNI]A9WLH6Z03OS{5SBQ.png](p6-juejin.byteimg.com/tos-cn-i-k3…)

字符集

meta元标签：表示网页的基础配置 charset字符集，是属性 UTF-8是一种字符集，是对应属性的值

网页关键词和页面描述

1. 合理设置网页的网页关键词和页面描述，也是SEO的重要手段
2. SEO（Search Engine Optimization，搜索引擎优化），利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名，让网站在搜索引擎的结果中占据领先地位，获得品牌收益
3. 使用meta标签设置网页关键词和描述，name属性非常关键，用来设置meta的具体功能

认识标签

HTML叫做“超文本标记语言”，超文本标记就是标签，这些标签都有不同的功能

1. 标签通常成对出现--起始标签，结束标签
2. p标签表示段落，h1标签表示一级标题
3. 标签可以给文字设置不同的“语义”
4. 单标签meta
5. 标题标签h1-h6
6. p标签中不能嵌套h系列标签和其他p标签
7. div标签对儿 div标签对用来将相关的内容组合到一起，以和其它内容分割，使文档结构更清晰 （比如，网页的头部要放到一个div标签中，轮播图也要放到一个div标签中，文章内容也要放到一个div标签中）

div可以结合css使用，实现网页的布局，这种布局形式叫做“DIV+CSS” div就像一个容器，什么都可以容纳，工程师也习惯称呼div为“盒子”

div标签可以添加class属性表示类名，类名服务于css 区域以及对应类名：页头header，logo对应logo，导航条nav，横幅banner 内容区域content，页脚footer

HTML5特性

空白折叠现象 文字和文字之间有多个空格，换行后被折叠成一个空格 标签“内壁”和文字之间的空格会被忽略

转义字符：
<小于号
>大于号
 空格
©版权符号
HTML注释：ctrl+/