首页 > 代码库 > 01-HTML的基本结构以及Header的部分
01-HTML的基本结构以及Header的部分
一、什么是HTML？
HTML是超文本标签语言，即网页的源码。而浏览器就是翻译解释HTML源码的工具。
二、HTML文档的结构：
三、详细注释：
<!DOCTYPE html>
<!--↑ HTML的文档类型声明：声明这个文件是HTML5文件，让浏览器按照HTML5的标准对代码进行解释执行。
文档声明在HTML文件中，必须要有，而且必须写在文件最上方。
如果不写文档类型声明，浏览器会默认按照兼容模式运行，可能会出现不明BUG。
-->
<!--注释：写给程序员看的，网页中不会显示。
html中的注释快捷键：Ctrl+/（快速注释选中的文字）
Ctrl+Shift+/（添加注释）-->
<html>
<head>
<!-- head 头部 作用：
用于描述网页的一些关键信息。比如网页的配置、设置、关键字等等。。。
这些信息，大多在浏览器看不到，但是对网页的解析至关重要！
-->
<meta charset="utf-8" />
<!-- meta标签，用于描述网页的各种信息。
其中<meta charset="utf-8" /> 设置网页的字符集编码格式为UTF-8格式。
常见的中文编码格式：
GB2312:国标码，简体中文的编码格式；
GBK：扩展的国标码，比国标码多了更多的编码格式，简体中文；
UTF-8:万国码，可以兼容绝大多数语言的编码。常用！！！！
HTML4.01之前，声明字符集编码的格式：<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-->
<meta name="keywords" content="杰瑞教育,HTML5,网页开发" />
<!--
设置网页的关键字，有助于搜索引擎的搜索。
name="keywords" 表示这个meta标签用于设置网页的关键字；
content="" 表示关键字的详细信息，多个关键字之间用英文逗号分隔。
-->
<meta name="description" content="这是我在杰瑞教育开发的第一个网页！" />
<!--
设置网页的描述信息（搜索引擎搜索时，标题下面的一段文字！非常重要！！！）：
name="description" 表示这个meta标签用于设置网页的描述信息；
content="" 表示描述信息的详细内容。
-->
<title>这是我的第一个网页</title>
<!--
title：网页的标题，显示在浏览器选项卡上面的文字！
-->
<link rel="icon" href=http://www.mamicode.com/"img/书.jpg"/>
<!--
链接网页的小图标： 网页选项卡上的小图片。
rel="icon" 表示连接的文件，将作为网页的icon图标；
href="http://www.mamicode.com/img/书.jpg" href表示图标图片所在的路径位置。
-->
</head>
<body>
<!-- body中的内容会显示在浏览器的展示区域。 -->
内容区域
</body>
</html>
【注】：所有的Html标签必须是闭合标签。可以是成对的，比如<title> </title>；也可以是自闭合标签，比如：<img />; 也就是说/表示这一个或者一对标签的闭合。
01-HTML的基本结构以及Header的部分