標(biāo)簽和元素的區(qū)別
標(biāo)簽和元素的區(qū)別
大家知道什么是HTML嗎?它是指超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用。這其中有兩個(gè)很重要的東西，標(biāo)簽與元素，你知道這兩者有何區(qū)別嗎?下面就讓學(xué)習(xí)啦小編來為大家介紹一下吧，希望大家喜歡。
HTML標(biāo)簽
HTML的標(biāo)簽使用“<”和“>”標(biāo)記進(jìn)行聲明。比如<html>和</html>。
HTML的標(biāo)簽包含兩種形式：成對(duì)出現(xiàn)的標(biāo)簽和單獨(dú)出現(xiàn)的標(biāo)簽。
1. 成對(duì)出現(xiàn)的標(biāo)簽
成對(duì)出現(xiàn)的標(biāo)簽包括開始標(biāo)簽和結(jié)束標(biāo)簽。基本格式如下：
<開始標(biāo)簽>內(nèi)容</結(jié)束標(biāo)簽>
開始標(biāo)簽標(biāo)識(shí)一段內(nèi)容的開始，而結(jié)束標(biāo)簽是與開始標(biāo)簽相對(duì)應(yīng)的標(biāo)簽，結(jié)束標(biāo)簽比開始標(biāo)簽多一個(gè)斜杠。
比如，<html>表示HTML文件的開始，到</html>結(jié)束，從而組成了一個(gè)HTML文件。
在成對(duì)出現(xiàn)的標(biāo)簽中，所有的開始標(biāo)簽都必須有結(jié)束標(biāo)簽相對(duì)應(yīng)。
2. 單獨(dú)出現(xiàn)的標(biāo)簽
在開始標(biāo)簽和結(jié)束標(biāo)簽中間沒有內(nèi)容的標(biāo)簽，稱為單獨(dú)出現(xiàn)的標(biāo)簽。基本格式如下：
<標(biāo)簽 />
單獨(dú)出現(xiàn)的標(biāo)簽都會(huì)在標(biāo)簽中添加一個(gè)斜杠，來表示該標(biāo)簽是單獨(dú)出現(xiàn)的標(biāo)簽。比如<br />、<img />等。
<br />標(biāo)簽的用法如下：
這是一部分內(nèi)容<br />
這是另一部分內(nèi)容<br />
<img />標(biāo)簽的用法如下：
<img src="append/20111001.jpg" alt="長(zhǎng)城" />
3. 使用HTML小寫標(biāo)簽
HTML標(biāo)簽對(duì)大小寫不敏感。比如，<P>等同于<p>。不過，萬維網(wǎng)聯(lián)盟(W3C)在HTML4中推薦使用小寫標(biāo)簽，而在XHTML版本中則強(qiáng)制使用小寫標(biāo)簽。
HTML元素
HTML網(wǎng)頁的內(nèi)容是由元素組成的，而元素的開始和結(jié)束都使用標(biāo)簽作為開始和結(jié)束的標(biāo)記。
1. 元素的組成
一個(gè)元素通常由一個(gè)開始標(biāo)簽、內(nèi)容、其它元素以及一個(gè)結(jié)束標(biāo)簽組成。
比如，<head>和</head>是標(biāo)簽，但是下面的這行代碼則是一個(gè)元素：
<head><title>wwww.baike369.com</title></head>
在上面這個(gè)元素中，<title>和</title>是標(biāo)簽，但是下面這行代碼：
<title>www.baike369.com</title>
則是嵌套在head元素中的另一個(gè)元素，www.baike369.com則是元素的內(nèi)容。
head、title又稱為元素名，一般稱為head元素、title元素，用于表示它們以及它們之間的元素內(nèi)容。
2. 空元素
沒有結(jié)束標(biāo)簽的元素被稱為空元素。比如，br元素就是一個(gè)沒有內(nèi)容和沒有結(jié)束標(biāo)簽的空元素。
嵌套的HTML元素
大多數(shù)的HTML元素可以嵌套，就是可以包含其他HTML元素。
HTML文檔由嵌套的HTML元素構(gòu)成。如：
<html>
<body>
<p>這是一個(gè)段落。</p>
</body>
</html>
上面的例子包含了三個(gè)HTML元素，它們分別是：html元素、body元素和p元素。
HTML元素實(shí)例解釋
1. p元素：
<p>這是一個(gè)段落!</p>
這個(gè)p元素定義了HTML文檔中的一個(gè)段落。它擁有：一個(gè)開始標(biāo)簽<p>、元素內(nèi)容是：這是一個(gè)段落!、一個(gè)結(jié)束標(biāo)簽</p>。
2. body元素：
<body>
<p>這是一個(gè)段落!</p>
</body>
body元素定義了HTML文檔的主體。它擁有：一個(gè)開始標(biāo)簽<body>、元素內(nèi)容是另一個(gè)HTML元素(p元素)、一個(gè)結(jié)束標(biāo)簽</body>。
3. html元素：
<html>
<body>
<p>這是一個(gè)段落!</p>
</body>
</html>
html元素定義了整個(gè)HTML文檔。它擁有：一個(gè)開始標(biāo)簽<html>、元素內(nèi)容是另一個(gè)HTML元素(body元素)、一個(gè)結(jié)束標(biāo)簽</html>。
猜你喜歡