HTML--百度百科

時間 2019-12-01

標籤 html 百度百科欄目 HTML 简体版

原文原文鏈接

超文本標記語言，標準通用標記語言下的一個應用。

「超文本」就是指頁面內能夠包含圖片、連接，甚至音樂、程序等非文字元素。

超文本標記語言的結構包括「頭」部分（英語：Head）、和「主體」部分（英語：Body），其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。

中文名: 超級文本標記語言
外文名: HyperText Markup Language
類型: 標記語言

閱讀方式: 網頁瀏覽器
中文縮寫: 超文本標記語言
外語縮寫: HTML或HTM（都做文件擴展名）

詳細介紹

由來

超文本標記語言 (2張)

萬維網上的一個超媒體文檔稱之爲一個頁面（外語：page）。做爲一個組織或者我的在萬維網上放置開始點的頁面稱爲主頁（外語：Homepage）或首頁，主頁中一般包括有指向其餘相關頁面或其餘節點的指針（超級連接），所謂超級連接，就是一種統一資源定位器（Uniform Resource Locator，外語縮寫： URL）指針，經過激活（點擊）它，可以使瀏覽器方便地獲取新的網頁。這也是HTML得到普遍應用的最重要的緣由之一。在邏輯上將視爲一個總體的一系列頁面的有機集合稱爲網站（ Website或Site）。超級文本標記語言（英文縮寫：HTML）是爲「網頁建立和其它可在網頁瀏覽器中看到的信息」設計的一種標記語言。

網頁的本質就是超級文本標記語言，經過結合使用其餘的 Web技術（如：腳本語言、公共網關接口、組件等），能夠創造出功能強大的網頁。於是，超級文本標記語言是萬維網（ Web）編程的基礎，也就是說萬維網是創建在超文本基礎之上的。超級文本標記語言之因此稱爲超文本標記語言，是由於文本中包含了所謂「超級連接」點。 ^[1]

定義

超級文本標記語言是標準通用標記語言下的一個應用，也是一種規範，一種標準，

超文本標記語言 (15張)

它經過標記符號來標記要顯示的網頁中的各個部分。網頁文件自己是一種文本文件，經過在文本文件中添加標記符，能夠告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網頁文件，而後根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不中止其解釋執行過程，編制者只能經過顯示效果來分析出錯緣由和出錯部位。但須要注意的是，對於不一樣的瀏覽器，對同一標記符可能會有不徹底相同的解釋，於是可能會有不一樣的顯示效果。 ^[2]

語言特色

超級文本標記語言文檔製做不是很複雜，但功能強大，支持不一樣數據格式的文件鑲入，這也是萬維網（ WWW）盛行的緣由之一，其主要特色以下：

簡易性：超級文本標記語言版本升級採用超集方式，從而更加靈活方便。
可擴展性：超級文本標記語言的普遍應用帶來了增強功能，增長標識符等要求，超級文本標記語言採起子類元素的方式，爲系統擴展帶來保證。
平臺無關性：雖然我的計算機大行其道，但使用 MAC等其餘機器的大有人在，超級文本標記語言可使用在普遍的平臺上，這也是萬維網（ WWW）盛行的另外一個緣由。
通用性：另外， HTML是網絡的通用語言,一種簡單、通用的全置標記語言。它容許網頁製做人創建文本與圖片相結合的複雜頁面，這些頁面能夠被網上任何其餘人瀏覽到，不管使用的是什麼類型的電腦或瀏覽器。

書寫方式

編輯

Html編輯工具

它實際上是文本，它須要瀏覽器的解釋，它的編輯器大致能夠分爲三種，

基本文本、文檔編輯軟件，使用微軟自帶的記事本或寫字板均可以編寫，固然，若是你用 WPS來編寫，也能夠。不過存盤時請使用.htm或.html做爲擴展名，這樣就方便瀏覽器認出直接解釋執行了。
半所見即所得軟件，

如：FCK-Editer、E-webediter等在線網頁編輯器；

尤爲推薦： Sublime Text代碼編輯器（由Jon Skinner開發，Sublime Text 2收費但能夠無限期試用）。
所見即所得軟件，使用最普遍的編輯器，徹底能夠一點不懂HTML的知識就能夠作出網頁，如：

AMAYA（出品單位：萬維網聯盟）；

FRONTPAGE（出品單位：微軟）；

Dreamweaver（出品單位： Adobe）。
所見即所得軟件與半所見即所得的軟件相比，開發速度更快，效率更高，且直觀的表現更強。任何地方進行修改只須要刷新便可顯示。缺點是生成的代碼結構複雜，不利於大型網站的多人協做和精準定位等高級功能的實現。

字符集

在網頁中除了可顯示常見的美國信息交換標準代碼（外語縮寫： ASCII）字符和漢字外，HTML還有許多特殊字符，它們一塊兒構成了HTML 字符集。有2種狀況須要使用特殊字符，一是網頁中有其特殊意義的字符，二是鍵盤上沒有的字符。 HTML字符能夠用一些代碼來表示，代碼能夠有2種表示方式。即字符代碼（命名實體）和數字代碼（編號實體）。字符代碼以「&」符開始，以分號";"結束，其間是字符名，如®。數字代碼也以「&#」符開始，以分號";"結束，其間是編號，如®。

總體結構

一個網頁對應多個 HTML文件，超文本標記語言文件以.htm（磁盤操做系統 DOS限制的外語縮寫）爲擴展名或.html（外語縮寫）爲擴展名。可使用任何可以生成 TXT類型源文件的文本編輯器來產生超文本標記語言文件，只用修改文件後綴便可。

超文本標記語言

標準的超文本標記語言文件都具備一個基本的總體結構，標記通常都是成對出現（部分標記除外例如：<br/>），即超文本標記語言文件的開頭與結尾標誌和超文本標記語言的頭部與實體兩大部分。有三個雙標記符用於頁面總體結構的確認。

標記符<html>,說明該文件是用超文本標記語言（本標籤的中文全稱）來描述的,

HTML代碼

它是文件的開頭;而</html>,則表示該文件的結尾，它們是超文本標記語言文件的開始標記和結尾標記。

頭部內容

關於HTML (4張)

<head></head>；這2個標記符分別表示頭部信息的開始和結尾。頭部中包含的標記是頁面的標題、序言、說明等內容，它自己不做爲內容來顯示，但影響網頁顯示的效果。頭部中最經常使用的標記符是標題標記符和 meta標記符，其中標題標記符用於定義網頁的標題，它的內容顯示在網頁窗口的標題欄中，網頁標題可被瀏覽器用做書籤和收藏清單。

設置文檔標題和其它在網頁中不顯示的信息，好比 dir ection方向、語言代碼 Lang uage Code（實體定義!ENTITY % i18n）、指定字典中的元信息、等等。

如下表格列出了 HTML head 元素：^[3]

標籤	描述
<head>	定義了文檔的信息
<title>	定義了文檔的標題
<base>	定義了頁面連接標籤的默認連接地址
<link>	定義了一個文檔和外部資源之間的關係
<meta>	定義了HTML文檔中的元數據
<script>	定義了客戶端的腳本文件
<style>	定義了HTML文檔的樣式文件

主體內容

超文本標記語言

< body></body>；，網頁中顯示的實際內容均包含在這2個正文標記符之間。正文標記符又稱爲實體標記。

發展歷史

超文本標記語言（初版）——在1993年6月做爲互聯網工程工做小組（ IETF）工做草案發布（並不是標準）：

HTML 2.0——1995年11月做爲RFC 1866發佈，在RFC 2854於2000年6月發佈以後被宣佈已通過時

HTML 3.2——1997年1月14日， W3C推薦標準

html 5

HTML 4.0——1997年12月18日，W3C推薦標準

HTML 4.01（微小改進）——1999年12月24日，W3C推薦標準

HTML 5——2014年10月28日，W3C推薦標準 ^[4] （ 詳見本處參考資料）

ISO/IEC 15445:2000（「ISO HTML」）——2000年5月15日發佈，基於嚴格的HTML 4.01語法，是國際標準化組織和國際電工委員會的標準。

Wijmo是基於 HTML5、 jQuery、CSS3和SVG的一個控件包，可以知足構建當今Web系統的需求。基於Wijmo，您的系統運行將更加快速和流暢，外觀也會更加引人入勝。Wijmo中全部新的控件都是在符合最新的 UI設計潮流的基礎上，對新的以及改良後的主題進行封裝。優美的、專業的控件外觀會讓您的應用程序引人注目。好比 ComponentOne Studio for ASP .NET Wijmo 控件包內置的6個主題，同時可使用 jQuery UI項目提供的 30 多個主題，甚至可使用 ThemeRoller 建立屬於您本身的系統主題。

HTML沒有1.0版本是由於當時有不少不一樣的版本。有些人認爲蒂姆·伯納斯-李的版本應該算第一版，這個版本沒有 IMG元素。當時被稱爲HTML+的後續版的開發工做於1993年開始，最初是被設計成爲「HTML的一個超集」。第一個正式規範爲了和當時的各類HTML標準區分開來，使用了2.0做爲其版本號。HTML+的發展繼續下去，可是它從未成爲標準。

HTML3.0規範是由當時剛成立的 W3C於1995年3月提出，提供了不少新的特性，例如表格、文字繞排和複雜數學元素的顯示。雖然它是被設計用來兼容2.0版本的，可是實現這個標準的工做在當時過於複雜，在草案於1995年9月過時時，標準開發也由於缺少瀏覽器支持而停止了。3.1版從未被正式提出，而下一個被提出的版本是開發代號爲Wilbur的HTML 3.2，去掉了大部分3.0中的新特性，可是加入了不少特定瀏覽器，例如 Netscape和 Mosaic的元素和屬性。HTML對數學公式的支持最後成爲另一個標準 MathML。

HTML 4.0一樣也加入了不少特定瀏覽器的元素和屬性，可是同時也開始「清理」這個標準，把一些元素和屬性標記爲過期，建議再也不使用它們。HTML的將來和 CSS結合會更好。

HTML 5草案的前身名爲 Web Applications 1.0。於2004年被WHATWG提出，於2007年被W3C接納，併成立了新的HTML工做團隊。在2008年1月22日，第一份正式草案發布。

XHTML1.0——發佈於2000年1月26日，是W3C推薦標準，後來通過修訂於2002年8月1日從新發布。

XHTML 1.1，於2001年5月31日發佈， W3C推薦標準。

XHTML 2.0，W3C工做草案。

XHTML 5，從XHTML 1.x的更新版，基於 HTML 5草案。

HTML4.01 是常見的版本。

常見實體

顯示結果	描述	實體名稱	實體編號
	空格
<	小於號	<	<< p=""><!--
>	大於號	>	>
&	和號	&	&
"	引號	"	"
'	撇號	' (IE不支持)	'
￠	分	¢	¢
￡	鎊	£	£
￥	日元	¥	¥
?	歐元	€	€
§	小節	§	§
©	版權	©	©
®	註冊商標	®	®
™	商標	™	™
×	乘號	×	×
÷	除號	÷	÷

標記

數據類型

html示例

超文本標記語言定義了多種數據類型的元素內容，如腳本數據和樣式表的數據，和衆多類型的屬性值，包括 ID、名稱、 URI、數字、長度單位、語言、媒體描述符、顏色、字符編碼、日期和時間等。全部這些數據類型都是專業的字符數據。

類型描述

爲了說明文檔使用的超文本標記語言標準，全部超文本標記語言文檔應該以「 文件類型聲明 」（外語全稱加縮寫< !DOCTYPE>）開頭，引用一個文件類型描述或者必要狀況下自定義一個文件類型描述。舉例來講：

HTML 5因爲沒定義一個文檔類型定義（外語縮寫： DTD），只包含根元素的它因此如此簡單。

公共標識符	系統標識符	說明
-//W3C//DTD HTML 4.0//EN	^[3]	超文本標記語言（版本：4.0）、萬維網聯盟。
-//W3C//DTD HTML 4.01//EN		超文本標記語言（版本：4.01）、萬維網聯盟。

 
        <! 
        DOCTYPE 
        　HTML>

這個聲明說明文檔服從超文本標記語言 4.01的嚴格文件類型描述，這個標準是嚴格結構化的，使用層疊樣式表（外語縮寫： CSS）來作格式化。有時是否存在一個合適的文件類型描述會影響一個瀏覽器顯示網頁的方式。

除了超文本標記語言 4.01的嚴格文件類型描述以外，超文本標記語言 4.01也提供「過渡」和「 框架集」文件類型描述。

過渡文件類型描述是向嚴格的文件類型描述過渡的緩衝。

框架集文件類型描述則針對包含框架元素的網頁。

元素

<html></html> 建立一個超文本標記語言文檔。

<head></head> （頭）設置文檔標題和其它在網頁中不顯示的信息，好比direction方向、語言代碼Language Code（見實體定義!ENTITY % i18n）、指定字典中的元信息、等等。

<BASE> 文檔中不能被該站點辨識的其它全部連接源的 URL（統一資源定位器）

<LINK> 定義一個連接和源之間的相互關係，好比引用一個層疊樣式表（英文縮寫： css）、作一個連接到一個腳本、爲某文件作一個連接（可打印的版本）、文檔特定的工具欄/菜單。

<body></body>文檔體，文檔的可見部分。

<title></title> 設置文檔的標題。

固然，若是不使用以上基本框架結構，而直接使用在實體部分中出現的標記符，在瀏覽器下也能夠解釋執行。

內容描述

<h1></h1> 最大的標題（一號標題）

<pre></pre> 預先格式化文本（英文全稱： PRE formatted）

<u></u> 下劃線（英文全稱：Underline）

<b></b> 黑體字（英文全稱：Bold）

<i></i> 斜體字（英文全稱：Italics）

<tt></tt>打字機風格的字體

<cite></cite>引用，一般是斜體

<em></em> 強調文本（一般是斜體加黑體、英文全稱： EM phasize）

<strong></strong> 加劇文本（一般是斜體加黑體）

<font size="" color=""></font> 設置字體大小從1到7，顏色使用名字或 RGB（中文全稱：紅綠藍）的十六進制值

<BASEFONT></BASEFONT>基準字體標記

<big></big> 字體加大

<SMALL></SMALL> 字體縮小

<DELECT></DELECT> 加刪除線

<CODE></CODE>程式碼

< KBD></KBD>鍵盤字（英文全稱： K ey B oar D）

<SAMP></SAMP> 範例（英文全稱： SAMPle）

<VAR></VAR> 變量（英文全稱：VARiable）

<BLOCKQUOTE></BLOCKQUOTE> 向右縮排（向右縮進、塊引用）

<DFN></DFN> 述語定義（英文全稱：DeFiNe）

<ADDRESS></ADDRESS>地址標記

<sup></SUP> 上標字（英文全稱：SUPerscript）

<SUB></SUB> 下標字（英文全稱：SUBscript）

<xmp>...</xmp>；固定寬度字體（在文件中空白、換行、定位功能有效）

<plaintext>...</plaintext>；固定寬度字體（不執行標記符號）

<listing>...</listing> 固定寬度小字體

<font color=00ff00>...</font>；字體顏色

<font size=1>...</font>；字體大小等於1（最小）。

<font style ='font-size:100 px'>...</font>；字體樣式等於無限增大（100像素）

格式標誌標籤

<p></p> 建立一個段落（英文全稱： P aragraphs）

<p align=""> 將段落按左、中、右對齊

<br/>定義新行

<blockquote></blockquote> 從兩邊縮進文本

<dl></dl> 定義列表（英文全稱： D efinition L ist）

<dt> 放在每一個定義術語詞前（定義術語、英文全稱：D efinitionT erm）

<dd> 放在每一個定義以前（定義說明、英文全稱：D efinitionD escription）

<ol></ol> 建立一個標有序的列表，默認前面有數字，從數字「1」開始計數，依次疊加，也能夠設置爲字母或從任何天然數開始計數的列表項（有序列表、外語全稱：O rderedL ist）

<ul></ul> 建立一個無序的列表，默認前面標有圓點，也能夠本身設置爲none或者其餘形狀，如空心圓、方塊等。（無序列表、外語全稱：U norderedL ists）

<li> 放在每一個列表項以前，若在<ol></ol>；之間則每一個列表項加上一個數字，

若在<ul></ul>；之間則每一個列表項加上一個圓點

<div align=""></div> 用來排版大塊HTML段落，也用於格式化表

<MENU> 選項清單

<DIR> 目錄清單

<nobr></nobr> 強行不換行（英文全稱：nobr eaking）

<hr size='9' width='80%' color='ff0000'>；水平線（設定寬度、外語全稱：horizontalrule）

<center></center> 水平居中

網頁表格標籤

因爲表格能夠精確控制文本和圖像在網頁中的顯示位置，因此在不少網站的主頁中通常都使用表格來進行佈局。
　　表格的基本結構以下：

　　<Table>定義整個表格，即表格的內容要放在<Table>和</Table>標記中；在<Table>中的主要屬性：border屬性顯示錶格的邊框，width, height屬性定義表格的大小。<caption>標記符用來定義表格的標題。
　　表格的表示以行爲單位，在行中包含列。其中：一個<tr>...</tr>標記表示一行；一個<td>...</td>標記表示一列；<th>... </th>定義表頭，通常能夠不用。

連接標誌表格標誌

 
        < 
        a 
       
        href 
        = 
        "一個統一資源定位器" 
        ></ 
        a 
        >

：建立超文本連接。

：建立位於文檔內部的書籤。

：建立指向位於文檔內部書籤的連接。

使用

每種HTML標記符在使用中可帶有不一樣的屬性項，用於描述該標記符說明的內容顯示不一樣的效果。正文標記符中提供如下屬性來改變文本的顏色及頁面背景。

BGCOLOR（外語全稱：BackgroundColor）用於定義網頁的 背景色， BACKGROUND用於定義網頁背景圖案的圖像文件

TEXT用於定義正文字符的顏色，默認爲黑色

LINK用於定義網頁中超級連接字符的顏色，默認爲藍色

VLINK（外語全稱：V isitedLINK）用於定義網頁中已被 訪問過的超接連接字符的顏色，默認爲紫紅色

ALINK（中文全稱：活動連接）用於定義被鼠標選中，但未使用時超鏈字符的顏色，默認爲紅色

例如：標記將定義頁面的背景色爲黑色，正文字體顯示爲白色。

以上屬性使用中，須要對顏色進行說明，在HTML中對顏色可以使用3種方法說明顏色屬性值，即直接顏色名稱、 16進制顏色代碼、10進制 RGB碼。

直接顏色名稱，能夠在代碼中直接寫出顏色的英文名稱。如<font color="red">咱們</font>，在瀏覽器上顯示時就爲紅色。

16進制顏色代碼，語法格式： #RRGGBB 。16進制顏色代碼以前必須有一個「#」號，這種顏色代碼是由三部分組成的，其中前兩位表明紅色，中間兩位表明綠色，後兩位表明藍色。不一樣的取值表明不一樣的顏色，他們的取值範圍是00--FF。如<font color="#FF0000">咱們</font>，在瀏覽器上顯示一樣爲紅色。

10進制 RGB碼，語法格式： RGB(RRR,GGG,BBB) 。在這種表示法中，後面三個參數分別是紅色、綠色、藍色，他們的取值範圍是0--255。以上兩種表達方式能夠相互轉換，標準是16進制與10進制的相互轉換。如<font color="rgb(255,0,0)">咱們</font>，在瀏覽器上顯示字體爲紅色。

使用圖案代替背景顏色，可使頁面更生動、美觀。

現在用一張大圖當作網頁的背景已經成爲一種流行趨勢，高質量的精美照片和抽象的設計圖片可以給網站的外觀帶去深入的影響。

可將圖像文件「圖像.gif」所表示的一幅圖像做爲頁面的背景，若圖像幅面不夠大，將會將圖像重複平鋪在窗口中。

註釋

 
        <!--百度百科：這是壹條註釋，且不會呈如今渲染器或者網絡瀏覽器之上。-->

其餘版本

和 XHTML之間的差別：

xmlns 屬性在 XHTML中是必需的，但在 HTML中不是。不過，即便 XHTML文檔中的 <html> 沒有使用此屬性，W3C 的驗證器也不會報錯。這是由於 "xmlns= 百度" 是一個固定值，即便您沒有包含它，此值也會被添加到 <html> 標籤中。

關聯項目

標準通用標記語言

標準通用標記語言實體

文檔類型定義（外語縮寫： DTD）

！文檔類型（外語全稱加縮寫： !doctype）

CSS+ div

Html5（超文本標記語言五）

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。