HTML5 不僅僅是 HTML 標準的最新版本，它還是一系列用來制作現(xiàn)代富 Web 內容的相關技術的總稱。其實最" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運營 > HTML基礎知識（一）

HTML基礎知識（一）

時間：2023-08-30 00:48:01 | 來源：網(wǎng)站運營

時間：2023-08-30 00:48:01 來源：網(wǎng)站運營

HTML基礎知識（一）：

HTML基礎知識（一）

背景知識

HTML（Hypertext Markup Language，超文本標記語言）誕生于 20 世紀 90 年代初。

HTML5 不僅僅是 HTML 標準的最新版本，它還是一系列用來制作現(xiàn)代富 Web 內容的相關技術的總稱。其實最為熟知的 H5 核心規(guī)范就是三大件：HTML、CSS、JavaScript。

JavaScript 出自于一家名叫網(wǎng)景的公司。

HTML 元素

大小寫

空元素

自閉合標簽

虛元素

HTML 元素中，有些元素只能使用一個標簽方式來表示，在它當中放置任何內容都不符合 HTML 規(guī)范，這類元素被稱為 虛元素。比如：<hr>，它是一種組織性元素，表示內容中段落級別的終止。

表示方式

虛元素有兩種表示方式：

  1. 只使用開始標簽，比如：<hr>
  2. 使用自閉合標簽，比如：<hr/>
瀏覽器其實可以識別到虛元素，所以不會等待虛元素的結束標簽出現(xiàn)。

元素屬性

一個元素，多個屬性

一個 HTML 元素，可以擁有多個屬性。這些屬性之間以一個或者多個空格分隔。

我喜歡吃<a class="fruit" href="www.baidu.com" id="apple">蘋果</a>和香蕉屬性的順序是沒有要求的，全局屬性和元素專有屬性都可以隨意交錯。正如上例，class、id 屬性均是全局屬性。

布爾屬性

有些屬性屬于布爾屬性，這種屬性不需要設定值，只需要將屬性名添加到元素中即可。舉例：

請輸入你的姓名：<input disabled>其中 disabled 就是布爾屬性，其在 input 屬性中只添加了屬性名稱。其實，你也可以寫成如下形式，都是等效的：

請輸入你的姓名：<input disabled="">請輸入你的姓名：<input disabled="true">請輸入你的姓名：<input disabled="disabled">

自定義屬性

用戶可以自定義屬性，這種屬性必須以 data- 開頭。例如：

請輸入你的姓名：<input disabled="true" data-creator="adam" data-purpose="collection">這種屬性也叫作者定義屬性、擴展屬性。自定義屬性之所以以 data- 開頭是為了避免與 HTML 的未來版本中可能出現(xiàn)的屬性名發(fā)生沖突。自定義屬性一般與 CSS 、JavaScript 結合起來使用。

HTML文檔

HTML 元素和屬性并不會單獨存在，它們是用來標記 HTML 文檔內容的，需要一個 HTML 文檔來裝載它們。

想要創(chuàng)建 HTML 文檔，最為便捷的方法就是新建一個文本文檔，將其文件擴展名改為 .html即可。通過這樣創(chuàng)建的 HTML 文檔，是本地磁盤讀取的，HTML 文檔也可以從 WEB 服務器上載入。

HTML 與 XHTML

符合 HTML 語法的文檔不一定符合 XML 語法，所以使用標準的 XML 解析程序處理 HTML 文檔可能會出錯。為了解決這個問題，可以使用 XHTML，它是 HTML 的 XML 序列化形式。也就是說，用符合 XML 規(guī)范的方式來表達文檔的內容以及 HTML 元素和屬性，以便 XML 解析程序處理。

HTML 文檔的結構

外層結構

HTML 文檔的外層結構由兩個元素組成：DCOTYPE 和 html。例如：

<!DOCTYPE HTML><html> <!--HTML 元素與屬性在這--></html>上例中，DOCTYPE 元素使用布爾屬性 HTML 是為了告訴瀏覽器，這是一個 HTML 文檔。緊接著使用 html 元素來告訴瀏覽器：從這個開始標簽（<html>）開始，一直到結束標簽 （</html>），它們兩個之間的所有 HTML 元素內容都應該作為 HTML 處理。

元數(shù)據(jù)

HTML 文檔的元數(shù)據(jù)用于向瀏覽器提供文檔的一些信息。元數(shù)據(jù)包含在 head 元素中。

<!DOCTYPE HTML><html> <head> <!--元數(shù)據(jù) metadata 在這里定義--> <title>標題</title> </head></html>上例中的元數(shù)據(jù)只有一個 title 元素，其一般會被瀏覽器識別并顯示在窗口的標題欄上或者是標簽頁上。

元數(shù)據(jù)除了可以寫一些用來說明 HTML 文檔的元素，head 元素還可以用來規(guī)定文檔與外部資源的關系，比如 CSS，JavaScript等等。

文檔內容

文檔內容寫在 body 元素中。例如：

<!DOCTYPE HTML><html> <head> <!--元數(shù)據(jù) metadata 在這里定義--> <title>標題</title> </head> <body> <!--文檔內容 和 元素寫在這里--> 我是<code>前端</code>程序員 </body></html>body 元素用于告訴瀏覽器：要向用戶展示文檔的哪些部分。

HTML 文檔元素之間的關系

HTML 文檔中元素之間有明確的關系，其中有：父元素、子元素、后代元素、兄弟元素。

<!DOCTYPE HTML><html> <head> <!--元數(shù)據(jù) metadata 在這里定義--> <title>標題</title> </head> <body> <!--文檔內容 和 元素寫在這里--> 我是<code>前端</code>程序員 </body></html>上例中，body 元素是 code 元素的父元素，因為 code 元素的開始、結束標簽均在 body 元素的開始、結束標簽之間。反過來，code 元素也是 body 元素的子元素。一個元素可以擁有多個子元素，但是只能有一個父元素。

body 元素與 code 元素都是 html 元素的后代元素，但是只有 body 元素是 html 元素的子元素。子元素是關系最近的后代元素。

具有同一個父元素的元素互為兄弟元素。上例中的 head 元素和 body 元素就是兄弟元素。

HTML 實體

HTML 文檔中有些字符往往具體特殊含義，有時需要在文檔內容中顯示這些特殊字符，就需要使用 HTML 實體。HTML 實體是用來替代特殊字符的一種代碼。

字符實體名稱
<&lt;
>&gt;
&&amp;


關鍵詞：知識,基礎

74
73
25
news

版權所有? 億企邦 1997-2025 保留一切法律許可權利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關閉