我眼中的 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"间的内容了。
基本上这个就是 HTML 的 head 的简单介绍!
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于