html注释标签怎么写（html开头基础代码）

程序员文章站 2023-11-18 09:47:46

今天学习的内容是《第三章基本标签》，难度挺小。搞清楚了head标签里面的两个重要标签meta和title，加深了对html文件基本结构的理解。莫振杰写书的手艺真不错，循序渐进算是做到了。第一章 ht...

今天学习的内容是《第三章基本标签》，难度挺小。搞清楚了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”，分别用于定义网页编码和自动刷新跳转。

定义网页编码方式

上述内容表示页面所用的编码为utf-8，在html5中简写为：

【小知识】utf-8（8位元，universal character set/unicode transformation format）是针对unicode的一种可变长度字符编码。它可以用来表示unicode标准中的任何字符，而且其编码中的第一个字节仍与ascii相容，使得原来处理ascii字符的软件无须或只进行少部分修改后，便可继续使用。因此，它逐渐成为电子邮件、网页及其他存储或传送文字的应用中，优先采用的编码。

定义网页自动刷新跳转

上述代码意思是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=”不惑之年学编程”/>；

head标签里的meta和title标签都在下图中。