第四天
1.需要了解的内容
- 文档类型<!DOCTYPE>
这句话就是告诉我们使用哪个html版本? 我们使用的是 html 5 的版本。 html有很多版本,那我们应该告诉用户和浏览器我们使用的版本号。
标签位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范,必需在开头处使用标签为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能按指定的文档类型进行解析。
注意: 一些老网站可能用的还是老版本的文档类型比如 XHTML之类的,但是我们学的是HTML5,而且HTML5的文档类型兼容很好(向下兼容的原则),所以大家放心的使用HTML5的文档类型就好了。
- 字符集
<meta charset="UTF-8">
utf-8: 是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312。
gb2312: 简单中文 包括6763个汉字
BIG5: 繁体中文 港澳台等用
GBK: 包含全部中文字符 是GB2312的扩展,加入对繁体字的支持,兼容GB2312
UTF-8: 则包含全世界所有国家需要用到的字符
以后统统使用UTF-8 字符集, 这样就避免出现字符集不统一而引起乱码的情况了。
- HTML标签的语义化
白话: 所谓标签语义化,就是指标签的含义。
- 为什么要有语义化标签
- 方便代码的阅读和维护
- 同时让浏览器或是网络爬虫可以很好地解析,从而更好分析其中的内容
- 使用语义化标签会具有更好地搜索引擎优化
核心: 合适的地方给一个最为合理的标签。
语义是否良好: 当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性。
不管是谁都能看懂这块内容是什么。
遵循的原则: 先确定语义的HTML ,再选合适的CSS。
- HTML标签
首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了。 不会再给结构标签指定样式了。
HTML标签有很多,这里我们学习最为常用的,后面有些较少用的,我们可以查下手册就可以了。
- 排版标签
排版标签主要和css搭配使用,显示网页结构的标签,是网页布