HTML的全稱為超文本標記語言 (HyperText Markup Language),是用來描述網頁的一種語言,是由W3C(World Wide Web Consortium,萬維網聯盟)推薦發布的通用國際標準。不同于 C++、Python 等編程語言,HTML 是一種標記語言,由一套標記標簽(markup tag)構成的。HTML 使用標記標簽來描述網頁。在純文本文件中包含了HTML 的指令代碼,在 HTML 中,每個標簽(Tag)都是一條指令,用來告訴瀏覽器如何將圖片、聲音、文字、影像等在頁面中顯示出來。HTML文檔又稱為 Web 頁面。
發展歷史
編輯HTML發展歷程
HTML +
1980年,物理學家蒂姆·伯納斯-李在歐洲核子研究中心(CERN)在承包工程期間,為使CERN的研究人員使用并共享文檔,他提出并創建原型系統ENQUIRE。1989年,伯納斯-李在一份備忘錄中提出一個基于互聯網的超文本系統。他規定HTML并在1990年底寫出瀏覽器和服務器軟件。同年,伯納斯-李與CERN的數據系統工程師羅伯特·卡里奧聯合為項目申請資助,但未被CERN正式批準。在他的個人筆記中伯納斯-李列舉“一些使用超文本的領域”,并把百科全書列為首位。HTML最早源于SGML,它由蒂姆·伯納斯·李和其同事Daniel W.Connolly(丹尼爾·康諾利)于1990年創立。HTML的首個公開描述出現于1991年,是由蒂姆·伯納斯-李編寫了一份叫做“HTML 標簽”的文檔,里面包含了大約 20個用來標記網頁的HTML標簽。HTML最初的版本并不存在HTML 1,在1993年IETF(互聯網工程任務組)團隊的一個草案,并非成型的標準,被稱為“HTML+”,最初是被設計成為“HTML 的一個超集”。
HTML 2和HTML 3
在1995年,HTML 2.0版本發布,當時是作為RFC1866發布的,1995年3月,萬維網聯盟提出HTML 3.0規范,其提供了很多新的特性,例如表格文字繞排和復雜數學元素的顯示。雖然它是被設計用來兼容 2.0 版本的,但由于實現起來過于復雜,在草案于1995年9月過期時,標準開發也因為缺乏瀏覽器支持而中止了。3.1 版從未被正式提出。1997年1月14日,HTML 3.2成為W3C推薦標準,在HTML3.2中,它去掉了大部分 3.0 中的新特性,加入了很多特定瀏覽器如 Netscape 和 Mosaic 的元素和屬性。
HTML 4
在1997年12月18日和1999年12月24日發布的4.0和4.01也相繼成為W3C的推薦標準。其中新版本同樣也加人了很多特定瀏覽器的元素和屬性,但是同時也開始“清理”這個標準,把一些元素和屬性標記為過時,建議不再使用它們。而在 HTML4.01 版本發布的當年,W3C 對 HTML 未來的發展做了分析,他們認為 HTML 的形式與內容無法分離,且標記單一,前途堪憂。于是 W3C 轉向語言更加規范的XML,但是從1991 年HTML 出現到 1999 年的8 年時間里,互聯網上已經有成千上萬由 HTML編寫的網頁,直接轉向 XML 是不現實的,所以 W3C 只能放慢腳步,開始HTML到XML的過渡,因此出現了XHTML。
XHTML
XHTML(eXtensible Hyper Text Markup Language,擴展的超文本標記語言)是一種在HTML 4.0基礎上優化和改進的新語言,目的是基于XML應用。同時它和HTML 4.01具有良好的兼容性,而且XHTML是更嚴格、更純凈的HTML代碼。萬維網聯盟在2000年推出了XHTML 1.0,它以XML的語法重新整理了HTML 4.0,使其具有類似XML嚴謹的語法規則。2001 年5月31日發布了XHTML1.1。2002年繼續推出了XHTML 2.0,但由于其沒有反映出網站開發人員在網頁上的交互操作,也未能將網頁上已有的內容往后兼容等,最終XHTML 2.0宣告失敗。
HTML 5
HTML的前身名為Web Applications 1.0,由超文本應用技術工作小組(Web Hypertext Application Technology Working Group,簡稱WHATWG)在2004年提出,2007年被W3C接納,隨后W3C成立了由AOL、Apple、GOOGLE、IBM等數百個開發商組成的新的HTML工作團隊,2009年,該團隊公布了HTML 5正式草案,HTML 5成為HTML和HTMLDOM的新標準,2012年12月17日,W3C宣布HTML 5規范正式定稿。HTML 5在開發時就考慮到了后期的開發任務,因此它可以向后兼容,且包含了HTML 4.0的全部特性,并進行了少量的修改與改善。2014年,W3C宣布,HTML 5制作完成并公開發布。在HTML 5中,新增了article(文章)、aside(側邊)、footer(尾部)等語義化標簽,這些新增的語義標簽有利于搜索引擎優化,同時在高版本的瀏覽器及移動端中,不用考慮語義標簽的兼容性。在2014年10月28日,HTML 5也正式成為W3C推薦標準。
重要版本
編輯參考文獻:
基本結構
編輯以HTML的基本結構包括HTML的語法結構,文檔結構、標簽的格式以及代碼的編寫規范等。
語法結構
標簽(Tag)
HTML文檔由標簽(“<”和">"括起來的單詞或單詞縮寫)和受標簽影響的內容(為字符串,用于描述網頁文件內容的類型、組成和格式化信息)組成。標簽能產生所需的各種效果,其功能類似于一個排版軟件。標簽通常由開始標簽和結束標簽組成,開始標簽用“<標簽>”表示,結束標簽用“</標簽>”表示,其格式為<標簽>受標簽影響的內容</標簽>。HTML 標簽對大小寫不敏感,但 W3C在 HTML4中開始推薦使用小寫。HTML注釋標簽是一個特殊標簽,它的格式為<!--在此處寫注釋-->,在開始標簽中有一個感嘆號,然后是兩個減號,在結束標簽中沒有感嘆號,瀏覽器并不會顯示注釋的內容,注釋標記可以幫助設計者標注并理解HTML文檔內容。
開始標簽(Opening tag)、結束標簽(Closing tag)、內容(Content)和元素(Element)
常用HTML標簽
參考文獻:
屬性
標簽通過屬性來制作出各種效果,屬性和屬性值始終被包含在元素的開始標簽中,且不能單獨使用,通常都是以“屬性名="值"”的形式來表示,用空格隔開后,還可以指定多個屬性,并且在指定多個屬性時不用區分順序。其格式為<標簽 屬性1=“屬性值1” 屬性2=“屬性值2” ...>受標簽影響的內容</標簽>。在HTML5中,很多元素會重復出現,為了區分重復元素,可以在開始標簽中使用ID屬性給每一個元素定義一個唯一的標識,ID屬性的屬性值在文件中也必須是唯一的。
注:class 是屬性名稱,editor-note 是屬性的值。class 屬性可為元素提供一個標識名稱,以便進一步為元素指定樣式或進行其他操作時使用。
HTML中的全局屬性對任何HTML元素有效,常用的全局屬性為:參考文獻:
元素
截至2020年,HTML5擁有120個元素,其中有10個不建議使用的元素。元素是指位于開始標簽與結束標簽之間包含在標簽中在內的整體,它通過HTML5標簽進行定義,是構建網頁的基本結構,由標簽和屬性組成,元素可以嵌套但不能交叉。沒有內容的HTML元素被稱為空元素。空元素是在開始標簽中關閉的。元素的大體結構為<div class="main">元素內容</div>。按用途區分,HTML可分為文檔結構元素、頭部元素、列表元素、超鏈接元素等。參考文獻:
編寫規范
HTML的書寫需滿足HTML的相關規范。在HTML 4.0中主要用于在瀏覽器中星現富文本內容和實現超鏈接,HTML5 繼承了這些特點但更側重于在瀏覽器中實現 Web 應用程序。對于網頁的制作,HTML5 主要有兩方面的改進,即實現 Web 應用程序和更好地呈現內容。
HTML代碼
標簽的規范
- 標簽分單標簽和雙標簽,雙標簽往往是成對出現的,所有標簽(包括空標簽)都必須關閉,如<br/>、<img>、<p>...</p>等。
- 標簽名和屬性建議都用小寫字母。
- 多數HTML標簽可以嵌套。但不允許交叉(例如HTML5)。
屬性的規范
- 根據需要可以使用該標簽的所有屬性,也可以只有其中的幾個屬性。在使用時,屬性之間沒有順序。
- 屬性值都要用雙引號括起來。
- 并不是所有的標簽都有屬性,如換行標簽就沒有屬性。
元素的嵌套
- 塊級元素可以包含行級元素或其他塊級元素,但行級元素卻不能包含塊級元素,它只能包含其他行級元素。
- 有幾個特殊的塊級元素只能包含行級元素,不能再包含塊級元素,這幾個特殊的標簽是:<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<p>、<dt>。
代碼的縮進
HTML 代碼并不要求在書寫時縮進,但為了文檔的結構性和層次性,建議初學者在使用標記時首尾對齊,內部的內容向右縮進幾格。
文檔結構
文檔類型
在編寫HTML 5文檔時,要求指定文檔類型。文檔類型用于向瀏覽器進行頁面解析用的DTD(文檔類型定義)文件。文檔類型聲明的格式為<! DOCTYPE html>,其中doctype是document type(文檔類型)的簡寫,doctype聲明須放在每一個HTML文檔的最頂端,在所有代碼和標簽之前,若沒有聲明文檔類型,瀏覽器將會使用怪異模式。
HTML文檔標簽<html>...</html>
HTML文檔標簽的格式為<html>HTML文檔的內容</html>,其中<html>處于文檔的最前面,表示HTML文檔的開始,即瀏覽器從<html>開始解釋,直至</html>為止。
HTML文檔頭標簽<head>...</head>
HTML文檔包括頭部(head)和主體(body),其中文檔頭標簽用于定義文件頁眉,它是一種具有引導和導航作用的結構元素,其格式為<head>頭部的內容</head>,文檔頭部內容在開始標簽<html>和結束標簽</html>之間,其內容可以是標題名或文本文件地址、創作信息等網頁信息說明。它本身不作為內容來顯示,但影響網頁顯示的效果。
HTML文檔編碼
為了被瀏覽器正確解釋和通過 W3C 代碼校驗,所有的 HTML 文檔都必須聲明它們所使用的語言編碼。文檔聲明的編碼應該與實際的編碼一致,否則就會呈現為亂碼。UTF-8 是世界通用的HTML語言編碼,用戶一般使用UTF-8 來指定文檔編碼。其中HTML5文檔直接使用meta元素的charset 屬性指定文檔編碼,格式為<meta charset="uTF-8">。
HTML文檔主體標簽<body>...</body>
HTML文檔主體標簽格式為<body>網頁的內容</body>。主體位于頭部之后,以<body>為開始標簽,</body>為結束標簽。它定義網頁上顯示的主要內容與顯示格式,是整個網頁的核心。用戶可以通過瀏覽器看到寫在主體標簽間的內容。
編輯器
編輯HTML其實就是文本,它需要瀏覽器的解釋,它的編輯軟件大體可以分為以下3種。基本文本文檔編輯軟件:使用 Windows自帶的記事本或寫字板程序就可以編寫,不過保存時需要使用.htm 或.html作為擴展名,這樣方便瀏覽器直接運行。半所見即所得軟件:這種軟件能大大提高開發效率,讓制作者在很短的時間內制作出主頁,且可以學習HTML,這種類型的軟件主要有網頁作坊、Amaya和HOTDOG等。所見即所得軟件:使用最廣泛的編輯軟件,即使用戶完全不懂HTML的知識,也可以制作出網頁,這類軟件有Dreamweaver等。與半所見即所得軟件相比,這類軟件開發速度更快,效率更高,且直觀表現力更強,對任何地方進行修改只需要刷新即可。
分發方式
編輯當Web 服務器計算機通過 Internet 發送 Web 頁時,使用HTTP(Hypertext TransferProtocol,超文本傳輸協議) 信息交換標準。然而,把頁面上傳到 Web 站點時,需要的軟件通常使用比較老的通信標準,叫做 FTP(File Transfer Protocol,文件傳輸協議)。它可以通過Netscape、Microsoft IE、Microsoft Frontpage和CuteFTP來發送頁面,這些軟件中,Microsoft FrontPage適用于開發復雜的 Web 站點,幫助管理頁面之間的鏈接更改,自動跟蹤哪個頁面已經改變及哪個頁面需要更新,節省用戶許多時間。CuteFTP適用于剛入門的 Web 頁作者和只計劃有幾個個人頁面或企業貞面的中型站點。若用戶僅僅想要使第1個頁面在線,根本不打算裝配任何新的軟件,可以使用IE或Netscape 完成工作。
HTML的語言特點
編輯簡易性:HTML版本升級采用超集方式,從而更加靈活方便。可擴展性:HTML 的廣泛應用帶來了加強功能,增加標識符等要求,HTML 采取子類元素的方式,為系統擴展帶來保證。平臺無關性:雖然個人計算機系統比較多,包括 Windows、Linux、Mac、Android 等,HTML可以使用在廣泛的平臺上。通用性:HTML 是網絡的通用語言,一種簡單、通用的全置標記語言。它允許網頁制作者建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什么類型的計算機或瀏覽器。
發展趨勢
編輯HTML5從根本上改變了IT公司開發Web應用的方式,無論是電腦端應用還是移動端應用,在開發過程中都需要用到此技術。截至2023年,HTML5的主要的瀏覽器版本有IE、Chrome、Firefox、Safari和Opera,其他如谷歌、亞馬遜、You Tube等公司已經開始關注HTML5并開始逐步使用其作為自己的開發工具。在多種網絡編程語言興起的時候,HTMI5必須能夠盡可能多地兼容這些語言,并提供一個良好的編程環境。因此,簡潔的界面和良好的交成了發展的重點。同時與CSS 的結合將非常關鍵。此外,HTML5正在不斷推進移動互聯網向更加開放融合的Web云服務模式轉變。
內容由匿名用戶提供,本內容不代表www.gelinmeiz.com立場,內容投訴舉報請聯系www.gelinmeiz.com客服。如若轉載,請注明出處:http://www.gelinmeiz.com/587243/