HTML:
-
什麼是 HTML?
HTML 是用來描述網頁的一種語言。
- HTML 指的是超文本標記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言,而是一種標記語言 (markup language)
- 標記語言是一套標記標籤 (markup tag)
- HTML 使用標記標籤來描述網頁
2.HTML 標籤
HTML 標記標籤通常被稱爲 HTML 標籤 (HTML tag)。
- HTML 標籤是由尖括號包圍的關鍵詞,比如 <html>
- HTML 標籤通常是成對出現的,比如 <b> 和 </b>
- 標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤
- 開始和結束標籤也被稱爲開放標籤和閉合標籤
3.HTML 文檔 = 網頁
- HTML 文檔描述網頁
- HTML 文檔包含 HTML 標籤和純文本
- HTML 文檔也被稱爲網頁
Web 瀏覽器的作用是讀取 HTML 文檔,並以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標籤,而是使用標籤來解釋頁面的內容:
例子解釋:
- <html> 與 </html> 之間的文本描述網頁
- <body> 與 </body> 之間的文本是可見的頁面內容
- <h1> 與 </h1> 之間的文本被顯示爲標題
- <p> 與 </p> 之間的文本被顯示爲段落
4.HTML 標題
HTML 標題(Heading)是通過 <h1> - <h6> 等標籤進行定義的。
eg:
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<p>請僅僅把標題標籤用於標題文本。不要僅僅爲了產生粗體文本而使用它們。請使用其它標籤或 CSS 代替。</p>
</body>
</html>
結果:
5.HTML 段落
HTML 段落是通過 <p> 標籤進行定義的。
<html>
<body>
<p>這是段落。</p>
<p>這是段落。</p>
<p>這是段落。</p>
<p>段落元素由 p 標籤定義。</p>
</body>
</html>
結果:
還有很多,你們還是回到開頭點開超鏈接瞭解一下哈。官方的內容總是那麼的冗餘但是詳細。
XHTML :
XHTML 是什麼?
- XHTML 指可擴展超文本標籤語言(EXtensible HyperText Markup Language)。
- XHTML 的目標是取代 HTML。
- XHTML 與 HTML 4.01 幾乎是相同的。
- XHTML 是更嚴格更純淨的 HTML 版本。
- XHTML 是作爲一種 XML 應用被重新定義的 HTML。
- XHTML 是一個 W3C 標準。
-
XHTML 與 HTML 4.01 兼容。所有新的瀏覽器都支持 XHTML。
XHTML 是以 XML 格式編寫的 HTML。
- 那什麼是XML呢?
- XML 指可擴展標記語言
- XML 被設計用來傳輸和存儲數據。
- 1. 什麼是 XML?
- XML 指可擴展標記語言(EXtensible Markup Language)
- XML 是一種標記語言,很類似 HTML
- XML 的設計宗旨是傳輸數據,而非顯示數據
- XML 標籤沒有被預定義。您需要自行定義標籤。
- XML 被設計爲具有自我描述性。
- XML 是 W3C 的推薦標準
2.XML 與 HTML 的主要差異
- XML 不是 HTML 的替代。
- XML 和 HTML 爲不同的目的而設計:
- XML 被設計爲傳輸和存儲數據,其焦點是數據的內容。
- HTML 被設計用來顯示數據,其焦點是數據的外觀。
- HTML 旨在顯示信息,而 XML 旨在傳輸信息。
最主要的不同:
-
XHTML 元素必須被正確地嵌套。
- XHTML 元素必須被關閉。
- 標籤名必須用小寫字母。
- XHTML 文檔必須擁有根元素。
XML 沒什麼特別的。它僅僅是純文本而已。有能力處理純文本的軟件都可以處理 XML。
不過,能夠讀懂 XML 的應用程序可以有針對性地處理 XML 的標籤。標籤的功能性意義依賴於應用程序的特性。
XML 沒有預定義的標籤。在 HTML 中使用的標籤(以及 HTML 的結構)是預定義的。HTML 文檔只使用在 HTML 標準中定義過的標籤(比如 <p> 、<h1> 等等)。XML 允許創作者定義自己的標籤和自己的文檔結構。
XML 不是對 HTML 的替代。XML 是對 HTML 的補充。XML 不會替代 HTML,理解這一點很重要。
目前,XML 在 Web 中起到的作用不會亞於一直作爲 Web 基石的 HTML。
XML 無所不在。XML 是各種應用程序之間進行數據傳輸的最常用的工具,並且在信息存儲和描述領域變得越來越流行。
“當 XML(擴展標記語言)於 1998 年 2 月被引入軟件工業界時,它給整個行業帶來了一場風暴。有史以來第一次,這個世界擁有了一種用來結構化文檔和數據的通用且適應性強的格式,它不僅僅可以用於 WEB,而且可以被用於任何地方。”
---《Designing With Web Standards Second Edition》, Jeffrey Zeldman
HTML5:
HTML5 與以往html的區別
- 1-DOCTYPE及字符編碼
<!doctype html>
<meta charset="utf-8">
<html lang="zn-CN">
- 2-大小寫都可以
- 3-布爾值
<input type="checkbox" checked /> //表示true
<input type="checkbox"/> //表示false
- 4-省略引號
- 5-可以進行省略的標籤
除了不允許寫結束符的標籤(比如:img,input,hr,br,link,meta等等),一般都沒必要省略,代碼規範易讀一些
- 文檔結構
大綱是依靠header元素中的h1-h6元素來生成的
小技巧
在header元素中,使用如下代碼,既可以用圖片來顯示企業名稱,又可以生成大綱。
<header> <h1><img src="title.jpg" alt="企業名稱"></h1> </header>
- 補充拓展
在HTML5中,body元素、blockquote元素、fieldset元素、td元素、details元素以及figure元素被稱爲節根元素。共同特徵是擁有自己獨立的大綱,並且這些元素內的section、article元素、標題元素、nav、aside等,只用在生成其父元素的大綱時。
XHTML 是 XML 風格的 HTML 4.01。
HTML5 是下一代 HTML,取代 HTML 4.01。
XHTML是基於XML發佈的HTML規範,旨在規範HTML的格式。
兩者提出的目的是不一樣的,W3C 原本確實計劃用 XHTML 系列替代 HTML 4.01XHTML 興起,它的地位就被 HTML5 取代了。
HTML5相比XHTML,新增一些特性:
1. 用於繪畫的 canvas 元素;
2. 用於媒介回放的 video 和 audio 元素;
3. 對本地離線存儲的更好的支持;
4. 新的特殊內容元素,比如 article、footer、header、nav、section;
5. 新的表單控件,比如 calendar、date、time、email、url、search。
瀏覽器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 將支持某些 HTML5 特性。
HTML5添加了許多新的語法特徵,其中包括<video>
、<audio>
和<canvas>
元素,同時集成了SVG內容。這些元素是爲了更容易的在網頁中添加和處理多媒體和圖片內容而添加的。其它新的元素如<section>
、<article>
、<header>
和<nav>
則是爲了豐富文檔的數據內容。新的屬性的添加也是爲了同樣的目的。同時也有一些屬性和元素被移除掉了。一些元素,像<a>
、<cite>
和<menu>
被修改,重新定義或標準化了。同時APIs和DOM已經成爲HTML5中的基礎部分了。HTML5還定義了處理非法文檔的具體細節,使得所有瀏覽器和客戶端程序能夠一致地處理語法錯誤。
等我下次來擴充T-T啦啦啦啦