HTML5/CSS3/JavaScript技术大全
上QQ阅读APP看书,第一时间看更新

2.1.2 标签和元素

标签和元素是HTML中的两个重要的概念,因此有必要在开始就向读者介绍。

1. 标签

firstHTML.html文档代码中包含了很多由“<”和“>”这对尖括号(角括号)括起来的字符串,如<html>、<body>等,这些由尖括号组成的字符串被称为HTML的标签,这些标签是HTML的核心内容。正是由于有了这些标签,浏览器才能够呈现出丰富多彩的网页。HTML标签具有如下特性。

(1)HTML标签总是由“<”和“>”这对尖括号括起来的。

(2)默认情况下,这些标签不会被浏览器直接输出,而是通过浏览器解释之后,输出设计者想要的结果。从图2-2中可以看出,并没有标签被输出。

(3)双标签。“双标签”由“起始标签”(start tag)和“结束标签”(end tag)两部分构成,必须成对使用,其中“起始标签”告诉Web浏览器从此处开始执行该标签所表示的功能,而“结束标签”告诉Web浏览器在这里结束该功能。通常在“起始标签”前加一个斜杠(/)即成为“结束标签”,语法格式如下。

<标签>内容</标签> 

下面的示例代码中,<b>表示“起始标签”,而</b>表示“结束标签”。

<b>文本加粗显示 </b>

(4)单标签。有些标签只需单独使用就能完整地表达意思,这类标签被称为“单标签”,语法格式如下。

<标签名称> 

最常用的单标签是<br>,它表示换行,如下所示。

<br> 

提示:按照XHTML规范,所有的标签都必须闭合,所以在XHTML中,单标签需要在结束尖括号前面添加斜线“/”来表示封闭,如<br>应该写成<br/>。HTML并没有这样规定,但是建议读者参照XHTML标准来写,会使代码更加规范。

(5)标签通常都含有属性。在HTML文档中,大部分的标签都具有属性,语法格式如下。

<标签名字 "属性 1"="值 1" "属性 2"="值 2" "属性3"…"属性n">  

各属性之间一般无先后次序,属性也可省略(即取默认值)。

下面的示例语句为标签<input>添加了 3个属性。

<input type="text" id="myButton" value="test"> 

其中3个属性分别为type、id以及value。

(6)HTML标签对大小写不敏感。HTML和Java等编程语言不一样,其对文档中的标签大小写并不敏感,因此<br/>与<BR/>的显示效果是一样的。

提示:建议读者在实际书写的时候,都使用小写来书写HTML标签,这样就与XHTML规范达成统一。

2. 元素

HTML元素以及HTML标签是教程中出现最为频繁的两个概念。HTML文档由HTML元素构成,而HTML元素则由标签进行定义。

元素通常包括标签、标签属性以及标签包含的内容,也就是包括起始标签至结束标签中的所有内容,如“<b>文本加粗显示</b>”语句表示b元素。

读者也不必拘泥于这两者的区别,因此可以根据喜好来表达。通常表达为标签,需要添加“<>”(如<b>标签),而表达为元素时,不需要添加“<>”(如b元素)。