- 網頁設計與制作教程（HTML+CSS+JavaScript）：第3版
- 張兵義 張博主編
- 1030字
- 2023-06-28 15:45:39
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"…>受標簽影響的內容</標簽>