搞清楚了head标签里面的两个重要标签meta和title，加深了对html文件基本结构的理解。
莫振杰写书的手艺真不错，循序渐进算是做到了。
第一章 HTML的基本标签1、HTML基本结构HTML文档包括文档声明和文档两大部分，文档又分为页头和页身两部分。
<!DOCTYPE html>表示这是一个HTML页面，DOC估计是document的缩写，type是类型，所以DOCTYPE就是文档类型。
容易丢掉的是前面的“!”。
2、html标签<html>表示html文件的开始，</html>表示html的结束。
成对出现的标签都是一个表示开始，另一个表示结束。
3、head标签<head>与</head>之间是网页的头部，用于规定页面标题、刷新时间、编码类型等。
一般来说有6个标签可以放在head标签内部，分别是：meta标签、title标签、style标签、link标签、script标签、base标签。
style标签用于定义元素的CSS样式，link标签用于引进外部CSS文件，script标签用于定义页面的JavaScript代码或引入外部JavaScript文件。
base标签莫振杰说没有意义，不用管。
4、meta标签meta标签有两个属性：http-equiv和name，它们定义的信息是提供给搜索引擎蜘蛛的，用户不会直接看到。
（1）http-equiv属性有两个值：“Content-Type”和“refresh”，分别用于定义网页编码和自动刷新跳转。
定义网页编码方式<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8”/>上述内容表示页面所用的编码为utf-8，在HTML5中简写为：<meta charset=”utf-8”/>【小知识】UTF-8（8位元，Universal Character Set/Unicode Transformation Format）是针对Unicode的一种可变长度字符编码。
它可以用来表示Unicode标准中的任何字符，而且其编码中的第一个字节仍与ASCII相容，使得原来处理ASCII字符的软件无须或只进行少部分修改后，便可继续使用。
因此，它逐渐成为电子邮件、网页及其他存储或传送文字的应用中，优先采用的编码。
定义网页自动刷新跳转<meta http-equiv=”refresh” content=”5; url=https://www.baidu.com/”/>上述代码意思是5秒后，网页跳转到https://www.baidu.com/页面。
（2）name属性有4个常用值：“keywords”、“description”、“author”和“copyright”。
keywords描述的是网页关键字，其格式为<meta name=”keywords” content=”百度主页”/>；description是页面内容描述，告诉搜索引擎页面内有什么内容，其格式<meta name=”description” content=”百度是常用的搜索引擎之一”/>；author描述的是本页面的作者，其使用格式为<meta name=”author” content=”不惑之年学编程”/>；copyright是版权声明，其格式为<meta name=”copyright” content=”本文为原创读书笔记，版权所有，禁止转载。
”/>。
head标签里的meta和title标签都在下图中。
5、title标签title标签定义的是网页标题，出现在网页到左上角，而不是页面内文章到标题。
它的使用格式为：<title> 这个是网页的标题 </title>6、body标签body标签内部才是页面里显示的内容，也就是用户可以看到的部分。
里面会有其他标签，例如h1（标题），p（段落）等。
7、HTML注释注释的用法很简单，上图的文件中用了好多，格式如下：<!–注释内容–>注释的内容不会显示在页面中，但是对读懂程序很重要。
上面的HTML文件在浏览器中的显示效果如下图：8、莫振杰的作业里有一条：默写HTML基本结构，我也觉得挺重要，需要做熟练。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）