生成的这一大段代码,是一个基础的 HTML 网页模板。注意:这是 HTML5 的基础模板哦~

很简单的一段代码啦,不过我们刚刚接触,先不展开分析啦。就简单的解释一下我们修改的三个位置都是什么。

一、网页语言

<html lang="zh">

这里的 lang 是在说这个网页的内容的主要语言是什么。内容哦,不是说代码。就是给人看的部分,不是给计算机看的内容。所以语言呢,就是中文啊(zh),英文啊(en)这种。目前知道这两个也就够用了的。想要强调是简体中文就写 zh-CN[1]

这个有什么用呢?对,告诉电脑,这个网页的语言是什么。浏览器会根据这个判断,这个页面是不是当前用户使用的语言,如果不是,那就弹出提示,问问是否需要进行翻译。当然还有其他用途啦,我就不一一举例了。

翻译提示

二、网页标题

<title>这里是标题了啦~</title>

这一部分中间的内容是网页的标题,用来显示在浏览器的标签上,就像这样:

翻译提示

用来告诉读者,当前页面是什么,当然,不宜过长哦~

三、网页内容

<body>在这里是网页的内容哦~</body>

这个内容就是网页中要显示的东西了,后面我们还会在这里放各种代码哦~

四、发现

是不是觉得上面的代码好讲道理?比如 title 之间就是标题。body 之间就是内容(或者认为是网页的主体部分)。

所以嘛,代码什么就是在描述想做什么了啦。标题是什么什么,主体是什么什么……这样。

如果再观察一下,就发现还有:

<head>
  (这里内容省略……)
</head>

这是头?网页的“头”,是用来放那些不直接显示在页面之中的,对网页进行就解释说明的内容,就比如上面的 title 就放在这里面。

>注释 1: 这些都是传统写法,和规范有出入。不过大家都这么写,大部分软件也都兼容,倒是规范写法好像很多地方还没兼容,或者别人不认识……所以先了解常用写法吧。