HTML温故知新1
什么是 HTML?
HTML 是用來描述網(wǎng)頁的一種語言。
- HTML 指的是超文本標(biāo)記語言 (Hyper?Text?Markup?Language)
- HTML 不是一種編程語言,而是一種標(biāo)記語言?(markup language)
- 標(biāo)記語言是一套標(biāo)記標(biāo)簽?(markup tag)
- HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
HTML 標(biāo)簽
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
- HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞,比如 <html>
- HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的,比如 <b> 和 </b>
- 標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
- 開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
HTML 文檔 = 網(wǎng)頁
- HTML 文檔描述網(wǎng)頁
- HTML 文檔包含 HTML 標(biāo)簽和純文本
- HTML 文檔也被稱為網(wǎng)頁
Web 瀏覽器的作用是讀取 HTML 文檔,并以網(wǎng)頁的形式顯示出它們。瀏覽器不會(huì)顯示 HTML 標(biāo)簽,而是使用標(biāo)簽來解釋頁面的內(nèi)容。
HTML 元素語法
- HTML 元素以開始標(biāo)簽起始
- HTML 元素以結(jié)束標(biāo)簽終止
- 元素的內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
- 某些 HTML 元素具有空內(nèi)容(empty content)
- 空元素在開始標(biāo)簽中進(jìn)行關(guān)閉(以開始標(biāo)簽的結(jié)束而結(jié)束)
- 大多數(shù) HTML 元素可擁有屬性
提示:您將在本教程的下一章中學(xué)習(xí)更多有關(guān)屬性的內(nèi)容。
空的 HTML 元素
沒有內(nèi)容的 HTML 元素被稱為空元素。空元素是在開始標(biāo)簽中關(guān)閉的。
<br> 就是沒有關(guān)閉標(biāo)簽的空元素(<br> 標(biāo)簽定義換行)。
在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關(guān)閉。
在開始標(biāo)簽中添加斜杠,比如 <br />,是關(guān)閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的,但使用 <br /> 其實(shí)是更長遠(yuǎn)的保障。
HTML 提示:使用小寫標(biāo)簽
HTML 標(biāo)簽對(duì)大小寫不敏感:<P> 等同于 <p>。許多網(wǎng)站都使用大寫的 HTML 標(biāo)簽。
W3School 使用的是小寫標(biāo)簽,因?yàn)槿f維網(wǎng)聯(lián)盟(W3C)在 HTML 4 中推薦使用小寫,而在未來 (X)HTML 版本中強(qiáng)制使用小寫。
HTML 屬性
HTML 標(biāo)簽可以擁有屬性。屬性提供了有關(guān) HTML 元素的更多的信息。
屬性總是以名稱/值對(duì)的形式出現(xiàn),比如:name="value"。
屬性總是在 HTML 元素的開始標(biāo)簽中規(guī)定。
HTML 提示:使用小寫屬性
屬性和屬性值對(duì)大小寫不敏感。
不過,萬維網(wǎng)聯(lián)盟在其 HTML 4 推薦標(biāo)準(zhǔn)中推薦小寫的屬性/屬性值。
而新版本的 (X)HTML 要求使用小寫屬性。
始終為屬性值加引號(hào)
屬性值應(yīng)該始終被包括在引號(hào)內(nèi)。雙引號(hào)是最常用的,不過使用單引號(hào)也沒有問題。
在某些個(gè)別的情況下,比如屬性值本身就含有雙引號(hào),那么您必須使用單引號(hào),例如:
name='Bill "HelloWorld" Gates'HTML 完整屬性列表,包括HTML5的。http://www.w3school.com.cn/tags/index.asp
HTML全局屬性列表,使用于全部標(biāo)簽:http://www.w3school.com.cn/tags/html_ref_standardattributes.asp
總結(jié)
- 上一篇: html5链接mvc,LinkExten
- 下一篇: 2017年html5行业报告,云适配发布