1.3.1 HTML5语法结构
HTML文件由元素构成,元素由标签、内容和属性3部分组成。
1.标签
HTML文档由标签和被标签的内容组成。标签能产生各种效果,其功能类似于一个排版软件,将网页的内容排成理想的效果。标签(tag)是用一对尖括号(“<”“>”)括起来的单词或单词缩写,各种标签的效果差别很大,但总的表示形式却大同小异,大多数都成对出现。在HTML中,通常标签都是由开始标签和结束标签组成的,开始标签用“<标签>”表示,结束标签用“</标签>”表示,其格式如下。
<标签>受标签影响的内容</标签>
例如,一级标题标签<h1>表示为:
<h1>Web前端开发</h1>
需要注意以下两点。
1)每个标签都要用“<”(小于号)和“>”(大于号)括起来,如<p>,<table>,以表示这是HTML代码而非普通文本,“<”“>”与标签名之间不能留有空格或其他字符。
2)在标签名前加上符号“/”便是其结束标签,表示该标签内容的结束,如</h1>。标签也有不用</标签>结尾的,称之为单标签。例如,换行标签<br/>。
2.内容
HTML文件中的元素是指从开始标签到结束标签的所有代码,即一个元素通常由开始标签、元素内容和结束标签(有些标签没有结束标签,要写上“>”)组成。HTML元素分为有内容的元素和空元素两种。
(1)有内容的元素
有内容的元素是由开始标签、结束标签及两者之间的元素内容组成的,其中元素内容既可以是需要显示在网页中的文字内容,也可以是其他元素。例如,<title>和</title>是标签,下面代码是一个title元素。
<title>淘宝网-淘!我喜欢</title>
(2)空元素
空元素只有开始标签而没有结束标签,也没有元素内容。例如,<br>、<hr>(横线)元素就是空元素。
(3)元素的嵌套
除了HTML文件元素html外,其他HTML元素都是被嵌套在另一个元素之内的。在HTML文件中,html是最外层元素,也称为根元素。head元素、body元素是嵌套在html元素内的。body元素内又嵌套许多元素。HTML中的元素可以多级嵌套,但是不能互相交叉。例如,下面代码对于<head>和</head>标签来说,就是一个head元素。
<head><title>淘宝网-淘!我喜欢</title></head>
同时,这个title元素又是嵌套在head元素中的另一个元素。
例如,下面是不正确的嵌套写法,<p>元素的开始标签在<b>元素的外层,但它的结束标签却放在了<b>元素的结束标签内。
<p>这是<b>第一段</p>文字</b>
正确的HTML写法如下。
<p>这是<b>第一段</b>文字</p>
为了防止出现错误的HTML元素嵌套,在编写HTML文件时,建议先写外层的一对标签,然后逐渐往里写,这样既不容易忘记写HTML元素的结束标签,也可以减少HTML元素的嵌套错误。
3.属性
标签仅仅规定这是什么信息,但是要想显示或控制这些信息,就需要在标签后面加上相关的属性。标签通过属性来制作出各种效果,通常都是以“属性名="值"”的形式来表示,用空格隔开后,还可以指定多个属性,并且在指定多个属性时不用区分顺序,其格式如下。
<标签 属性1="属性值1"属性2="属性值2"…>受标签影响的内容</标签>