HTML入门教程 - 2.标签、属性和元素(Tags, Attributes, and Elements)

来源：互联网发布：快递单数据录入员兼职编辑：程序博客网时间：2024/06/08 09:35

虽然基本的HTML是轻文本，但是我们需要加多一些亮点在这个HTML文件中。

在代码的最上面，<!DOCTYPE html>是文件种类的声明，这个声明让浏览器知道你这个网页使用的是哪一种HTML格式(这里使用的是HTML5).放这个行声明是非常有必要的。如果没有放这一行字，浏览器将不懂自己在做什么，显示也将会非常奇怪。

回到刚刚讨论的这个点<html>是一个开放标签来让包含全部的网页内容。我们使用</html>这个关闭的标签来用为HTML的休止符来告诉浏览器全部的东西都在<html>和</html>中间包含着。在<body>和</body>中间的内容将是主要的显示在浏览器中的内容。

关闭的标签

关闭的标签将在他们各自的原件中起到一个关闭的作用。

注意：

不是所有的标签都有像</body>或</thml>这样的关闭标签，这些标签不需要包含围绕着文字内容，这些标签将会自己关闭，例如“br”是一个换行符，这个换行符没有包含任何内容因此这个标签就独自存在。其他的标签我们等下会过一遍。所以你要记住，所有的带内容的标签需要关闭符。他的格式将如下所示：

opening tag(开的标签) → content(内容) → closing tag(关闭标签).

但是这些并不是必要的，在这个教程中我们这样要求的原因是因为这个是一个Good Practice来写代码，这样我们才能写出干净，简单和容易理解的代码。

HTML5：

你可能无意中发现“self-closing”标签，靠的就是“br”标签。

我们看“br /”看起来像是“br”。这个是XTHML的残余，名字叫做XML的一种基于HTML的格式的另外的编码语言。HTML5是一个比XHTML更加轻松的语言，他将融合这两种语言。一些工程师喜欢其中的一种方法，另外的一些倾向于另外一种。我们将采取丢硬币的方式来决定^-^,在教程中选择简单的这个版本。

特性

标签同样也可以拥有特性,这将是额外多一点的信息。特性显示在标签中并且与带双引号的value同时存在。我们将在后面详细讲清楚标签和特性。

特性示例如下：

<tag attribute="value">Margarine</tag>

我在此在强调一遍：双引号对于这个value来讲并不是必须的。但是为了跟进Best Practice来保持持续性和显示清楚。我们建议你也同样这样做。

元素

标签倾向于在元素的开始和结束来标志。而元素是微小的优化这个网页界面。我们可以这样说，每一个在<body>和</body>标签之间的是body元素。

我们写了下面这一个类似的例子：

Titile标签显示如下：

<title></title>

Title元素显示如下

<titile>BESTSG</title>