这是我参与「第四届青训营 」笔记创作活动的的第1天
初步了解HTML中的标签
当一个HTML页面加载完成时，标签里的内容是对用户不可见的，即不在浏览器窗口上显示。它的作用是保存页面的一些元数据，一般个人页面的head元素可能较为简短，但是大型页面的head元素可能会包含有很多信息。我根据自己第一天的学习总结了一些经验，列举了标签内一些元素的用法。有所疏漏请多包涵。
1.元素
1.元素
元数据元素，即描述数据的数据。该元素内可以包含很多类型:
- 指定文档中的字符编码，这可以让指定在该html文档中被允许的字符集，让该页面显示对应的语言
- 如添加作者名字和内容描述，，这可以让搜索引擎能够自动获取作者以及该页面关键词等信息
- 如进行请求的重定向，表示在访问该页面时，会在3秒后跳转到指定的某链接
上述总结了一些常用的功能，当然还有其他许多功能尚未列举。
2.元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My html experiment</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My html experiment</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
复制代码
从图中我们可以看出来，元素可以为网页提供标题，显示在浏览器最上方的标签页上，用于表示整个html文档的标题。这与元素不同，后者是为body添加的大标题，在网页加载完毕后显示在页面中。
3.元素
<style>
h2 {
background-color: yellow;
}
p{
color: red;
}
</style>
复制代码
<style>
h2 {
background-color: yellow;
}
p{
color: red;
}
</style>
复制代码
该元素<style>元素用于定义文档的样式，将其显示于浏览器中。可专门用来定义css样式代码。
以上内容参考了MDN 以及训练营老师的讲解。
