前言當(dāng)互聯(lián)網(wǎng)和Web逐漸成為主流時，Web技術(shù)也發(fā)生了巨大的變化。W3C和其他的標(biāo)準(zhǔn)化組織共同制定了一些規(guī)范，用來創(chuàng)建和解釋基于Web的內(nèi)容，其目的就是解決日益增多的瀏覽器的類型和版本所帶來的網(wǎng)" />

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

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運營 > HTML5網(wǎng)頁文檔結(jié)構(gòu)

HTML5網(wǎng)頁文檔結(jié)構(gòu)

時間：2023-07-18 20:27:02 | 來源：網(wǎng)站運營

時間：2023-07-18 20:27:02 來源：網(wǎng)站運營

HTML5網(wǎng)頁文檔結(jié)構(gòu)：






前言

當(dāng)互聯(lián)網(wǎng)和Web逐漸成為主流時，Web技術(shù)也發(fā)生了巨大的變化。W3C和其他的標(biāo)準(zhǔn)化組織共同制定了一些規(guī)范，用來創(chuàng)建和解釋基于Web的內(nèi)容，其目的就是解決日益增多的瀏覽器的類型和版本所帶來的網(wǎng)頁兼容問題。通過上次的文章，相信大家已經(jīng)對HTML5有了一個整體上的認(rèn)識。本文主要討論Web標(biāo)準(zhǔn)和HTML基本標(biāo)記。

Web標(biāo)準(zhǔn)
HTML基本標(biāo)記



Web標(biāo)準(zhǔn)

我們知道制作出來的網(wǎng)頁需要在瀏覽器中運行。由于目前存在不同的瀏覽器版本，為了讓各種瀏覽器都能正常顯示網(wǎng)頁，Web開發(fā)者通常需要為此耗費時間，特別是當(dāng)有新的硬件（比如移動電話）和軟件的出現(xiàn)。這種情況就更嚴(yán)重了。為了讓Web更好的發(fā)展，在開發(fā)新的應(yīng)用程序的時候，瀏覽器開發(fā)商和站點開發(fā)商應(yīng)遵守共同的標(biāo)準(zhǔn)。
有一套大家都遵守的Web標(biāo)準(zhǔn)，不僅可以實現(xiàn)Web的全部潛力，更能縮短開發(fā)時間，為用戶提供更好的服務(wù)。
因此，Web標(biāo)準(zhǔn)在開發(fā)中是十分重要的，使用Web標(biāo)準(zhǔn)有如下優(yōu)點：

對于訪問者

對于網(wǎng)站所用者

Web標(biāo)準(zhǔn)規(guī)定的內(nèi)容：

WEB標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。對應(yīng)的標(biāo)準(zhǔn)也分三方面：結(jié)構(gòu)化標(biāo)準(zhǔn)語言主要包括XHTML和XML，表現(xiàn)標(biāo)準(zhǔn)語言主要包括CSS，行為標(biāo)準(zhǔn)主要包括對象模型（如W3C DOM）、ECMAScript等。這些標(biāo)準(zhǔn)大部分由萬維網(wǎng)聯(lián)盟（外語縮寫：W3C）起草和發(fā)布，也有一些是其他標(biāo)準(zhǔn)組織制訂的標(biāo)準(zhǔn)，比如ECMA（European Computer Manufacturers Association）的ECMAScript標(biāo)準(zhǔn)。

  1. 結(jié)構(gòu)標(biāo)準(zhǔn)語言
XML
可擴展標(biāo)記語言（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個子集、外語縮寫：XML）。和HTML一樣，XML同樣來源于標(biāo)準(zhǔn)通用標(biāo)記語言，可擴展標(biāo)記語言和標(biāo)準(zhǔn)通用標(biāo)記語言都是能定義其他語言的語言。XML最初設(shè)計的目的是彌補HTML的不足，以強大的擴展性滿足網(wǎng)絡(luò)信息發(fā)布的需要，后來逐漸用于網(wǎng)絡(luò)數(shù)據(jù)的轉(zhuǎn)換和描述。
XHML
可擴展超文本標(biāo)識語言（外語全稱：The Extensible HyperText Markup Language、外語縮寫：XHTML）。目前推薦遵循的是W3C于2000年1月26日推薦XML1.0。XML數(shù)據(jù)轉(zhuǎn)換能力強大，完全可以替代HTML，但面對成千上萬已有的站點，直接采用XML還為時過早。因此，我們在HTML4.0的基礎(chǔ)上，用XML的規(guī)則對其進(jìn)行擴展，得到了XHTML。簡單的說，建立XHTML的目的就是實現(xiàn)HTML向XML的過渡。



  1. 表現(xiàn)標(biāo)準(zhǔn)語言
CSS
層疊樣式表（外語縮寫：CSS）。目前推薦遵循的是萬維網(wǎng)聯(lián)盟（外語縮寫：W3C）于1998年5月12日推薦CSS2。W3C創(chuàng)建CSS標(biāo)準(zhǔn)的目的是以CSS取代HTML表格式布局、幀和其他表現(xiàn)的語言。純CSS布局與結(jié)構(gòu)式XHTML相結(jié)合能幫助設(shè)計師分離外觀與結(jié)構(gòu)，使站點的訪問及維護更加容易
  1. 行為標(biāo)準(zhǔn)
DOM
文檔對象模型（外語全稱：Document Object Model、外語縮寫：DOM）。根據(jù)W3C DOM規(guī)范（http://www.w3.org/DOM/），DOM是一種與瀏覽器，平臺，語言的接口，使得你可以訪問頁面其他的標(biāo)準(zhǔn)組件。簡單理解，DOM解決了Netscaped的Javascript和Microsoft的Jscript之間的沖突，給予web設(shè)計師和開發(fā)者一個標(biāo)準(zhǔn)的方法，讓他們來訪問他們站點中的數(shù)據(jù)、腳本和表現(xiàn)層對象。
ECMAScript
ECMAScript是ECMA(European Computer Manufacturers Association)制定的標(biāo)準(zhǔn)腳本語言（JavaScript）。目前推薦遵循的是ECMAScript-262。



HTML基本標(biāo)記

HTML文檔最基本的結(jié)構(gòu)主要包括文檔類型說明、HTML文檔開始標(biāo)記、元信息、主體標(biāo)記和頁面注釋標(biāo)記。在這里先說明下，在HTML5中是不區(qū)分大小寫的，在某些渲染的情況下不同的瀏覽器可能存在著差別，小編主要以Google Chrome瀏覽器進(jìn)行演示。

文檔類型說明

HTML5文檔類型說明，代碼如下，需要出現(xiàn)在HTML文件的第一行，其主要作用是告訴瀏覽器要處理的文檔類型，如果你不寫的話，瀏覽器一般也能識別，個人建議還是寫上。

<!DOCTYPE html>

HTML標(biāo)記

HTML的標(biāo)記有很多，我們接下來一段時間將會學(xué)習(xí)一些標(biāo)記。HTML5主要用來寫一個網(wǎng)頁的大概結(jié)構(gòu)，至于排版，渲染之類的交給CSS來處理。下面是一張HTML5元素周期表。


HTML標(biāo)記代表文檔的開始，由于HTML語言語法的松散特性，該標(biāo)記可以省略，，但是為了使之符合Web標(biāo)準(zhǔn)和文檔的完整性，我們要養(yǎng)成良好的編寫習(xí)慣，建議不要省略。這也是許多程序員筆試HTML語言的地方，語法松散。
HTML標(biāo)記以<html>開頭，以</html>結(jié)尾，文檔的所有內(nèi)容書寫在開頭和結(jié)尾的中間部分。語法格式如下：

<html>.....</html>

頭標(biāo)記head

頭標(biāo)記head用于說明文檔頭部相關(guān)信息，一般包括標(biāo)題信息、元信息、定義CSS樣式和腳本代碼等。以<head>開始，以</head>結(jié)尾，語法格式如下：

<head>.....</head> <head>元素的作用范圍是整篇文檔，定義在HTML文檔頭部的內(nèi)容往往不會再網(wǎng)頁上直接顯示。

  1. 標(biāo)題標(biāo)記title
    HTML頁面的標(biāo)題一般是用來說明頁面的用途，它顯示在瀏覽器的標(biāo)題欄中。以<title>開始，以`</title>結(jié)尾，語法格式如下：
<title>.....</title>
  1. 元信息標(biāo)記meta
    <meta>標(biāo)記可以提供有關(guān)頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關(guān)鍵字。<meta>標(biāo)記位于文檔的頭部，不包含任何內(nèi)容。<meta>標(biāo)記的屬性定義了與文檔相關(guān)聯(lián)的名稱/值。在這里我們主要提兩個與<meta>標(biāo)記的屬性。
<meta charset="utf-8"> 在這里說明一下，如果你要顯示中文，一般設(shè)置為“GB2312”（簡體中文）或者“UTF-8”兩種，如果沒有標(biāo)注，可能有些瀏覽器會出現(xiàn)亂碼現(xiàn)象。英文的是用“ISO-8859-1”。個人建議用“UTF-8”完全就夠了，英文和中文都能顯示。

<meta http-equiv="refresh" content="秒;[url=頁面地址]" />







網(wǎng)頁的主體標(biāo)記body

網(wǎng)頁所要顯示的內(nèi)容都放在網(wǎng)頁的主體標(biāo)記內(nèi)，它是HTML文件的重點所在，我們以后要討論的HTML標(biāo)記都將放在這個標(biāo)記內(nèi)。然而它并不是一個形式上的標(biāo)記，它本身有可以控制網(wǎng)頁的背景顏色和背景圖像，這在以后會提到。主體標(biāo)記以<body>開始，以</body>結(jié)束，語法格式如下：

<body>.....</body> 注意：在構(gòu)建HTML結(jié)構(gòu)時，標(biāo)記不允許出現(xiàn)交錯出現(xiàn)，否則會造成錯誤，可能會得到需要的結(jié)果這要看具體瀏覽器的處理方式。

頁面注釋標(biāo)記<!-- -->

注釋是在HTML代碼中插入的帶描述性的文本，用來解釋代碼或者提示其他信息。注釋只出現(xiàn)在代碼中，瀏覽器對注釋代碼不進(jìn)行解釋，并且在瀏覽器的頁面不顯示。在代碼中適當(dāng)?shù)牟迦胱⑨屨Z句是一種非常好的習(xí)慣，希望大家在寫代碼的時候注意這一點。語法格式如下：

<!--注釋的內(nèi)容--> 在Dreamweaver中可以使用Ctrl+/對一行進(jìn)行注釋，Shift+Ctrl+/對所選內(nèi)容進(jìn)行注釋。

好說了這么多，我們來看一個綜合例子。
制作一個符合W3C標(biāo)準(zhǔn)的HTML5網(wǎng)頁。
代碼如下：

<!doctype html> <html> <head> <meta charset="utf-8"> <title> 我的第一個網(wǎng)頁 </title> </head> <body> 今天，我寫了我的第一個網(wǎng)頁，十分的開心 </body> </html> 瀏覽器打開如下：





注：在代碼中不同顏色間是有空格的，因平臺所限沒有渲染出來。




編輯不易，歡迎推廣







關(guān)鍵詞：結(jié)構(gòu)

74
73
25
news

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

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