新手学习 HTML（二）：开始操作 HTML 的头部

2019-10-29 • 335 浏览 • 0 评论

HTML

我眼中的HTML的结构

在我看来HTML就是分为头部和身子，也就是head和body。head有它的用法，body也有它的作用。在HTML语言中，上面的部分我都管它叫头部，所以下面我们先了解头部。

<!DOCTYPE html>  <!-- 首先，把文件定义为html的属性 -->
<html lang="en">
<head>
<meta charset="UTF-8">  <!-- 用meta来定义里面的显示语言，显示的语言函数用charset来表述，中文则是utf-8的编码 -->
<title>Day 1练习</title>  <!-- 用于显示网页标签上面的名字，也就是网站名字 -->
</head>  <!-- 至此，head标签上面的内容显示完毕，下面显示的是body了 -->
</html>

切记写html的开头和结尾

在写HTML的时候要记住<html>写开头，</html>写结尾，不要把结尾给忘记了。

养成写注释的好习惯

一定要有一个习惯——写注释，
注释就是一个<>括号，括号里面从左侧开始用“!--”来告诉软件我要开始写注释了，然后写入注释的内容最后用“--”符号告诉软件我的注释写完了
这个注释不会对编码有影响，软件不会运行你写的注释。写注释是帮助你了解，你为什么写这个代码，写这个代码是对这一行或者一行某个代码有什么用或帮助
建议注释最好是英文：1、是怕个别软件不识别中文；2、是以后交给老外看也可以看明白

Head部分

首先，head也需要像html一样，有个开始的head和结尾的head来告诉软件我这部分属于head区域，即<head>和</head>，在这两个代码之间便是关于头部的操作内容了，它基本上是有两个主要元素：<meta>和<title>。<meta>可以看到后面还有“charset”属性和对应的值，在网上我们也可以看到有name、http-equiv、scheme等属性和对应的值，这些留着以后在学习吧，像我这样的HTML小白记不住这么多，我只记得后面来个charset给它赋值utf-8表示的是可以显示中文，对我来讲就足够了。而<title></title>这元素很有意思，这两个title间的内容就是你网页显示的标签的信息，举个例子：<title>小老虎之家</title>,你看看效果↓：

<!DOCTYPE html>  
<html lang="en"> <head> <meta charset="UTF-8">  
<title>小老虎之家</title>  
</head>  
</html>

title
当我们打完代码后，用浏览器打开就可以看到浏览器上面网页的标签名字就是我们"title"间的内容了。

基本上这个就是HTML的head的简单介绍！