什麼是 HTML？ * HTML 超文本標記語言的縮寫(**H**yper **T**ext **M**arkup **L**anguage) * HTML 並不是編程語言，而是一種標記語言(markup language) * 標記 <英文單詞或者字母>稱為標記，一個HTML頁面都是由各種標記組... ...
初識HTML和WEB標準
什麼是 HTML？
- HTML 超文本標記語言的縮寫(Hyper Text Markup Language)
- HTML 並不是編程語言，而是一種標記語言(markup language)
- 標記 <英文單詞或者字母>稱為標記，一個HTML頁面都是由各種標記組成。
- 標記語言 一套標記標簽(markup tag)
- 標記語言 和編程語言有一個編譯過程不一樣，它是直接將HTML頁面交由瀏覽器解析執行的。
- HTML 使用標記標簽來描述網頁，用於描述超文本內容的顯示方式，如字體，顏色，大小等。
- 超文本基本特征就是可以超鏈接文檔。
- 這些標記標簽在瀏覽器解析完展示給用戶看的時候是不會出現在頁面的。
HTML 有什麼用？
- 作用 HTML用於描述文檔語義。(html中，除了語義，其他什麼都沒有)
什麼是HTML 標簽？
* HTML 標記標簽通常被稱為 HTML 標簽(HTML tag)
* HTML 標簽是由尖括弧包圍的關鍵詞，如<html>。
* HTML 標簽通常是成對出現的，如<p>和</p>。
* 標簽對中的第一個標簽是開始標簽，第二個(通常帶"/"號)標簽是結束標簽。
* 開始標簽和結束標簽也被稱為開放標簽和閉合標簽。HTML標簽 有什麼用？
- 作用: 不同的HTML標簽給文本不同的語義。
- 面試的時候問你，h1標簽有什麼作用？
- 正確答案: h1標簽用於給文本增加主標題的語義，且一個頁面中只能有一個h1標簽(文章名稱只能有一個)
- 錯誤答案: h1標簽用於給文字加粗，加黑，增大。
- 面試的時候問你，h1標簽有什麼作用？
HTML 文檔 = 網頁
web 瀏覽器的作用是讀取HTML文檔，並將其以網頁的形式顯示，瀏覽器不會顯示當中的HTML標簽，而是使用標簽來解析頁面的內容。
- HTML文檔 用於描述網頁。
- HTML文檔 包含HTML標簽和純文本。
- HTML文檔 被稱為網頁(通俗術語)
- 網頁 可以看成是由各種標記組成的一個頁面。
- 主頁(首頁) 網站的起始頁面或者導航頁面。
例：
<html>
<!-- 放在此類標簽是註釋，<html> 與 </html> 之間的文本用於描述網頁 -->
<body>
<!-- <body> 與 </body> 之間的文本是可見的頁面內容主體正文 -->
<h1> 主標題：鐵樂與貓學習HTML </h1>
<!-- <h1> 與 </h1> 之間的文本被顯示為主標題，有且只有一個 -->
<p> 正文段落：學習HTML的第一天。</p>
<!-- <p> 與 </p> 之間的文本被顯示為段落 -->
</body>
</html>
WEB標準
- w3c 萬維網聯盟組織，制定web標準的機構。
- 官方鏈接：w3c官網
- web標準 製作網頁遵循的規範，它不是一個標準，而是一系列標準的集合。
- 網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為（Behavior）
- 對應web標準也分三方面：結構化標準語言、表現標準語言、行為標準。
- 結構化標準語言：主要是XHTML和XML，用於描述網頁。
- 表現標準語言：主要是CSS，用於對網頁進行美化。
- 行為標準：主要包括對象模型（如W3C DOM）、ECMAScript等，JS讓網頁富有生命力，動態。
代碼標準
- 必須結束標記
- HTML可以打開多個標簽而不要求一定要寫對應的結束標簽來關閉它們。
- 這在XHTML中是不合法的。另外約定俗成也必須帶結束標記。
- XHTML要求有嚴謹的結構，所有標簽必須關閉。
如果是單獨不成對的標簽，在標簽最後加一個"/"來關閉它。
* 雙邊標記 <span\></span> * 單邊標記 <br>轉成<br />
- 小寫元素
- HTML對大小寫不敏感，XHTML對大小寫敏感。
- XHTML要求所有的標簽和屬性的名字都必須使用小寫。
- 大小寫夾雜也是不被認可的。
- 例dreamweaver自動生成的屬性名字"onMouseOver"也必須修改成"onmouseover"。
- 合理嵌套
所有的嵌套都必須按順序。
* 例<p><b></p></b>必須修改為<p><b></b></p>- 一層一層的嵌套必須是嚴格對稱。
- 屬性值加引號
在HTML中，沒有強制給屬性值加引號，但在XHTML中，必須被加引號。
* 例<height=90>必須修改為：<height="90">- 特殊情況需要在屬性值中使用雙引號時可以用相應代表的特殊符號去引用。
特殊符號
* 任何小於號(<)，只要不是標簽的一部分，都必須被編碼為< * 任何大於號(>)，只要不是標簽的一部分，都必須被編碼為> * 任何與符號(&)，只要不是實體的一部分，都必須被編碼為& * 註：上面的特殊符號中間沒有空格，且後面帶分號。- 所有屬性賦值
- XHTML規定所有屬性都必須有一個值，沒有值的就重覆本身。
- "--"在註釋中
- “--”只能發生在XHTML註釋的開頭和結束，也就是說，在內容中它們不再有效。
以上標準雖然只在XHMTL中要求規範，HTML中不算不合法，但程式員預設還是要遵循它們的。
HTML的基本語法特征
- HTML對換行不敏感，對tab不敏感，換多少行和tab多少都不影響頁面的結構。
- HTML並不依靠縮進來表示嵌套，而是直接看標簽的包裹關係。
- 但是良好的縮進有助於閱讀和理解代碼，所以最好還是正確的使用縮進標簽。
- 空白摺疊現象
- HTML中所有的文字之間，如果有空格、換行、tab都只會被摺疊成一個空格顯示。
- 標簽要嚴格封閉
HTML與XHTML
- XHTML：Extensible Hypertext Markup Language，可擴展超文本標註語言。
- 在XHTML中的字母X，表示“嚴格的”。
- XHMTL與HTML4.0的標記基本上一樣。
- XHTML不同於HTML4.0，可稱之為嚴格嚴謹的、純凈的HTML。
- XHTML的主要目的是為了規範HTML4.0，也可以理解為HTML4.0的升級版。
- 但是真正的升級版，HTML5極大的簡化了DTD(規範)，也就是說HTML5中就不用區分XHTML和HTML了。
- HTML的標記書寫很不規範，有可能會造成其它的設備(ipad、手機、電視等)無法正常顯示。
- HTML4.01裡面規定了普通和XHTML兩大種規範。
- HTML4.01這個版本是IE6開始相容的。
- HTML5是IE9開始相容的。
文：鐵樂與貓
2018-5-21
參考：
1、HTML簡介
2、html介紹和head標簽
3、baidu百科：web標準
