當(dāng)前位置：首頁(yè) > 前端技术 > HTML >内容正文

HTML

DHTML---HTML5

發(fā)布時(shí)間：2023/12/20 HTML 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 DHTML---HTML5 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

?

1. HTML概述

　　網(wǎng)頁(yè)是網(wǎng)站的表現(xiàn)層,各種編程語(yǔ)言（如Java）構(gòu)成后臺(tái)的邏輯,我們將后臺(tái)邏輯做好然后通過頁(yè)面表達(dá)。同時(shí)通過網(wǎng)頁(yè)來(lái)與后臺(tái)進(jìn)行交互。而Html是我們做網(wǎng)頁(yè)的基礎(chǔ),由瀏覽器來(lái)解析。

1.1 HTML概念

HTML（HyperText Markup Language ）即超文本標(biāo)記語(yǔ)言【超文本HyperText（規(guī)范）：

超文本是用超鏈接的方法，將各種不同空間的文字信息組織在一起的網(wǎng)狀文本。

鏈接 Hyper Link：超鏈接在本質(zhì)上屬于一個(gè)網(wǎng)頁(yè)的一部分，它是一種允許我們同其他網(wǎng)頁(yè)或站點(diǎn)之間進(jìn)行連接的元素。各個(gè)網(wǎng)頁(yè)鏈接在一起后，才能真正構(gòu)成一個(gè)網(wǎng)站。所謂的超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系,這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè),也可以是相同網(wǎng)頁(yè)上的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁(yè)中用來(lái)超鏈接的對(duì)象，可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上，并且根據(jù)目標(biāo)的類型來(lái)打開或運(yùn)行。

標(biāo)記語(yǔ)言Mark-up Language：就是由標(biāo)記構(gòu)成的語(yǔ)言。標(biāo)記來(lái)構(gòu)成不同的內(nèi)容。例如：表達(dá)圖片 <img>]，標(biāo)記語(yǔ)言是 WWW 的描述語(yǔ)言，由 Tim Berners-lee提出。】它是互聯(lián)網(wǎng)上應(yīng)用最廣泛的標(biāo)記語(yǔ)言。HTML只是一種標(biāo)記語(yǔ)言，簡(jiǎn)單來(lái)說(shuō)，HTML就是普通文本+HTML標(biāo)記（標(biāo)簽），不同的HTML標(biāo)記展現(xiàn)不同的效果；設(shè)計(jì) HTML 語(yǔ)言的目的是為了能把存放在一臺(tái)電腦中的文本或圖形與另一臺(tái)電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體，人們不用考慮具體信息是在當(dāng)前電腦上還是在網(wǎng)絡(luò)的其它電腦上。這樣，你只要使用鼠標(biāo)在某一文檔中點(diǎn)取一個(gè)圖標(biāo)，Internet就會(huì)馬上轉(zhuǎn)到與此圖標(biāo)相關(guān)的內(nèi)容上去，而這些信息可能存放在網(wǎng)絡(luò)的另一臺(tái)電腦中。 HTML文本是由 HTML命令組成的描述性文本，HTML 命令可以說(shuō)明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。 HTML的結(jié)構(gòu)包括頭部 (Head)、主體 (Body) 兩大部分。頭部描述瀏覽器所需的信息，主體包含所要說(shuō)明的具體內(nèi)容。

HTML是一種弱勢(shì)語(yǔ)言,不區(qū)分大小寫,不是一種編程語(yǔ)言(編程語(yǔ)言有編譯過程)，是一種描述性的標(biāo)記語(yǔ)言(標(biāo)記語(yǔ)言沒有編譯過程)，用于描述超文本中內(nèi)容的顯示方式。比如字體什么顏色，大小等。簡(jiǎn)單來(lái)說(shuō)，HTML文件就是普通文本+HTML標(biāo)記（也叫HTML標(biāo)簽），不同的HTML標(biāo)記能表示不同的效果。Java則是一種強(qiáng)勢(shì)語(yǔ)言,必須嚴(yán)格按照語(yǔ)法標(biāo)準(zhǔn)。

1.2 HTML的流程

HTML網(wǎng)頁(yè)上面我們提出申請(qǐng)--服務(wù)器接受并處理返回我們的申請(qǐng)(例如:我們申請(qǐng)取消訂單--服務(wù)器接受--處理申請(qǐng)--將結(jié)果通知用戶(已刪除或未刪除)),返回的其實(shí)是HTML代碼

1.3 HTML的歷史

HTML的發(fā)展歷史“比較復(fù)雜”，因?yàn)樗鼘?shí)在太“隨意”了，而負(fù)責(zé)解析HTML的瀏覽器又太“寬容”了，以至于到了“寫一份對(duì)的HTML文檔很容易，寫一份錯(cuò)的HTML文檔很難”的程度。而且不同瀏覽器之間又存在一些差異，因此導(dǎo)致HTML給人的感覺比較混亂。

從HTML面世開始，它就顯得“很不正規(guī)”：1991年底推出HTML，但最早的HTML并沒有任何嚴(yán)格的定義。直到1993年，IETF（國(guó)際互聯(lián)網(wǎng)工程任務(wù)組（The Internet Engineering Task Force）才開始發(fā)布HTML規(guī)范的草案。在HTML語(yǔ)言的發(fā)展歷史中，大致經(jīng)歷了如下的發(fā)展歷史：

HTML（第一版）:1993年6月由互聯(lián)網(wǎng)工程工作小組（IETF Internet Engineering Task Force）發(fā)布的HTML工作草案。
HTML 2.0：1995年11月作為RFC 【Request For Comments（RFC），是一系列以編號(hào)排定的文件。文件收集了有關(guān)互聯(lián)網(wǎng)相關(guān)信息，以及UNIX和互聯(lián)網(wǎng)社區(qū)的軟件文件。目前RFC文件是由Internet Society（ISOC）贊助發(fā)行。基本的互聯(lián)網(wǎng)通信協(xié)議都有在RFC文件內(nèi)詳細(xì)說(shuō)明。RFC文件還額外加入許多的論題在標(biāo)準(zhǔn)內(nèi)，例如對(duì)于互聯(lián)網(wǎng)新開發(fā)的協(xié)議及發(fā)展中所有的記錄。因此幾乎所有的互聯(lián)網(wǎng)標(biāo)準(zhǔn)都有收錄在RFC文件之中。】1866發(fā)布。
HTML 3.2：1996年1月14日由W3C（萬(wàn)維網(wǎng)聯(lián)盟?World Wide Web Consortium）組織發(fā)布，是HTML文檔第一個(gè)被廣泛使用的標(biāo)準(zhǔn)。在HTML 3.2之前，HTML發(fā)展極其混亂，各軟件廠商經(jīng)常自行增加HTML標(biāo)記，而各瀏覽器廠商為了保持最好的兼容性，總是盡力支持各種HTML標(biāo)記。它是HTML歷史中廣為人知的版本。
HTML 4.0：1997年12月18日由W3C組織發(fā)布，也是W3C推薦標(biāo)準(zhǔn)。
HTML 4.01：1999年12月24日由W3C組織發(fā)布，是HTML文檔的另一個(gè)重要的、廣泛使用的標(biāo)準(zhǔn)，它具有了更好的兼容性。
XHTML 1.0：XHTML（可擴(kuò)展超文本標(biāo)記語(yǔ)言?Extensible HyperText Markup Language）發(fā)布于2000年1月26日，是W3C組織推薦標(biāo)準(zhǔn)，后來(lái)經(jīng)過修訂于2002年8月1日重新發(fā)布。它的目標(biāo)是逐漸取代原有的HTML標(biāo)準(zhǔn)，簡(jiǎn)單說(shuō)，XHTML就是最新版本的HTML規(guī)范。我們習(xí)慣上認(rèn)為HTML也是一種結(jié)構(gòu)化文檔，但實(shí)際上HTML語(yǔ)法非常自由、寬容、不規(guī)范，而XHTML致力于消除這種不規(guī)范，XHTML要求HTML文檔首先必須是一份XML文檔。

　　　　XML文檔是一種結(jié)構(gòu)化文檔，它有如下四條基本規(guī)則：

　　　　　　v?整個(gè)文檔有且僅有一個(gè)根元素。

　　　　　　v?每個(gè)元素都由開始標(biāo)簽和結(jié)束標(biāo)簽組成（例如<p>和</p>就是開始標(biāo)簽和結(jié)束標(biāo)簽），除非使用空元素語(yǔ)法（例如</br>就是空元素語(yǔ)法）。

　　　　　　v?元素和元素之間應(yīng)該合理嵌套（<a><b>內(nèi)容</b></a>和<a><b>內(nèi)容</a></b>前者屬于合理嵌套，后者屬于不合理嵌套）。

　　　　　　v?元素的屬性必須有屬性值，而且屬性值應(yīng)該用引號(hào)（單引號(hào)和雙引號(hào)都可以）引起來(lái)。

　　通常，計(jì)算機(jī)里的瀏覽器可以對(duì)付各種不同規(guī)范的HTML文檔，但現(xiàn)在很多瀏覽器運(yùn)行在移動(dòng)電話和手持設(shè)備上面，它們就沒有能力來(lái)處理那些糟糕的標(biāo)記語(yǔ)言。

為此，W3C建議使用XML規(guī)范來(lái)約束HTML文檔，將HTML和XML的長(zhǎng)處加以結(jié)合，從而得到現(xiàn)在和未來(lái)都能使用的標(biāo)記語(yǔ)言：XHTML。

XHTML可以被所有的支持XML的設(shè)備讀取，在其余的瀏覽器升級(jí)至支持XML之前，XHTML強(qiáng)制HTML文檔具有更好的結(jié)構(gòu)，保證這些文檔可以被所有的瀏覽器解釋。

HTML5：萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言（HTML）的第五次重大修改。2014年9月發(fā)布，2014年10月29日，萬(wàn)維網(wǎng)聯(lián)盟宣布，經(jīng)過接近8年的艱苦努力，該標(biāo)準(zhǔn)規(guī)范終于制定完成。

1.4 HTML的網(wǎng)絡(luò)術(shù)語(yǔ)

1.4.1靜態(tài)網(wǎng)頁(yè)

在網(wǎng)站設(shè)計(jì)中，純粹HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）格式的網(wǎng)頁(yè)通常被稱為“靜態(tài)網(wǎng)頁(yè)”，靜態(tài)網(wǎng)頁(yè)是標(biāo)準(zhǔn)的HTML文件，它的文件擴(kuò)展名是.htm、.html，可以包含文本、圖像、聲音、FLASH動(dòng)畫、客戶端腳本和ActiveX控件及JAVA小程序等。靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)的基礎(chǔ)，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁(yè)制作的。靜態(tài)網(wǎng)頁(yè)是相對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)而言，是指沒有后臺(tái)數(shù)據(jù)庫(kù)、不含程序和不可交互的網(wǎng)頁(yè)。靜態(tài)網(wǎng)頁(yè)相對(duì)更新起來(lái)比較麻煩，適用于一般更新較少的展示型網(wǎng)站。容易誤解的是靜態(tài)頁(yè)面都是htm這類頁(yè)面，實(shí)際上靜態(tài)也不是完全靜態(tài)，他也可以出現(xiàn)各種動(dòng)態(tài)的效果，如GIF格式的動(dòng)畫、FLASH、滾動(dòng)字幕等。

1.4.2 動(dòng)態(tài)網(wǎng)頁(yè)（Dhtml Dynamic HTML）

所謂的動(dòng)態(tài)網(wǎng)頁(yè)，是指跟靜態(tài)網(wǎng)頁(yè)相對(duì)的一種網(wǎng)頁(yè)編程技術(shù)。靜態(tài)網(wǎng)頁(yè)，隨著html代碼的生成，頁(yè)面的內(nèi)容和顯示效果就基本上不會(huì)發(fā)生變化了——除非你修改頁(yè)面代碼。而動(dòng)態(tài)網(wǎng)頁(yè)則不然，頁(yè)面代碼雖然沒有變，但是顯示的內(nèi)容卻是可以隨著時(shí)間、環(huán)境或者數(shù)據(jù)庫(kù)操作的結(jié)果而發(fā)生改變的。值得強(qiáng)調(diào)的是，不要將動(dòng)態(tài)網(wǎng)頁(yè)和頁(yè)面內(nèi)容是否有動(dòng)感混為一談。這里說(shuō)的動(dòng)態(tài)網(wǎng)頁(yè)，與網(wǎng)頁(yè)上的各種動(dòng)畫、滾動(dòng)字幕等視覺上的動(dòng)態(tài)效果沒有直接關(guān)系，動(dòng)態(tài)網(wǎng)頁(yè)也可以是純文字內(nèi)容的，也可以是包含各種動(dòng)畫的內(nèi)容，這些只是網(wǎng)頁(yè)具體內(nèi)容的表現(xiàn)形式，無(wú)論網(wǎng)頁(yè)是否具有動(dòng)態(tài)效果，只要是采用了動(dòng)態(tài)網(wǎng)站技術(shù)生成的網(wǎng)頁(yè)都可以稱為動(dòng)態(tài)網(wǎng)頁(yè)。總之，動(dòng)態(tài)網(wǎng)頁(yè)是基本的html語(yǔ)法規(guī)范與Java、VB、VC等高級(jí)程序設(shè)計(jì)語(yǔ)言、數(shù)據(jù)庫(kù)編程等多種技術(shù)的融合，以期實(shí)現(xiàn)對(duì)網(wǎng)站內(nèi)容和風(fēng)格的高效、動(dòng)態(tài)和交互式的管理。因此，從這個(gè)意義上來(lái)講，凡是結(jié)合了HTML以外的高級(jí)程序設(shè)計(jì)語(yǔ)言和數(shù)據(jù)庫(kù)技術(shù)進(jìn)行的網(wǎng)頁(yè)編程技術(shù)生成的網(wǎng)頁(yè)都是動(dòng)態(tài)網(wǎng)頁(yè)。

1.4.3 W3C

萬(wàn)維網(wǎng)聯(lián)盟（World Wide Web Consortium）創(chuàng)建于1994年，是Web技術(shù)領(lǐng)域最具權(quán)威和影響力的國(guó)際中立性技術(shù)標(biāo)準(zhǔn)機(jī)構(gòu)。

1.4.4 網(wǎng)站

網(wǎng)站(Website)是指在因特網(wǎng)上根據(jù)一定的規(guī)則，使用HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）等工具制作的用于展示特定內(nèi)容相關(guān)網(wǎng)頁(yè)的集合。簡(jiǎn)單地說(shuō)，網(wǎng)站是一種溝通工具，人們可以通過網(wǎng)站來(lái)發(fā)布自己想要公開的資訊，或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)絡(luò)服務(wù)。人們可以通過網(wǎng)頁(yè)瀏覽器來(lái)訪問網(wǎng)站，獲取自己需要的資訊或者享受網(wǎng)絡(luò)服務(wù)。

1.4.4.1 網(wǎng)站的組成

在早期，域名、空間服務(wù)器與程序是網(wǎng)站的基本組成部分，隨著科技的不斷進(jìn)步，網(wǎng)站的組成也日趨復(fù)雜，目前多數(shù)網(wǎng)站由域名、空間服務(wù)器、DNS域名解析、網(wǎng)站程序、數(shù)據(jù)庫(kù)等組成。

域名

域名（Domain Name），是由一串用點(diǎn)分隔的字母組成的Internet上某一臺(tái)計(jì)算機(jī)或計(jì)算機(jī)組的名稱。用于在數(shù)據(jù)傳輸時(shí)標(biāo)識(shí)計(jì)算機(jī)的電子方位（有時(shí)也指地理位置），域名已經(jīng)成為互聯(lián)網(wǎng)的品牌、網(wǎng)上商標(biāo)保護(hù)必備的產(chǎn)品之一。通俗的說(shuō)，域名就相當(dāng)于一個(gè)家庭的門牌號(hào)碼，別人通過這個(gè)號(hào)碼可以很容易的找到你。以一個(gè)常見的域名為例說(shuō)明，baidu網(wǎng)址是由二部分組成，標(biāo)號(hào)“baidu”是這個(gè)域名的主域名體，而最后的標(biāo)號(hào)“com”則是該域名的后綴，代表的這是一個(gè)com國(guó)際域名，是頂級(jí)域名。而前面的www.是網(wǎng)絡(luò)名，為www的域名。DNS規(guī)定，域名中的標(biāo)號(hào)都由英文字母和數(shù)字組成。每一個(gè)標(biāo)號(hào)不超過63個(gè)字符，也不區(qū)分大小寫字母。標(biāo)號(hào)中除連字符（-）外不能使用其他的標(biāo)點(diǎn)符號(hào)。級(jí)別最低的域名寫在最左邊，而級(jí)別最高的域名寫在最右邊。

空間

常見網(wǎng)站空間：虛擬主機(jī)，虛擬空間，獨(dú)立服務(wù)器，云主機(jī)，VPS。

虛擬主機(jī)是在網(wǎng)絡(luò)服務(wù)器上劃分出一定的磁盤空間供用戶放置站點(diǎn)、應(yīng)用組件等；提供必要的站點(diǎn)功能、數(shù)據(jù)存放和傳輸功能。所謂虛擬主機(jī)，也叫“網(wǎng)站空間”，就是把一臺(tái)運(yùn)行在互聯(lián)網(wǎng)上的服務(wù)器劃分成多個(gè)“虛擬”的服務(wù)器。每一個(gè)虛擬主機(jī)都具有獨(dú)立的域名和完整的Internet服務(wù)器（支持WWW、FTP、E-mail等）功能。虛擬主機(jī)是網(wǎng)絡(luò)發(fā)展的福音，極大的促進(jìn)了網(wǎng)絡(luò)技術(shù)的應(yīng)用和普及。同時(shí)虛擬主機(jī)的租用服務(wù)也成了網(wǎng)絡(luò)時(shí)代新的經(jīng)濟(jì)形式。虛擬主機(jī)的租用類似于房屋租用。

VPS即指虛擬專用服務(wù)器，是將一個(gè)服務(wù)器分區(qū)成多個(gè)虛擬獨(dú)立專享服務(wù)器的技術(shù)。每個(gè)使用VPS技術(shù)的虛擬獨(dú)立服務(wù)器擁有各自獨(dú)立的公網(wǎng)IP地址、操作系統(tǒng)、硬盤空間、內(nèi)存空間、CPU資源等，還可以進(jìn)行安裝程序、重啟服務(wù)器等操作，與運(yùn)行一臺(tái)獨(dú)立服務(wù)器完全相同。

程序/源代碼

程序即建設(shè)與修改網(wǎng)站所使用的編程語(yǔ)言，換成源代碼就是一堆按一定格式書寫的文字和符號(hào)。“比如在這個(gè)網(wǎng)頁(yè)上右鍵鼠標(biāo)，選擇查看源文件，出來(lái)一個(gè)記事本，里面的內(nèi)容就是此網(wǎng)頁(yè)的源代碼。”這句話就體現(xiàn)了他們的關(guān)系，此處的源文件是指網(wǎng)頁(yè)的源代碼，而源代碼就是源文件的內(nèi)容，所以又可以稱做網(wǎng)頁(yè)的源代碼。

源代碼是指原始代碼，可以是任何語(yǔ)言代碼。匯編碼是指源代碼編譯后的代碼，通常為二進(jìn)制文件，比如DLL、EXE、.NET中間代碼、JAVA中間代碼等。高級(jí)語(yǔ)言通常指C/C++ 、 BASIC、C# 、JAVA、PASCAL 等等　匯編語(yǔ)言就是ASM，只有這個(gè)，比這個(gè)更低級(jí)的就是機(jī)器語(yǔ)言了。

瀏覽器就好像程序的編譯器，它會(huì)幫我們把源代碼翻譯成看到的模樣。

1.4.4.2 網(wǎng)站的分類

根據(jù)網(wǎng)站所用編程語(yǔ)言分類：例如asp網(wǎng)站、php網(wǎng)站、jsp網(wǎng)站、Asp. net網(wǎng)站等；

根據(jù)網(wǎng)站的用途分類：例如門戶網(wǎng)站（綜合網(wǎng)站）、行業(yè)網(wǎng)站、娛樂網(wǎng)站等；

根據(jù)網(wǎng)站的功能分類：例如單一網(wǎng)站（企業(yè)網(wǎng)站）、多功能網(wǎng)站（網(wǎng)絡(luò)商城）等等。

根據(jù)網(wǎng)站的持有者分類：例如個(gè)人網(wǎng)站、商業(yè)網(wǎng)站、政府網(wǎng)站、教育網(wǎng)站等。

根據(jù)網(wǎng)站的商業(yè)目的分類：營(yíng)利型網(wǎng)站（行業(yè)網(wǎng)站、論壇）、非營(yíng)利性型網(wǎng)站（企業(yè)網(wǎng)站、政府網(wǎng)站、教育網(wǎng)站）。

門戶類

門戶（portal）。原意是指正門、入口，現(xiàn)多用于互聯(lián)網(wǎng)的門戶網(wǎng)站和企業(yè)應(yīng)用系統(tǒng)的門戶系統(tǒng)。

門戶網(wǎng)站多以php網(wǎng)站居多，php相對(duì)其他語(yǔ)言來(lái)說(shuō)比較節(jié)省資源。

所謂門戶網(wǎng)站，是指通向某類綜合性互聯(lián)網(wǎng)信息資源并提供有關(guān)信息服務(wù)的應(yīng)用系統(tǒng)。在全球范圍中，最為著名的門戶網(wǎng)站則是谷歌以及雅虎，而在中國(guó)，最著名的門戶網(wǎng)站有中國(guó)四大門戶網(wǎng)站（新浪、網(wǎng)易、搜狐、騰訊），其他也有百度、新華網(wǎng)、人民網(wǎng)、鳳凰網(wǎng)等也較為著名，其中百度已經(jīng)將近可與中國(guó)四大門戶網(wǎng)站平起平坐

個(gè)人類

個(gè)人網(wǎng)站是指?jìng)€(gè)人或團(tuán)體因某種興趣、擁有某種專業(yè)技術(shù)、提供某種服務(wù)或把自己的作品、商品展示銷售而制作的具有獨(dú)立空間域名的網(wǎng)站，個(gè)人網(wǎng)站通常使用虛擬服務(wù)器，網(wǎng)站類型多以博客和小型論壇為主。

WAP類

WAP（無(wú)線通訊協(xié)議）是在數(shù)字移動(dòng)電話、因特網(wǎng)或其他個(gè)人數(shù)字助理機(jī)（PDA）、計(jì)算機(jī)應(yīng)用之間進(jìn)行通訊的開放全球標(biāo)準(zhǔn)。這一標(biāo)準(zhǔn)的誕生是WAP論壇成員努力的結(jié)果，WAP論壇是在1997年6月，由諾基亞、愛立信、摩托羅拉和無(wú)線星球（Unwired Planet）就共同組成的。

1.4.5 域名

域名（Domain Name），是由一串用點(diǎn)分隔的名字組成的Internet上某一臺(tái)計(jì)算機(jī)或計(jì)算機(jī)組的名稱，用于在數(shù)據(jù)傳輸時(shí)標(biāo)識(shí)計(jì)算機(jī)的電子方位（有時(shí)也指地理位置，地理上的域名，指代有行政自主權(quán)的一個(gè)地方區(qū)域）。域名是一個(gè)IP地址上有“面具” 。一個(gè)域名的目的是便于記憶和溝通的一組服務(wù)器的地址（網(wǎng)站，電子郵件，FTP等）。域名作為力所能及難忘的互聯(lián)網(wǎng)參與者的名稱，世界上第一個(gè)注冊(cè)的域名是在1985年1月注冊(cè)的。

1.4.5.1 基本類型

國(guó)際域名

也叫國(guó)際頂級(jí)域名（international top-level domain-names，簡(jiǎn)稱iTDs）。這也是使用最早也最廣泛的域名。例如表示工商企業(yè)的 .com.top，表示網(wǎng)絡(luò)提供商的.net，表示非盈利組織的.org等。

國(guó)際域名及IP地址管理權(quán)威機(jī)構(gòu)ICANN認(rèn)證的域名注冊(cè)服務(wù)商（稱為Registrar）可以提供商業(yè)機(jī)構(gòu)、網(wǎng)絡(luò)服務(wù)機(jī)構(gòu)、非贏利性組織下的二級(jí)域名注冊(cè)服務(wù)，全球通過ICANN認(rèn)證的Registrar有120多家，其中只有60 家是正式投入運(yùn)營(yíng)的Registrar。

國(guó)內(nèi)域名

國(guó)內(nèi)注冊(cè)的域名（也叫國(guó)家域名)，按照我們通常的習(xí)慣是指中國(guó)國(guó)內(nèi)國(guó)內(nèi)域名，域名以.cn結(jié)尾。此類域名由"中國(guó)互聯(lián)網(wǎng)絡(luò)管理中心"(CNNIC)發(fā)放冊(cè)登記。例如：.gov、.cn、.edu.cn、.com.cn、等，國(guó)內(nèi)域名由中國(guó)互聯(lián)網(wǎng)信息中心統(tǒng)一管理。中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心（China Internet Network Information Center，簡(jiǎn)稱CNNIC）是經(jīng)國(guó)家主管部門批準(zhǔn)，于1997年6月3日組建的管理和服務(wù)機(jī)構(gòu)，行使國(guó)家互聯(lián)網(wǎng)絡(luò)信息中心的職責(zé)。國(guó)內(nèi)域名又稱為國(guó)內(nèi)頂級(jí)域名（national top-level domainnames，簡(jiǎn)稱nTLDs），即按照國(guó)家的不同分配不同后綴，這些域名即為該國(guó)的國(guó)內(nèi)頂級(jí)域名。200多個(gè)國(guó)家和地區(qū)都按照ISO3166國(guó)家代碼分配了頂級(jí)域名，例如中國(guó)是cn，美國(guó)是us，日本是jp等。

在實(shí)際使用和功能上，國(guó)際域名與國(guó)內(nèi)域名沒有任何區(qū)別，都是互聯(lián)網(wǎng)上的具有唯一性的標(biāo)識(shí)。只是在最終管理機(jī)構(gòu)上，國(guó)際域名由美國(guó)商業(yè)部授權(quán)的互聯(lián)網(wǎng)名稱與數(shù)字地址分配機(jī)構(gòu)（The Internet Corporation for Assigned Names and Numbers）即ICANN負(fù)責(zé)注冊(cè)和管理；而國(guó)內(nèi)域名則由中國(guó)互聯(lián)網(wǎng)絡(luò)管理中心（China Internet Network Information Center) 即CNNIC負(fù)責(zé)注冊(cè)和管理。

域名WHOIS

一個(gè)域名的所有者可以通過查詢WHOIS數(shù)據(jù)庫(kù)而被找到；對(duì)于大多數(shù)根域名服務(wù)器，基本的WHOIS由ICANN維護(hù)，而WHOIS的細(xì)節(jié)則由控制那個(gè)域的域注冊(cè)機(jī)構(gòu)維護(hù)。對(duì)于240多個(gè)國(guó)家代碼頂級(jí)域名（ccTLDs)，通常由該域名權(quán)威注冊(cè)機(jī)構(gòu)負(fù)責(zé)維護(hù)WHOIS。

注冊(cè)域名

注冊(cè)域名需要遵循先申請(qǐng)先注冊(cè)原則，既然域名是一種有價(jià)值的資源，那么，它是否能夠成為知識(shí)產(chǎn)權(quán)保護(hù)的客體呢？我們認(rèn)為，在新的經(jīng)濟(jì)環(huán)境下，域名所具有的商業(yè)意義已遠(yuǎn)遠(yuǎn)大于其技術(shù)意義，而成為企業(yè)在新的科學(xué)技術(shù)條件下參與國(guó)際市場(chǎng)競(jìng)爭(zhēng)的重要手段，它不僅代表了企業(yè)在網(wǎng)絡(luò)上的獨(dú)有的位置，也是企業(yè)的產(chǎn)品、服務(wù)范圍、形象、商譽(yù)等的綜合體現(xiàn)，是企業(yè)無(wú)形資產(chǎn)的一部分。同時(shí)，域名也是一種智力成果，它是有文字含義的商業(yè)性標(biāo)記，與商標(biāo)、商號(hào)類似，體現(xiàn)了相當(dāng)?shù)膭?chuàng)造性。在域名的構(gòu)思選擇過程中，需要一定的創(chuàng)造性勞動(dòng)，使得代表自己公司的域名簡(jiǎn)潔并具有吸引力，以便使公眾熟知并對(duì)其訪問，從而達(dá)到擴(kuò)大企業(yè)知名度、促進(jìn)經(jīng)營(yíng)發(fā)展的目的。可以說(shuō)，域名不是簡(jiǎn)單的標(biāo)識(shí)性符號(hào)，而是企業(yè)商譽(yù)的凝結(jié)和知名度的表彰，域名的使用對(duì)企業(yè)來(lái)說(shuō)具有豐富的內(nèi)涵，遠(yuǎn)非簡(jiǎn)單的“標(biāo)識(shí)”二字可以窮盡。因此，不論學(xué)術(shù)界還是實(shí)際部門，大都傾向于將域名視為企業(yè)知識(shí)產(chǎn)權(quán)客體的一種。而且，從世界范圍來(lái)看，盡管各國(guó)立法尚未把域名作為專有權(quán)加以保護(hù)，但國(guó)際域名協(xié)調(diào)制度是通過世界知識(shí)產(chǎn)權(quán)組織來(lái)制定，這足以說(shuō)明人們已經(jīng)把域名看做知識(shí)產(chǎn)權(quán)的一部分。

當(dāng)然，相對(duì)于傳統(tǒng)的知識(shí)產(chǎn)權(quán)領(lǐng)域，域名是一種全新的客體，具有其自身的特性，例如，域名的使用是全球范圍的，沒有傳統(tǒng)的嚴(yán)格地域性的限制；從時(shí)間性的角度看，域名一經(jīng)獲得即可永久使用，并且無(wú)須定期續(xù)展；域名在網(wǎng)絡(luò)上是絕對(duì)唯一的，一旦取得注冊(cè)，其他任何人不得注冊(cè)、使用相同的域名，因此其專有性也是絕對(duì)的；另外，域名非經(jīng)法定機(jī)構(gòu)注冊(cè)不得使用，這與傳統(tǒng)的專利、商標(biāo)等客體不同，等等。即使如此，把域名作為知識(shí)產(chǎn)權(quán)的客體也是科學(xué)和可行的，在實(shí)踐中對(duì)于保護(hù)企業(yè)在網(wǎng)絡(luò)上的相關(guān)合法權(quán)益是有利而無(wú)害的。

國(guó)際中文域名

2014年8月6日，國(guó)際頂級(jí)中文域名“.網(wǎng)址”正式全球開放注冊(cè)。國(guó)際頂級(jí)中文域名“.網(wǎng)址”于2011年被列入ICANN首批中文域名申請(qǐng)名錄。“.網(wǎng)址”具有易記、易傳播、易輸入的特點(diǎn)，市場(chǎng)前景被普遍看好。?

1.4.5.2 域名級(jí)別

頂級(jí)域名

頂級(jí)域名又分為兩類：

一是國(guó)家頂級(jí)域名（national top-level domainnames，簡(jiǎn)稱nTLDs），200多個(gè)國(guó)家都按照ISO3166國(guó)家代碼分配了頂級(jí)域名，例如中國(guó)是cn，美國(guó)是us，日本是jp等；

二是國(guó)際頂級(jí)域名（international top-level domain names，簡(jiǎn)稱iTDs），例如表示工商企業(yè)的 .Com .Top，表示網(wǎng)絡(luò)提供商的.net，表示非盈利組織的.org等。大多數(shù)域名爭(zhēng)議都發(fā)生在com的頂級(jí)域名下，因?yàn)槎鄶?shù)公司上網(wǎng)的目的都是為了贏利。為加強(qiáng)域名管理，解決域名資源的緊張，Internet協(xié)會(huì)、Internet分址機(jī)構(gòu)及世界知識(shí)產(chǎn)權(quán)組織（WIPO）等國(guó)際組織經(jīng)過廣泛協(xié)商，在原來(lái)三個(gè)國(guó)際通用頂級(jí)域名：（com）的基礎(chǔ)上，新增加了7個(gè)國(guó)際通用頂級(jí)域名：firm（公司企業(yè)）、store（銷售公司或企業(yè)）、Web（突出WWW活動(dòng)的單位）、arts（突出文化、娛樂活動(dòng)的單位）、rec (突出消遣、娛樂活動(dòng)的單位）、info(提供信息服務(wù)的單位）、nom(個(gè)人），并在世界范圍內(nèi)選擇新的注冊(cè)機(jī)構(gòu)來(lái)受理域名注冊(cè)申請(qǐng)。

二級(jí)域名

二級(jí)域名是指頂級(jí)域名之下的域名，在國(guó)際頂級(jí)域名下，它是指域名注冊(cè)人的網(wǎng)上名稱，例如 ibm，yahoo，microsoft等；在國(guó)家頂級(jí)域名下，它是表示注冊(cè)企業(yè)類別的符號(hào)，例如com，.top，edu，gov，net等。

中國(guó)在國(guó)際互聯(lián)網(wǎng)絡(luò)信息中心（Inter NIC）正式注冊(cè)并運(yùn)行的頂級(jí)域名是CN，這也是中國(guó)的一級(jí)域名。在頂級(jí)域名之下，中國(guó)的二級(jí)域名又分為類別域名和行政區(qū)域名兩類。類別域名共7個(gè)，包括用于科研機(jī)構(gòu)的ac；用于工商金融企業(yè)的com、top；用于教育機(jī)構(gòu)的edu；用于政府部門的 gov；用于互聯(lián)網(wǎng)絡(luò)信息中心和運(yùn)行中心的net；用于非盈利組織的org。而行政區(qū)域名有34個(gè)，分別對(duì)應(yīng)于中國(guó)各省、自治區(qū)和直轄市。

三級(jí)域名

三級(jí)域名用字母（ A～Z，a～z，大小寫等）、數(shù)字（0～9）和連接符（－）組成，各級(jí)域名之間用實(shí)點(diǎn)（.）連接，三級(jí)域名的長(zhǎng)度不能超過20個(gè)字符。如無(wú)特殊原因，建議采用申請(qǐng)人的英文名（或者縮寫）或者漢語(yǔ)拼音名（或者縮寫）作為三級(jí)域名，以保持域名的清晰性和簡(jiǎn)潔性。

申請(qǐng)步驟

1、準(zhǔn)備申請(qǐng)資料：com域名無(wú)需提供身份證、營(yíng)業(yè)執(zhí)照等資料，2012年6月3日cn域名已開放個(gè)人申請(qǐng)注冊(cè)，目前申請(qǐng)需要提供身份證或企業(yè)營(yíng)業(yè)執(zhí)照。

2、尋找域名注冊(cè)網(wǎng)站：推薦谷谷互聯(lián)，由于.com、.cn域名等不同后綴均屬于不同注冊(cè)管理機(jī)構(gòu)所管理，如要注冊(cè)不同后綴域名則需要從注冊(cè)管理機(jī)構(gòu)尋找經(jīng)過其授權(quán)的頂級(jí)域名注冊(cè)查詢服務(wù)機(jī)構(gòu)。如com域名的管理機(jī)構(gòu)為ICANN，cn域名的管理機(jī)構(gòu)為CNNIC（中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心）。域名注冊(cè)查詢注冊(cè)商已經(jīng)通過ICANN、CNNIC雙重認(rèn)證，則無(wú)需分別到其他注冊(cè)服務(wù)機(jī)構(gòu)申請(qǐng)域名。

3、查詢域名：在注冊(cè)商網(wǎng)站注冊(cè)用戶名成功后并查詢域名，選擇您要注冊(cè)的域名，并點(diǎn)擊域名注冊(cè)查詢。

4、正式申請(qǐng)：查到想要注冊(cè)的域名，并且確認(rèn)域名為可申請(qǐng)的狀態(tài)后，提交注冊(cè)，并繳納年費(fèi)。

5、申請(qǐng)成功：正式申請(qǐng)成功后，即可開始進(jìn)入DNS解析管理、設(shè)置解析記錄等操作。

.中國(guó)域名

中國(guó)"域名同英文域名一樣，是互聯(lián)網(wǎng)上的門牌號(hào)碼。".中國(guó)"域名在技術(shù)上符合2003年3月份IETF發(fā)布的多語(yǔ)種域名國(guó)際標(biāo)準(zhǔn)（RFC3454、RFC3490、RFC3491、RFC3492）。".中國(guó)"域名是全球互聯(lián)網(wǎng)上代表中國(guó)的純中文頂級(jí)域名，與.CN域名一樣，同為我國(guó)域名體系和全球互聯(lián)網(wǎng)域名體系的組成部分，全球通用，具有唯一性。".中國(guó)"域名在使用上和.CN域名近似，屬于互聯(lián)網(wǎng)上的基礎(chǔ)服務(wù)，域名可以提供WWW、EMAIL、FTP等應(yīng)用服務(wù)。

1、中國(guó)人自己的域名，便于記憶，易于推廣傳播；

2、中文輸入，符合中國(guó)人的使用習(xí)慣；

3、全球通用，自動(dòng)轉(zhuǎn)碼，繁簡(jiǎn)體中文輸入均可等效使用；

4、顯著的中國(guó)標(biāo)識(shí)作用，體現(xiàn)自身的價(jià)值和定位；

5、全中文服務(wù)，適用于中國(guó)法律，全面保障用戶利益；

6、域名資源豐富，可以獲得滿意的域名。[4]?

1.4.5.3 域名種類

組織域名

中國(guó)的域名體系也遵照國(guó)際慣例，包括類別域名和行政區(qū)域名兩套。

類別域名是指前面的六個(gè)域名，分別依照申請(qǐng)機(jī)構(gòu)的性質(zhì)依次分為：

ac --- 科研機(jī)構(gòu)

com --- Commercial organizations，工、商、金融等企業(yè)

top---工、商、金融等企業(yè)

edu --- Educational institutions 教育機(jī)構(gòu)

gov --- Governmental entities政府部門

mil --- Military ，軍事機(jī)構(gòu)

arpa --- Come from ARPANet，由ARPANET(美國(guó)國(guó)防部高級(jí)研究計(jì)劃局建立的計(jì)算機(jī)網(wǎng)）沿留的名稱，被用于互聯(lián)網(wǎng)內(nèi)部功能

net --- Network operations and service centers，互聯(lián)網(wǎng)絡(luò)、接入網(wǎng)絡(luò)的信息中心（NIC)和運(yùn)行中心（NOC)

org --- Other organizations，各種非盈利性的組織

biz --- web business guide網(wǎng)絡(luò)商務(wù)向?qū)?#xff0c;適用于商業(yè)公司（注：biz是business的習(xí)慣縮用）

info --- infomation，提供信息服務(wù)的企業(yè)

pro --- professional，適用于醫(yī)生、律師、會(huì)計(jì)師等專業(yè)人員的通用頂級(jí)域名

name--- name，適用于個(gè)人注冊(cè)的通用頂級(jí)域名

coop --- cooperation，適用于商業(yè)合作社的專用頂級(jí)域名

aero --- aero，適用于航空運(yùn)輸業(yè)的專用頂級(jí)域名

museum --- museum，適用于博物館的專用頂級(jí)域名

mobi --- 適用于手機(jī)網(wǎng)絡(luò)的域名

asia --- 適用于亞洲地區(qū)的域名

tel --- 適用于電話方面的域名

int --- International organizations，國(guó)際組織

cc --- 原是島國(guó)“Cocos (Keeling) Islands”的縮寫，但也可把它看成“Commercial Company”（商業(yè)公司）的縮寫，所以現(xiàn)已開放為全球性國(guó)際頂級(jí)域名，主要應(yīng)用在商業(yè)領(lǐng)域內(nèi)。簡(jiǎn)短，容易記憶，漂亮，容易輸入，是新一代域名的新秀

tv --- 原是太平洋島國(guó)圖瓦盧“Tuvalu”的國(guó)家代碼頂級(jí)域名，但因?yàn)樗彩?/span>“television”（電視）的縮寫，主要應(yīng)用在：視聽、電影、電視等全球無(wú)線電與廣播電臺(tái)領(lǐng)域內(nèi)。

us --- 類型表示美國(guó)，全球注冊(cè)量排名第二

travel --- 旅游域名，國(guó)際域名

xxx --- 用于成人網(wǎng)站

idv --- 用于個(gè)人

行政區(qū)域名是按照中國(guó)的各個(gè)行政區(qū)劃劃分而成的，其劃分標(biāo)準(zhǔn)依照原國(guó)家技術(shù)監(jiān)督局發(fā)布的國(guó)家標(biāo)準(zhǔn)而定，包括“行政區(qū)域名”34個(gè)，適用于中國(guó)的各省、自治區(qū)、直轄市。

1.4.5.4 域名的幾點(diǎn)釋疑

ip地址和域名地址有什么關(guān)系？

ip地址和域名相當(dāng)于姓名和別名的關(guān)系，但也不盡是。任何一個(gè)域名都對(duì)應(yīng)一個(gè)或者多個(gè)ip地址，大部分都是一個(gè)域名對(duì)應(yīng)一個(gè)ip地址，由于ip地址不好記錄，所以人們?yōu)榱烁玫恼业揭粋€(gè)網(wǎng)站，想出了給ip地址起個(gè)別名，就是域名，但是一個(gè)ip上可以有上千甚至上萬(wàn)個(gè)域名。
互聯(lián)網(wǎng)訪問的方式是：輸入域名---域名解析服務(wù)器（dns）解析域名成ip地址---訪問ip地址---根據(jù)綁定域名找到目錄---達(dá)到訪問目的地

國(guó)際域名與國(guó)內(nèi)域名有什么區(qū)別

1、域名后綴只是一個(gè)國(guó)家的標(biāo)記標(biāo)識(shí)，只要互聯(lián)網(wǎng)線路通域名都能訪問；比如我們看.TW,.hk,.kr,.jp的域名，只要語(yǔ)言顯示上支持完全一樣訪問；
2、現(xiàn)在網(wǎng)絡(luò)公司域名國(guó)際國(guó)內(nèi)都是一樣價(jià)格，如果說(shuō)國(guó)內(nèi)貴，完全是騙你；
3、國(guó)內(nèi)域名優(yōu)勢(shì)：
A、一看就知道所訪問的網(wǎng)站所屬國(guó)家，比如有些跨國(guó)公司在全球很多國(guó)家都注冊(cè)了公司的域名，一來(lái)顯得本地化，本國(guó)人都能看，沒有語(yǔ)言限制，二來(lái)起保護(hù)商標(biāo)的作用；
B、一旦國(guó)際線路不通（比如中美海底電纜中斷，這種可能性比較小）國(guó)際域名因根服務(wù)器（域名服務(wù)器）線路問題不能在國(guó)內(nèi)正常訪問，國(guó)內(nèi)的在國(guó)內(nèi)國(guó)外都沒有問題；
C、國(guó)內(nèi)域名管理在CNNIC，國(guó)際域名在美國(guó)管理；
4、域名注冊(cè)原則有簡(jiǎn)單易記，富有含義，或者有影響力；域名注冊(cè)出著名商標(biāo)有優(yōu)先注冊(cè)外，一般是先注先得；
5、國(guó)際域名注冊(cè)的太多，域名資源有限，增加CN域名多了選擇余地
6、如果處于保護(hù)品牌的目的可以國(guó)際國(guó)內(nèi)都注冊(cè)，如果不是保護(hù)品牌，可以按自己的意愿注冊(cè)--只要還沒有被別人注冊(cè)；
7、域名和公司名稱、商標(biāo)一樣具有唯一性，所以著名品牌都注冊(cè)很多域名或同類域名，以免引起糾紛和惡意強(qiáng)注；但一般公司不可能面面具到，所以不一定非看的很重要。
8、COM等是有一定含義的，一般COM通用、GOV政府 EDU教育、ORG非贏利性組織；NET代表網(wǎng)絡(luò)，一般商業(yè)上選COM CN NET CC ，不過沒有硬性規(guī)定（GOV除外）

網(wǎng)址和域名的聯(lián)系和區(qū)別是什么?

網(wǎng)址是打開網(wǎng)頁(yè)的一個(gè)地址。常規(guī)來(lái)說(shuō)習(xí)慣解析www+域名作為一個(gè)網(wǎng)站的網(wǎng)址。當(dāng)然也有解析別的二級(jí)域名的網(wǎng)址！域名就是xxx.后綴
這樣可以理解嗎？你可以理解為網(wǎng)址是在域名基礎(chǔ)上解析出來(lái)的！

1.4.6 服務(wù)器

服務(wù)器，也稱伺服器，是提供計(jì)算服務(wù)的設(shè)備。由于服務(wù)器需要響應(yīng)服務(wù)請(qǐng)求，并進(jìn)行處理，因此一般來(lái)說(shuō)服務(wù)器應(yīng)具備承擔(dān)服務(wù)并且保障服務(wù)的能力。

服務(wù)器的構(gòu)成包括處理器、硬盤、內(nèi)存、系統(tǒng)總線等，和通用的計(jì)算機(jī)架構(gòu)類似，但是由于需要提供高可靠的服務(wù)，因此在處理能力、穩(wěn)定性、可靠性、安全性、可擴(kuò)展性、可管理性等方面要求較高。

在網(wǎng)絡(luò)環(huán)境下，根據(jù)服務(wù)器提供的服務(wù)類型不同，分為文件服務(wù)器，數(shù)據(jù)庫(kù)服務(wù)器，應(yīng)用程序服務(wù)器，WEB服務(wù)器等。

1.4.7 網(wǎng)頁(yè)

網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺(tái)。通俗地說(shuō)，您的網(wǎng)站就是由網(wǎng)頁(yè)組成的，如果您只有域名和虛擬主機(jī)而沒有制作任何網(wǎng)頁(yè)的話，您的客戶仍舊無(wú)法訪問您的網(wǎng)站。網(wǎng)頁(yè)是一個(gè)包含HTML標(biāo)簽的純文本文件，它可以存放在世界某個(gè)角落的某一臺(tái)計(jì)算機(jī)中，是萬(wàn)維網(wǎng)中的一“頁(yè)”，是超文本標(biāo)記語(yǔ)言格式（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用，文件擴(kuò)展名為.html或.htm）。網(wǎng)頁(yè)通常用圖像檔來(lái)提供圖畫。網(wǎng)頁(yè)要通過網(wǎng)頁(yè)瀏覽器來(lái)閱讀。

1.4.8 主頁(yè)

主頁(yè)(home page)，也被稱為首頁(yè)，是用戶打開瀏覽器時(shí)默認(rèn)打開的網(wǎng)頁(yè)，主要包含個(gè)人主頁(yè)、網(wǎng)站網(wǎng)頁(yè)、組織或活動(dòng)主頁(yè)、公司主頁(yè)等。?主頁(yè)一般是用戶通過搜索引擎訪問一個(gè)網(wǎng)站時(shí)所看到的首個(gè)頁(yè)面，用于吸引訪問者的注意，通常也起到登陸頁(yè)的作用。在一般情況下，主頁(yè)是用戶用于訪問網(wǎng)站其他模塊的媒介，主頁(yè)會(huì)提供網(wǎng)站的重要頁(yè)面及新文章的鏈接，并且常常有一個(gè)搜索框供用戶搜索相關(guān)信息，大多數(shù)作為首頁(yè)的文件名是index、default、main或portal加上擴(kuò)展名。

1.4.9 標(biāo)記

超文本標(biāo)記語(yǔ)言（外國(guó)語(yǔ)簡(jiǎn)稱：HTML）標(biāo)記標(biāo)簽通常被稱為HTML標(biāo)簽，HTML標(biāo)簽是HTML語(yǔ)言中最基本的單位，HTML標(biāo)簽是HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）最重要的組成部分。

HTML標(biāo)簽的大小寫無(wú)關(guān)的，例如“主體”<body>跟<BODY>表示的意思是一樣的，推薦使用小寫。

通常標(biāo)簽由開始標(biāo)簽和結(jié)束標(biāo)簽構(gòu)成，<標(biāo)簽名>稱為開始標(biāo)簽,</標(biāo)簽名>稱為結(jié)束標(biāo)簽,每個(gè)標(biāo)簽都規(guī)定好了特殊的含義。

1.4.10 元素

元素是指包含標(biāo)簽在內(nèi)的全部，如<標(biāo)簽名>內(nèi)容</標(biāo)簽名>。HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）元素指的是從開始標(biāo)簽（start tag）到結(jié)束標(biāo)簽（end tag）的所有代碼。

1.4.11 內(nèi)容

元素中除去標(biāo)簽的部分叫做內(nèi)容。

1.4.12 屬性

也叫標(biāo)簽，是給每一個(gè)標(biāo)簽所做的輔助信息,如顏色大小粗細(xì)等，要在開始標(biāo)簽中指定。具有屬性名和屬性值，屬性值要用引號(hào)引起來(lái)。

1.4.13 Xhtml

Xhtml(Extensible Hyper Text Markup Language 可擴(kuò)展超文本標(biāo)記語(yǔ)言)，符合XML語(yǔ)法標(biāo)準(zhǔn)的HTML

1.4.14 http：（HyperText Transfer Protocol超文本傳輸協(xié)議）

它用于傳送WWW方式的數(shù)據(jù)，關(guān)于HTTP協(xié)議的詳細(xì)內(nèi)容請(qǐng)參考RFC2616。HTTP協(xié)議采用了請(qǐng)求/響應(yīng)模型。客戶端向服務(wù)器發(fā)送一個(gè)請(qǐng)求，請(qǐng)求頭包含請(qǐng)求的方法、URL、協(xié)議版本、以及包含請(qǐng)求修飾符、客戶信息和內(nèi)容的類似于MIME的消息結(jié)構(gòu)。服務(wù)器以一個(gè)狀態(tài)行作為響應(yīng)，響應(yīng)的內(nèi)容包括消息協(xié)議的版本，成功或者錯(cuò)誤編碼加上包含服務(wù)器信息、實(shí)體元信息以及可能的實(shí)體內(nèi)容。

通常HTTP消息包括客戶機(jī)向服務(wù)器的請(qǐng)求消息和服務(wù)器向客戶機(jī)的響應(yīng)消息。這兩種類型的消息由一個(gè)起始行，一個(gè)或者多個(gè)頭域，一個(gè)指示頭域結(jié)束的空行和可選的消息體組成。HTTP的頭域包括通用頭，請(qǐng)求頭，響應(yīng)頭和實(shí)體頭四個(gè)部分。每個(gè)頭域由一個(gè)域名，冒號(hào)（:）和域值三部分組成。域名是大小寫無(wú)關(guān)的，域值前可以添加任何數(shù)量的空格符，頭域可以被擴(kuò)展為多行，在每行開始處，使用至少一個(gè)空格或制表符。簡(jiǎn)單來(lái)說(shuō)它是一個(gè)協(xié)議標(biāo)準(zhǔn),用來(lái)規(guī)定客戶端瀏覽器和服務(wù)端交互時(shí)數(shù)據(jù)的一個(gè)格式

1.4.15 SMTP：（Simple Mail Transfer Protocol簡(jiǎn)單郵件傳輸協(xié)議）

它是一組用于由源地址到目的地址傳送郵件的規(guī)則，由它來(lái)控制信件的中轉(zhuǎn)方式。SMTP協(xié)議屬于TCP/IP協(xié)議簇，它幫助每臺(tái)計(jì)算機(jī)在發(fā)送或中轉(zhuǎn)信件時(shí)找到下一個(gè)目的地。通過SMTP協(xié)議所指定的服務(wù)器,就可以把E-mail寄到收信人的服務(wù)器上了，整個(gè)過程只要幾分鐘。SMTP服務(wù)器則是遵循SMTP協(xié)議的發(fā)送郵件服務(wù)器，用來(lái)發(fā)送或中轉(zhuǎn)發(fā)出的電子郵件。

1.4.16 FTP：（File Transfer Protocol文件傳輸協(xié)議）

用于Internet上的控制文件的雙向傳輸。同時(shí)，它也是一個(gè)應(yīng)用程序（Application）。基于不同的操作系統(tǒng)有不同的FTP應(yīng)用程序，而所有這些應(yīng)用程序都遵守同一種協(xié)議以傳輸文件。在FTP的使用當(dāng)中，用戶經(jīng)常遇到兩個(gè)概念："下載"（Download）和"上傳"（Upload）。"下載"文件就是從遠(yuǎn)程主機(jī)拷貝文件至自己的計(jì)算機(jī)上；"上傳"文件就是將文件從自己的計(jì)算機(jī)中拷貝至遠(yuǎn)程主機(jī)上。用Internet語(yǔ)言來(lái)說(shuō)，用戶可通過客戶機(jī)程序向（從）遠(yuǎn)程主機(jī)上傳（下載）文件。

1.4.17 URL（Uniform Resource Locator 統(tǒng)一資源定位符）

統(tǒng)一資源定位符是對(duì)可以從互聯(lián)網(wǎng)上得到的資源的位置和訪問方法的一種簡(jiǎn)潔的表示，是互聯(lián)網(wǎng)上標(biāo)準(zhǔn)資源的地址。互聯(lián)網(wǎng)上的每個(gè)文件都有一個(gè)唯一的URL，它包含的信息指出文件的位置以及瀏覽器應(yīng)該怎么處理它。

它最初是由蒂姆·伯納斯·李發(fā)明用來(lái)作為萬(wàn)維網(wǎng)的地址。現(xiàn)在它已經(jīng)被萬(wàn)維網(wǎng)聯(lián)盟編制為互聯(lián)網(wǎng)標(biāo)準(zhǔn)RFC1738了。

基本URL包含模式（或稱協(xié)議）、服務(wù)器名稱（或IP地址）、路徑和文件名，如“協(xié)議://授權(quán)/路徑?查詢”。完整的、帶有授權(quán)部分的普通統(tǒng)一資源標(biāo)志符語(yǔ)法看上去如下：協(xié)議://用戶名:密碼@子域名.域名.頂級(jí)域名:端口號(hào)/目錄/文件名.文件后綴?參數(shù)=值#標(biāo)志

第一部分

模式/協(xié)議（scheme）：它告訴瀏覽器如何處理將要打開的文件。最常用的模式是超文本傳輸協(xié)議（Hypertext Transfer Protocol，縮寫為HTTP），這個(gè)協(xié)議可以用來(lái)訪問網(wǎng)絡(luò)。其他協(xié)議如下：

http——超文本傳輸協(xié)議資源

https——用安全套接字層傳送的超文本傳輸協(xié)議

ftp——文件傳輸協(xié)議

mailto——電子郵件地址

ldap——輕型目錄訪問協(xié)議搜索

file——當(dāng)?shù)仉娔X或網(wǎng)上分享的文件

news——Usenet新聞組

gopher——Gopher協(xié)議

telnet——Telnet協(xié)議

第二部分

文件所在的服務(wù)器的名稱或IP地址，后面是到達(dá)這個(gè)文件的路徑和文件本身的名稱。服務(wù)器的名稱或IP地址后面有時(shí)還跟一個(gè)冒號(hào)和一個(gè)端口號(hào)。它也可以包含接觸服務(wù)器必須的用戶名稱和密碼。路徑部分包含等級(jí)結(jié)構(gòu)的路徑定義，一般來(lái)說(shuō)不同部分之間以斜線（/）分隔。詢問部分一般用來(lái)傳送對(duì)服務(wù)器上的數(shù)據(jù)庫(kù)進(jìn)行動(dòng)態(tài)詢問時(shí)所需要的參數(shù)。

有時(shí)候，URL以斜杠“/”結(jié)尾，而沒有給出文件名，在這種情況下，URL引用路徑中最后一個(gè)目錄中的默認(rèn)文件（通常對(duì)應(yīng)于主頁(yè)），這個(gè)文件常常被稱為 index.html 或 default.htm。[1]?

分類

絕對(duì)URL

絕對(duì)URL（absolute URL）顯示文件的完整路徑，這意味著絕對(duì)URL本身所在的位置與被引用的實(shí)際文件的位置無(wú)關(guān)，

相對(duì)URL

相對(duì)URL（relative URL）以包含URL本身的文件夾的位置為參考點(diǎn)，描述目標(biāo)文件夾的位置。如果目標(biāo)文件與當(dāng)前頁(yè)面（也就是包含URL的頁(yè)面）在同一個(gè)目錄，那么這個(gè)文件的相對(duì)URL僅僅是文件名和擴(kuò)展名，如果目標(biāo)文件在當(dāng)前目錄的子目錄中，那么它的相對(duì)URL是子目錄名，后面是斜杠，然后是目標(biāo)文件的文件名和擴(kuò)展名。

如果要引用文件層次結(jié)構(gòu)中更高層目錄中的文件，那么使用兩個(gè)句點(diǎn)和一條斜杠。可以組合和重復(fù)使用兩個(gè)句點(diǎn)和一條斜杠，從而引用當(dāng)前文件所在的硬盤上的任何文件，

一般來(lái)說(shuō)，對(duì)于同一服務(wù)器上的文件，應(yīng)該總是使用相對(duì)URL，它們更容易輸入，而且在將頁(yè)面從本地系統(tǒng)轉(zhuǎn)移到服務(wù)器上時(shí)更方便，只要每個(gè)文件的相對(duì)位置保持不變，鏈接就仍然是有效地。

大小寫

統(tǒng)一資源定位符一般是分大小寫的，不過服務(wù)器管理員可以確定在回復(fù)詢問時(shí)大小寫是否被區(qū)分。有些服務(wù)器在收到不同大小寫的詢問時(shí)的回復(fù)是相同的。地址結(jié)尾的"."號(hào)在互聯(lián)網(wǎng)的發(fā)展初期，訪問一個(gè)網(wǎng)站不是單純的輸入這樣DNS服務(wù)器才能夠識(shí)別。后來(lái)，微軟公司在WindowsNT3.51中對(duì)其進(jìn)行了修改，可以自動(dòng)在DNS查詢時(shí)自動(dòng)增加一個(gè).號(hào)，隨后UNIX，NetWare也隨之而跟進(jìn)，讓服務(wù)器可以識(shí)別結(jié)尾沒有"."的域名。但是，符號(hào)"."在現(xiàn)在的網(wǎng)址中仍然可以使用，統(tǒng)一資源定位符的日常使用超文本傳輸協(xié)議統(tǒng)一資源定位符將從互聯(lián)網(wǎng)獲取信息的四個(gè)基本元素包括在一個(gè)簡(jiǎn)單的地址中。

1.5 HTML的編輯工具

在我們?nèi)粘９ぷ髦杏糜?/span>HTML編輯的工具有很多如

notepad 記事本

Sublime：語(yǔ)法高亮提示，輔以代碼提示.

editplus : 語(yǔ)法高亮顯示

技巧：根據(jù)顏色判斷單詞是否出錯(cuò)。（不是100%）

ultraedit : 根據(jù)顏色判斷單詞是否出錯(cuò),可以顯示2進(jìn)制數(shù)據(jù).

dw(dreamweaver,專業(yè)工具) ?代碼提示.

1.6 HTML的規(guī)范

HTML是一個(gè)弱勢(shì)語(yǔ)言，html 不區(qū)分大小寫，為了規(guī)范咱們統(tǒng)一全用小寫
html頁(yè)面的后綴名是html或者htm(有一些系統(tǒng)不支持后綴名長(zhǎng)度超過3個(gè)字符，比如dos系統(tǒng))
標(biāo)記成對(duì)出現(xiàn)，包括開始標(biāo)記和結(jié)束標(biāo)記 , 如 <head></head>
屬性寫在開始標(biāo)記中，<font color=“red”></font>
標(biāo)記如果沒有主體，也可以簡(jiǎn)寫為<br/> <hr/>
html 的結(jié)構(gòu)

v?聲明部分。主要作用是用來(lái)告訴瀏覽器這個(gè)頁(yè)面使用的是哪個(gè)標(biāo)準(zhǔn)。<!doctype html>是HTML5標(biāo)準(zhǔn)。

v?head部分：不會(huì)顯示在頁(yè)面上。作用是告訴瀏覽器一些頁(yè)面的額外信息。

v?body部分：我們所寫的代碼必須放在此標(biāo)簽內(nèi)。

1.7 文檔類型定義DTD

文檔類型定義(Document Type Definition?DTD)是一套為了進(jìn)行程序間的數(shù)據(jù)交換而建立的關(guān)于標(biāo)記符的語(yǔ)法規(guī)則。它是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言和?可擴(kuò)展標(biāo)記語(yǔ)言（XML）1.0版規(guī)格的一部分，文檔可根據(jù)某種DTD語(yǔ)法規(guī)則驗(yàn)證格式是否符合此規(guī)則。文檔類型定義也可用做保證標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言、可擴(kuò)展標(biāo)記語(yǔ)言文檔格式的合法性，可通過比較文檔和文檔類型定義文件來(lái)檢查文檔是否符合規(guī)范，元素和標(biāo)簽使用是否正確。文件實(shí)例提供應(yīng)用程序一個(gè)數(shù)據(jù)交換的格式。使用各類文檔類型定義是為了讓標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言、可擴(kuò)展標(biāo)記語(yǔ)言文件能符合規(guī)定的數(shù)據(jù)交換標(biāo)準(zhǔn)，因?yàn)檫@樣，不同的公司只需定義好標(biāo)準(zhǔn)文檔類型定義，就都能依文檔類型定義建立文檔實(shí)例，并且進(jìn)行驗(yàn)證，如此就可以輕易交換數(shù)據(jù)，防止了實(shí)例數(shù)據(jù)定義不同等原因造成的數(shù)據(jù)交換障礙，滿足了網(wǎng)絡(luò)共享和數(shù)據(jù)交互。文檔類型定義文件是一個(gè)美國(guó)信息交換標(biāo)準(zhǔn)代碼文本文件。

2 HTML5

2.1 HTML5出現(xiàn)的緣由

進(jìn)這些頁(yè)面，因此HTML5干脆承認(rèn)他們是符合規(guī)范的。換句話說(shuō)HTML5是規(guī)范制定者對(duì)現(xiàn)實(shí)的妥協(xié)。

2.2 HTML5的優(yōu)勢(shì)

從HTML4.01、XHTML到HTML5，并不是一種革命性的升級(jí)，而是一種規(guī)范向習(xí)慣的妥協(xié)，因此HTML5并不會(huì)帶給開發(fā)者過多的沖擊，開發(fā)者會(huì)發(fā)現(xiàn)從HTML4.01過渡到HTML5非常輕松。但另一方面HTML5也增多了很多非常實(shí)用的新功能，這些新功能將吸引開發(fā)者投入到HTML5的懷抱。

2.2.1 解決跨瀏覽器問題

2.2.2 部分替代原來(lái)的JavaScript

除了這里示范的autofocus可用于自動(dòng)獲取焦點(diǎn)之外，HTML5還支持其他一些屬性，比如一些輸入校驗(yàn)的屬性，以前都必須通過JavaScript來(lái)完成，但現(xiàn)在都只要一個(gè)HTML5屬性即可。

2.2.3 更明確地語(yǔ)義支持

2.2.4 增強(qiáng)了web應(yīng)用程序的功能

2.3 HTML5的基本結(jié)構(gòu)和語(yǔ)義變化

2.3.1 HTML5的基本結(jié)構(gòu)

對(duì)于一份基本的HTML5文檔而言，他總有如下結(jié)構(gòu)：

2.3.2 HTML5的語(yǔ)義變化

3 HTML5中常用的元素與屬性

3.1 HTML5保留的常用元素

3.1.1 基本元素

HTML5\Demo\Demo Base On HTML 5\html_basic_element.html

<h1>自強(qiáng)不息厚德載物</h1><h2>自強(qiáng)不息厚德載物</h2><h3>自強(qiáng)不息厚德載物</h3><h4>自強(qiáng)不息厚德載物</h4><h5>自強(qiáng)不息厚德載物</h5><h6>自強(qiáng)不息厚德載物</h6><hr><span>月薪12000</span><span>月薪17000</span><span>月薪25000</span><br><div>月薪12000</div><div>月薪17000</div><div>月薪25000</div><p>月薪12000</p><p>月薪17000</p><p>月薪25000</p>

3.1.2 文本格式化元素

<sup>：定義上標(biāo)文本。該標(biāo)簽可以指定id、class、style等核心屬性，還可以指定onclick等各種事件屬性。
<sub>：定義下標(biāo)文本。該標(biāo)簽可以指定id、class、style等核心屬性，還可以指定onclick等各種事件屬性。
<bdo>：定義文本顯示的方向。該標(biāo)簽可以指定id、class、style等核心屬性，還可以指定onclick等各種事件屬性。除此之外，該標(biāo)簽也可以指定dir屬性，該屬性值只能是ltr或者rtl。

html_text_formatting_elements.html

<span><b>加粗文本</b></span><br><span><i>斜體文本</i></span><br><span><b><i>粗斜體文本</i></b></span><br><span><em>被強(qiáng)調(diào)的文本，實(shí)際效果與斜體文本差不多！</em></span><br><big><span>大字號(hào)文本</span></big><br><span><strong>加粗文本，實(shí)際用法與b差不多</strong></span><br><small><span>小字號(hào)文本</span></small><br><div>普通文本<sup>上標(biāo)文本</sup></div><div>普通文本<strong><sub>下標(biāo)加粗文本</sub></strong></div><bdo dir="ltr">指定文本從左到右排列</bdo><br><bdo dir="rtl">指定文本從右往左排列</bdo>

3.1.3 語(yǔ)義相關(guān)元素

HTML5保留了如下語(yǔ)義相關(guān)元素。

<abbr>：用來(lái)表示一個(gè)縮寫。使用該元素時(shí)可指定如下屬性：title，用以指定該縮寫所代表的全稱。
<address>：用于表示一個(gè)地址。瀏覽器通常會(huì)用斜體字顯示其所包含的內(nèi)容。
<blockquote>：用于定義一段長(zhǎng)的引用文本。瀏覽器會(huì)使用縮進(jìn)的方式顯示這段引用文本。使用本元素可指定如下屬性：cite：該屬性指定該引用文本所引用的網(wǎng)址URL。
<q>：用于定義一段段的引用文本，瀏覽器會(huì)為該引用文本添加雙引號(hào)。

html_semantically related elements.html

<body><p>倉(cāng)央嘉措<q cite="http://baike.baidu.com/link?url=lhM4NHvopf_VOqQ3As4r3VMZ-N-sfwV8v7kULzZQX1RqtTAKKfL8O0JH-vvgyMfgRhG4DCIcMjSUyBK74FlhiteRwH8uh0-pLV_mFDW3s5L_sa2s54asSFN0JCHBr116">六世喇嘛</q>高原的一聲嘆息</p><div><blockquote>錦瑟無(wú)端五十弦，一弦一柱思華年。<br>莊生曉夢(mèng)迷蝴蝶，望帝春心托杜鵑。<br>滄海月明珠有淚，藍(lán)田日暖玉生煙。<br>此情可待成追憶，只是當(dāng)時(shí)已惘然。</blockquote>是唐朝詩(shī)人李商隱的代表作，始終隱藏著一種淡淡的憂傷。讓人無(wú)法言說(shuō)，但又無(wú)法釋懷。</div><p><cite>《人民的名義》</cite><cite>《三生三世十里桃花》</cite>是2017年不可多得的好作品。</p><p>簡(jiǎn)單Java代碼HelloWorld：<br><code>public class HelloWorld{<br>public static void main(String[] args){<br>System.out.print("哈哈，我會(huì)寫代碼了！");<br>}<br>}<br></code></p><pre>public class HelloWorld{public staitc void main(String[] args){System.out.print("哈哈，我又會(huì)寫代碼了！");}}</pre><p>六世喇嘛<abbr title="倉(cāng)央嘉措（藏文：??????????????????；Tshangs-dbyangs-rgya-mtsho1683.03.01－1706.11.15），門巴族，六世喇嘛，法名羅桑仁欽倉(cāng)央嘉措，西藏歷史上著名的詩(shī)人、政治人物。">倉(cāng)央嘉措</abbr>,倉(cāng)央嘉措是門巴族人，生于<address>西藏南部門隅納拉山下宇松地區(qū)烏堅(jiān)林村</address>的一戶農(nóng)奴家庭!</p><p><dfn>HTML</dfn>是一種廣為人知的標(biāo)記語(yǔ)言！</p><p>可通過輸入如下命令：<br><kbd>list -1</kbd><br>在Linux的Shell窗口查看當(dāng)前目錄下的所有文件、目錄的詳細(xì)信息。</p><p>卓文君與司馬相如私奔后，過起了當(dāng)壚賣酒的生活，后司馬相如獲封郎官，欲納妾，卓文君傷心之下遂做<cite>《白頭吟》</cite><samp>皚如山上雪，皎若云間月。聞君有兩意，故來(lái)相決絕。今日斗酒會(huì)，明旦溝水頭。躞蹀御溝上，溝水東西流。凄凄復(fù)凄凄，嫁娶不須啼。愿得一心人，白頭不相離。竹竿何裊裊，魚尾何簁簁！男兒重意氣，何用錢刀為！ </samp></p><code>public class HelloWorld{public staitc void main(String[] args){<var>int a = 5</var> ;System.out.print("哈哈，我又會(huì)寫代碼了！");}}</code><p>我是一個(gè)<del>無(wú)業(yè)人員</del><ins>就業(yè)人員</ins>！</p></body>

3.1.4 超鏈接和錨點(diǎn)

<a href="http://imgsrc.baidu.com/forum/pic/item/4ec2d5628535e5dd55d2464876c6a7efcf1b62af.jpg"><b>點(diǎn)擊查看圖片</b></a><br><a href="http://imgsrc.baidu.com/forum/pic/item/4ec2d5628535e5dd55d2464876c6a7efcf1b62af.jpg" target="_blank"><em>點(diǎn)擊獲取圖片</em></a><br><a href="http://imgsrc.baidu.com/forum/pic/item/4ec2d5628535e5dd55d2464876c6a7efcf1b62af.jpg"><img src="2.jpg" width="20" height="20" alt="當(dāng)前圖像無(wú)法顯示"></a><a href="html5_test1.html"><b>基于相對(duì)路徑</b></a>

用瀏覽器瀏覽命名錨點(diǎn)時(shí)，該命名錨點(diǎn)不會(huì)生成任何顯示內(nèi)容，我們可以使用如下超鏈接來(lái)定位到該命名錨點(diǎn)：

詳見html_semantically related elements.html#anchor

3.1.5 列表相關(guān)元素

<ul><li>java從入門到精通</li><li>JavaWeb王者歸來(lái)</li><li>瘋狂HTML5、CSS3、JavaScript講義</li></ul><ol start="2" type="1"><li>java從入門到精通</li><li>JavaWeb王者歸來(lái)</li><li>瘋狂HTML5、CSS3、JavaScript講義</li></ol><dl><dt>日常閱讀</dt><dd>老子</dd><dd>論語(yǔ)</dd><dd>孟子</dd><dt>學(xué)習(xí)書籍</dt><dd>java從入門到精通</dd><dd>JavaWeb王者歸來(lái)</dd><dd>瘋狂HTML5、CSS3、JavaScript講義</dd></dl>

3.1.6 圖像相關(guān)元素

<img src="1.jpg" height="200" width="200" alt="當(dāng)前圖片無(wú)法顯示"><img src="2.jpg" height="200" width="200" alt="當(dāng)前圖片無(wú)法顯示"><br><img src="2.jpg" height="50%" width="50%" usemap="mapname" alt="當(dāng)前圖片無(wú)法顯示"><map name="mapname" id="mapname"><area shape="rect" coords="0,0,100,100" href="http://imgsrc.baidu.com/forum/pic/item/4ec2d5628535e5dd55d2464876c6a7efcf1b62af.jpg" target="_blank"><area shape="circle" coords="200,200,50" href="http://imgsrc.baidu.com/forum/pic/item/4ec2d5628535e5dd55d2464876c6a7efcf1b62af.jpg" target="_blank"></map>

3.1.7 表格相關(guān)元素

HTML5保留了定義表格的如下標(biāo)簽：

3.1.8 框架相關(guān)元素

3.2 HTML5新增的通用元素

3.3 HTML5新增的常用元素

3.4 HTML5頭部和元信息

3.5 HTML5新增的拖放API

4.HTML5表單相關(guān)元素和屬性

4.1 HTML原有的表單及表單控件

　　HTML5保留了原有的表單及表單控件,并對(duì)其進(jìn)行了功能上的增強(qiáng).

4.1.1 表單元素

4.1.2 使用input元素

　　input元素是表單控件元素中功能最豐富的,如下幾種輸入元素,都是通過input元素生成的;

?

5.HTML5的多媒體支持

5.1 使用audio和video標(biāo)簽

<!DOCTYPE html> <html> <head><title>多媒體標(biāo)記</title> </head> <body> <h2>音頻播放</h2>   <video src="movie.mp4" controls="controls" width="400">對(duì)不起,您的瀏覽器暫不支持該標(biāo)簽</video> <video src="" controls="controls">對(duì)不起,您的瀏覽器暫不支持該標(biāo)簽<source src="movie.mp4" ><source src="movie.ogg" > </video> </body> </html>

5.2 使用JavaScript控制多媒體播放

5.2.1 HTMLAudioElement和HTMLVideoElement支持的方法

5.2.2 HTMLAudioElement和HTMLVideoElement的屬性

<!DOCTYPE html> <html> <head><title>多媒體標(biāo)記-HTMLAudioElement和HTMLVideoElement的屬性和方法</title><script type="text/javascript">//定義音頻列表var list=["1.mp3","2.mp3","3.mp3","4.mp3","5.mp3"];//定義正在播放的音頻的序列腳標(biāo)var index = 0;//定義變量作為隨機(jī)播放或順序播放的變量var playType;window.onload = function(){//獲取select節(jié)點(diǎn),判斷當(dāng)前節(jié)點(diǎn)時(shí)什么播放類型var select = document.getElementById("typeSeq");//當(dāng)用戶更改下拉菜單時(shí),獲取播放類型 select.onchange = function(){window.playType = select.value;}//當(dāng)頁(yè)面加載第一個(gè)音頻文件時(shí),獲取音頻節(jié)點(diǎn)var player = document.getElementById("player");//頁(yè)面加載的第一個(gè)播放文件 player.src=list[index];//播放完后,判斷是什么類型播放,然后決定是隨機(jī)獲取播放文件,還是順序獲取 player.onended = function(){//假如是隨機(jī)播放,那么隨機(jī)獲取播放音頻if(playType == "random"){//獲取隨機(jī)腳標(biāo) index = Math.floor(Math.random()*list.length);player.src = list[index];// document.write(index+"<br/>");//假如是順序播放 }else{index = ++index%list.length;player.src = list[index];// document.write(index+"<br/>"); }//播放 player.play();}}</script> </head> <body><h2>音樂播放器</h2><select id="typeSeq"><option id="suqence" name="sequence" value="sequence" >順序播放</option><option id="random" name="random" value="random">隨機(jī)播放</option></select><audio id="player" controls="controls">對(duì)不起,你的瀏覽器不支持audio元素</audio> </body> </html>

5.3 事件監(jiān)聽

?　　與其他HTML5元素一樣,audio和video元素也會(huì)除法一些事件,JavaScript腳本同樣為這些事件綁定了事件監(jiān)聽器.

5.3.1 事件

5.3.2 監(jiān)聽器

<!DOCTYPE html> <html> <head><title>多媒體支持--事件監(jiān)聽器</title> </head> <body><h2>視頻播放</h2><video id="mv" src="movie.mp4" loop="loop">對(duì)不起,您的瀏覽器無(wú)法識(shí)別這些標(biāo)簽</video><br/><input type="button" name="play" value="播放" id="bn"><span id="detail"></span>秒<script type="text/javascript">var bn = document.getElementById("bn");var mv = document.getElementById("mv");var detail = document.getElementById("detail");//添加ontimeupdate事件 mv.ontimeupdate = function(){detail.innerHTML = mv.currentTime+"/"+mv.duration;}bn.onclick=function(){if(mv.paused){mv.play();bn.value="暫停";}else{mv.pause();bn.value="播放";}}</script> </body> </html>

轉(zhuǎn)載于:https://www.cnblogs.com/lin-jing/p/6917168.html

總結(jié)

以上是生活随笔為你收集整理的DHTML---HTML5的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

Dhtml

上一篇：数据库排行榜｜当 DB-Engines
下一篇： 2017年html5行业报告,云适配发布