HTML

超文本標記語言

超文本標記語言(HyperTextMarkupLanguage),標準通用標記語言下的一個應用。HTML 不是一種編程語言,而是一種標記語言 (markup language),是網頁製作所必備的。“超文本”就是指頁面內可以包含圖片、鏈接,甚至音樂、程序等非文字元素。超文本標記語言(或超文本標籤語言)的結構包括“頭”部分、和“主體”部分,其中“頭”部提供關於網頁的信息,“主體”部分提供網頁的具體內容。

詳細介紹


由來

HTML的英文全稱是 Hyper Text Markup Language,即超文本標記語言。HTML是由Web的發明者Tim Berners-Lee和同事 Daniel W. Connolly於1990年創立的一種標記語言,它是標準通用化標記語言SGML的應用。用HTML編寫的超文本文檔稱為HTML文檔,它能獨立於各種操作系統平台(如UNIX, Windows等)。使用HTML,將所需要表達的信息按某種規則寫成HTML文件,通過專用的瀏覽器來識別,並將這些HTML文件“翻譯”成可以識別的信息,即現在所見到的網頁。
自1990年以來,HTML就一直被用作萬維網的信息表示語言,使用HTML描述的文件需要通過web瀏覽器顯示出效果。HTML是一種建立網頁文件的語言,通過標記式的指令(Tag),將影像、聲音、圖片、文字動畫、影視等內容顯示出來。事實上,每一個HTML文檔都是一種靜態的網頁文件,這個文件裡面包含了HTML指令代碼,這些指令代碼並不是一種程序語言,只是一種排版網頁中資料顯示位置的標記結構語言,易學易懂,非常簡單。HTML的普遍應用就是帶來了超文本的技術―通過單擊滑鼠從一個主題跳轉到另一個主題,從一個頁面跳轉到另一個頁面,與世界各地主機的文件鏈接超文本傳輸協議規定了瀏覽器在運行HTML文檔時所遵循的規則和進行的操作。HTTP的制定使瀏覽器在運行超文本時有了統一的規則和標準。
萬維網(world wide web,簡稱www)上的一個超媒體文檔稱之為一個頁面(外語:page)。作為一個組織或者個人在萬維網上放置開始點的頁面稱為主頁(外語:Homepage)或首頁,主頁中通常包括有指向其他相關頁面或其他節點的指針(超級鏈接),所謂超級鏈接,就是一種統一資源定位器(Uniform Resource Locator,外語縮寫:URL)指針,通過激活(點擊)它,可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛應用的最重要的原因之一。在邏輯上將視為一個整體的一系列頁面的有機集合稱為網站(Website或Site)。超文本標記語言(英文縮寫:HTML)是為“網頁創建和其它可在網頁瀏覽器中看到的信息”設計的一種標記語言。
網頁的本質就是超文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關介面、組件等),可以創造出功能強大的網頁。因而,超文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。

定義

超文本標記語言是標準通用標記語言下的一個應用,也是一種規範,一種標準,它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網頁文件,然後根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執行過程,編製者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對於不同的瀏覽器,對同一標記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果。

語言特點


超級文本標記語言文檔製作不是很複雜,但功能強大,支持不同數據格式的文件鑲入,這也是萬維網(WWW)盛行的原因之一,其主要特點如下:
● ● 簡易性:超級文本標記語言版本升級採用超集方式,從而更加靈活方便。
● ● 可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言採取子類元素的方式,為系統擴展帶來保證。
● ● 平台無關性:雖然個人計算機大行其道,但使用MAC等其他機器的大有人在,超級文本標記語言可以使用在廣泛的平台上,這也是萬維網(WWW)盛行的另一個原因。
● ● 通用性:另外,HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的複雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。

HTML版本


HTML是用來標記Web信息如何展示以及其他特性的一種語法規則,它最初於1989年由CERN的Tim Berners-Lee發明。HTML基於更古老一些的語言SGML定義,並簡化了其中的語言元素。這些元素用於告訴瀏覽器如何在用戶的屏幕上展示數據,所以很早就得到各個Web瀏覽器廠商的支持。
HTML歷史上有如下版本:
①HTML 1.0:在1993年6月作為網際網路工程工作小組(IETF)工作草案發布。
②HTML 2.0:1995年1 1月作為RFC 1866發布,於2000年6月發布之後被宣布已經過時。
③HTML 3.2:1997年1月14日,W3C推薦標準。
④HTML 4.0:1997年12月18日,W3C推薦標準。
⑤HTML 4.01(微小改進):1999年12月24日,W3C推薦標準。
⑥HTML 5:HTML5是公認的下一代Web語言,極大地提升了Web在富媒體、富內容和富應用等方面的能力,被喻為終將改變移動網際網路的重要推手。Internet Explorer 8及以前的版本不支持。
HTML在Web迅猛發展的過程中起著重要作用,有著重要的地位。但隨著網路應用的深入,特別是電子商務的應用,HTML過於簡單的缺陷很快凸現出來:HTML不可擴展。HTML不允許應用程序開發者為具體的應用環境定義自定義的標記。HTML只能用於信息顯示。HTML可以設置文本和圖片顯示方式,但沒有語義結構,即HTML顯示數據是按照布局而非語義的。隨著網路應用的發展,各行業對信息有著不同的需求,這些不同類型的信息未必都是以網頁的形式顯示出來。例如。當通過搜索引擎進行數據搜索時,按照語義而非按照布局來顯示數據會具有更多的優點。
總而言之,HTML的缺點使其交互性差,語義模糊,這些缺陷難以適應Internet飛速發展的要求,因此一個標準、簡潔、結構嚴謹以及可高度擴展的XML就產生了。

書寫方式


它其實是文本,它需要瀏覽器的解釋,它的編輯器大體可以分為三種,
● ● 基本文本、文檔編輯軟體,使用微軟自帶的記事本或寫字板都可以編寫,當然,如果你用WPS來編寫,也可以。不過存檔時請使用.htm或.html作為擴展名,這樣就方便瀏覽器認出直接解釋執行了。
● ● 半所見即所得軟體,如:FCK-Editer、E-webediter等在線網頁編輯器;尤其推薦:Sublime Text代碼編輯器(由Jon Skinner開發,Sublime Text2收費但可以無限期試用)。
● ● 所見即所得軟體,使用最廣泛的編輯器,完全可以一點不懂HTML的知識就可以做出網頁,如:AMAYA(出品單位:萬維網聯盟);FRONTPAGE(出品單位:微軟);Dreamweaver(出品單位Adobe)。
● ● Microsoft Visual Studio(出品公司:微軟)
其中所見即所得軟體與半所見即所得的軟體相比,開發速度更快,效率更高,且直觀的表現更強。任何地方進行修改只需要刷新即可顯示。缺點是生成的代碼結構複雜,不利於大型網站的多人協作和精準定位等高級功能的實現。

字符集

HTML
HTML
在網頁中除了可顯示常見的美國信息交換標準代碼(外語縮寫:ASCII)字元和漢字外,HTML還有許多特殊字元,它們一起構成了HTML字符集。有2種情況需要使用特殊字元,一是網頁中有其特殊意義的字元,二是鍵盤上沒有的字元。HTML字元可以用一些代碼來表示,代碼可以有2種表示方式。即字元代碼(命名實體)和數字代碼(編號實體)。字元代碼以“&”符開始,以分號";"結束,其間是字元名,如®。數字代碼也以“&#”符開始,以分號";"結束,其間是編號,如®。

整體結構


一個網頁對應多個HTML文件,超文本標記語言文件以.htm(磁碟操作系統DOS限制的外語縮寫)為擴展名或.html(外語縮寫)為擴展名。可以使用任何能夠生成TXT類型源文件的文本編輯器來產生超文本標記語言文件,只用修改文件後綴即可。標準的超文本標記語言文件都具有一個基本的整體結構,標記一般都是成對出現(部分標記除外例如:
),即超文本標記語言文件的開頭與結尾標誌和超文本標記語言的頭部與實體兩大部分。有三個雙標記符用於頁面整體結構的確認。
標記符,說明該文件是用超文本標記語言(本標籤的中文全稱)來描述的,它是文件的開頭;而,則表示該文件的結尾,它們是超文本標記語言文件的開始標記和結尾標記。

頭部內容

;這2個標記符分別表示頭部信息的開始和結尾。頭部中包含的標記是頁面的標題、序言、說明等內容,它本身不作為內容來顯示,但影響網頁顯示的效果。頭部中最常用的標記符是標題標記符和meta標記符,其中標題標記符用於定義網頁的標題,它的內容顯示在網頁窗口的標題欄中,網頁標題可被瀏覽器用作書籤和收藏清單。
設置文檔標題和其它在網頁中不顯示的信息,比如direction方向、語言代碼Language Code(實體定義!ENTITY % i18n)、指定字典中的元信息等等。
以下表格列出了 HTML head 元素:
標籤描述
定義了文檔的信息
</td><td>定義了文檔的標題</td></tr><tr><td><base></td><td>定義了頁面鏈接標籤的默認鏈接地址</td></tr><tr><td><link></td><td>定義了一個文檔和外部資源之間的關係</td></tr><tr><td><meta></td><td>定義了HTML文檔中的元數據</td></tr><tr><td><script></td><td>定義了客戶端的腳本文件</td></tr><tr><td><style></td><td>定義了HTML文檔的樣式文件</td></tr></table></div><div class="catlog-title is-2"><h4>主體內容</h4><a id="catalog_5_2" class="title-anchor"></a></div><div class="cp"><body></body>;,網頁中顯示的實際內容均包含在這2個正文標記符之間。正文標記符又稱為實體標記。</div><div class="catlog-title is-1"><h3>相關要求</h3><a id="catalog_6" class="title-anchor"></a></div><hr class="border-1"><div class="cp">在編輯超文本標記語言文件和使用有關標記符時有一些約定或默認的要求。</div><div class="cp"><div class="img-r"><span class="img-box"><img height="154" width="200" src="https://i1.twwiki.net/cover/w200/m4/f/m4facb7d3ff747a8a97b4c8f0db59716a.jpg" alt="HTML"></span><div class="img-desc">HTML</div></div></div><div class="cp">● ● 文本標記語言源程序的文件擴展名默認使用htm(磁碟操作系統DOS限制的外語縮寫為擴展名)或html(外語縮寫為擴展名),以便於操作系統或程序辨認,除自定義的漢字擴展名。在使用文本編輯器時,注意修改擴展名。而常用的圖像文件的擴展名為gif和jpg。</div><div class="cp">● ● 超文本標記語言源程序為文本文件,其列寬可不受限制,即多個標記可寫成一行,甚至整個文件可寫成一行;若寫成多行,瀏覽器一般忽略文件中的回車符(標記指定除外);對文件中的空格通常也不按源程序中的效果顯示。完整的空格可使用特殊符號(實體符)“ (注意此字母必須小寫,方可空格)”表示非換行空格;表示文件路徑時使用符號“/”分隔,文件名及路徑描述可用雙引號也可不用引號括起。</div><div class="cp">● ● 標記符中的標記元素用尖括弧括起來,帶斜杠的元素表示該標記說明結束;大多數標記符必須成對使用,以表示作用的起始和結束;標記元素忽略大小寫,即其作用相同,但完整的空格可使用特殊符號“ (注意此字母必須小寫,方可空格)”;許多標記元素具有屬性說明,可用參數對元素作進一步的限定,多個參數或屬性項說明次序不限,其間用空格分隔即可;一個標記元素的內容可以寫成多行。</div><div class="cp">● ● 標記符號,包括尖括弧、標記元素、屬性項等必須使用半形的西文字元,而不能使用全形字元。</div><div class="cp">● ● HTML註釋由"“結束結束,例如。註釋內容可插入文本中任何位置。任何標記若在其最前插入驚嘆號,即被標識為註釋,不予顯示。</div><div class="catlog-title is-1"><h3>常見實體</h3><a id="catalog_7" class="title-anchor"></a></div><hr class="border-1"><div class="table-container"><table class="table is-bordered is-striped is-fullwidth"><tr><th>顯示結果</th><th>描述</th><th>實體名稱</th><th>實體編號</th></tr><tr><td></td><td>空格</td><td> </td><td></td></tr><tr><td><</td><td>小於號</td><td><</td><td><</td></tr><tr><td>></td><td>大於號</td><td>></td><td>></td></tr><tr><td>&</td><td>和號</td><td>&</td><td>&</td></tr><tr><td>"</td><td>引號</td><td>"</td><td>"</td></tr><tr><td>'</td><td>撇號</td><td>' (IE不支持)</td><td>'</td></tr><tr><td>¢</td><td>分</td><td>¢</td><td>¢</td></tr><tr><td>£</td><td>鎊</td><td>£</td><td>£</td></tr><tr><td>¥</td><td>日元</td><td>¥</td><td>¥</td></tr><tr><td>€</td><td>歐元</td><td>€</td><td>€</td></tr><tr><td>§</td><td>小節</td><td>§</td><td>§</td></tr><tr><td>©</td><td>版權</td><td>©</td><td>©</td></tr><tr><td>®</td><td>註冊商標</td><td>®</td><td>®</td></tr><tr><td>™</td><td>商標</td><td>™</td><td>™</td></tr><tr><td>×</td><td>乘號</td><td>×</td><td>×</td></tr><tr><td>÷</td><td>除號</td><td>÷</td><td>÷</td></tr></table></div><div class="catlog-title is-1"><h3>數據類型</h3><a id="catalog_8" class="title-anchor"></a></div><hr class="border-1"><div class="cp"><div class="img-r"><span class="img-box"><img height="172" width="200" src="https:</span><div class="img-desc">HTML</div></div>超文本標記語言定義了多種數據類型的元素內容,如腳本數據和樣式表的數據,和眾多類型的屬性值,包括ID、名稱、URI、數字、長度單位、語言、媒體描述符、顏色、字元編碼、日期和時間等。所有這些數據類型都是專業的字元數據。</div><div style="clear: both"></div></div></div></div><div class="column is-narrow is-full-touch"><div class="sidebar"><div class="summary-albums"><a class="image" target="_blank" rel="noopener noreferrer nofollow" href="/album/qg2xlq5rmkqvz05/pics.html"><img src="https://i1.twwiki.net/cover/w275/me/0/me094c53faa4e982840f488505f2bed4a.jpg"></a></div><div class="info-box"><div class="catlog-title is-2"><h4>基本信息</h4></div><div><dl><dt>外文名</dt><dd><div><span>HyperText Markup Language</span></div></dd></dl><dl><dt>類別</dt><dd><div><span>標記語言</span></div></dd></dl><dl><dt>影響</dt><dd><div><span>可擴展性</span></div></dd></dl><dl><dt>中文縮寫</dt><dd><div><span>超文本標記語言</span></div></dd></dl><dl><dt>外文縮寫</dt><dd><div><span>HTML或HTM(都作文件擴展名)</span></div></dd></dl><dl><dt>閱讀方式</dt><dd><div><span>網頁瀏覽器</span></div></dd></dl></div></div></div></div></div><ul id="fixbar"><li class="gotop"><span class="icon is-large"><i class="iconf i-dingbu"></i></span></li><li class="dir"><span class="icon is-medium"><i class="iconf i-dir"></i></span><span class="bar-font">目錄</span></li></ul></div></div><footer class="py-5 footer"><div class="container has-text-centered"><a target="_blank" rel="nofollow" href="/site/privacy">隱私條款</a><span> | </span><a target="_blank" rel="nofollow" href="/site/contact">聯絡我們</a></div></footer><div class="modal" id="dir-modal"><div class="modal-background"></div><div class="modal-card"><header class="modal-card-head"><p class="modal-card-title">目錄</p><button class="delete" aria-label="close"></button></header><section class="modal-card-body"></section></div></div><script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script><script src="https://i1.twwiki.net/js/com.min.js?v=12"></script><script async src="https://www.googletagmanager.com/gtag/js?id=G-PQB6P4TLQ5"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PQB6P4TLQ5');</script></body></html>