前端教程(4)html介紹
阿新 • • 發佈：2018-05-27
idt 基礎 CA 推出 3年 lang ring 文字 www
一 HTML簡介
用戶使用瀏覽器打開網頁看到結果的過程就是：瀏覽器將服務端的文本文件(即網頁文件)內容下載到本地，然後打開顯示的過程。
而文本文件的文檔結構只有空格和換行兩種組織方式，如此，文本文件在打開顯示時，顯示的效果將會非常非常非常的單一，
為了讓顯示的效果不那麽單調，我們會偏向使用word一類的文本編輯工具來編排文本內容，編排的原理就是：在編輯文件時會選中各部分內容，然後為內容打上不同的標記，比如什麽是標題，什麽是段落，然後存放硬盤裏，等下次打開時，word會識別之前的標記，然後按照預先編排好的結果顯示出來
站在顯示文本內容的角度去看，瀏覽器與word的原理一樣，我們可以將瀏覽器當成一個網頁版的只讀word，瀏覽器也必須有一套自己能識別的標記文本的規範，該規範被稱為HTML,HTML全稱是超文本標記語言（HyperText Markup Language）
“超文本”指的是用超鏈接的方法，將各種不同空間的文字信息組織在一起的網狀文本
“標記”指的是在編輯文本時用特殊的記號標記一下各部分內容的意義，該記號稱之為標簽，比如用標簽h1標記標題，用標簽p標簽段落，如此我們標記一首唐詩就成了如下格式：
<h1>臥石綠</h1> <p>臥石一支綠</p> <p>沃枝回芳脾</p> <p>魚吻臥石水</p> <p>臥石答春綠</p>
這樣瀏覽器在接收到文本內容後，就可以按照事先規定好的記號去顯示各部分的內容，顯示結果如下圖
所以我們學習HTML就是在學習一系列的標簽
HTML註意事項!!!
#1、記號/標簽是不會顯示出來的。 #2、雖然用<h1>標記的文本在顯示時會被加大加粗，但請務必記住，HTML的作用只有一個它是專門用來對文件做記號來標識其語義的（語義指的是該文本是做什麽用的），加大和加粗這種為文本添加樣式的操作並不是HTML擅長的，雖然早期的時候確實也用HTML來制作樣式，但以後我們專門用CSS來做這件事，這也是一種解耦合的思想#3、HTML是一個網頁的主體部分，也是一個網頁的基礎。因為一個網頁可以沒有樣式，可以沒有交互，但是必須要有網頁需要呈現的內容。所以HTML部分是整個前端的基礎。
二 HTML發展史
超文本標記語言（第一版）：在1993年6月作為互聯網工程工作小組（IETF）工作草案發布（並非標準），後來陸續由w3c制定標準
IETF簡介
- IETF是英文Internet Engineering Task Force的縮寫, 翻譯過來就是"互聯網工程任務組"
- IETF負責定義並管理因特網技術的所有方面。包括用於數據傳輸的IP協議、讓域名與IP地址匹配的域名系統（DNS）、用於發送郵件的簡單郵件傳輸協議（SMTP）等
W3C簡介
- W3C是英文World Wide Web Consortium的縮寫， 翻譯過來就是W3C理事會或萬維網聯盟, W3C是全球互聯網最具權威的技術標準化組織.
- W3C於1994年10月在麻省理工學院計算機科學實驗室成立。創建者是萬維網的發明者Tim Berners-Lee
- W3C負責web方面標準的制定，像HTML、XHTML、CSS、XML的標準就是由W3C來定制的。
在HTML的早期發展中，大部分標準都是所謂的retro-spec，即先有實現後有標準。在這種情況下，HTML標準不是很規範，瀏覽器也對HTML頁面中的錯誤相當寬容。這反過來又導致了HTML開發者寫出了大量含有錯誤的HTML頁面 html語言本身有一些缺陷（例如： 內容和形式不能分離；標簽單一；數據不能復用等等），隨著xml的興起人們希望xml來彌補html的不足，但是目前有成千上萬的網頁都是用html編寫的，所以完全使用xml來替代html還為時過早，於是W3C在2000年推出了xhtml1.0， 建立xhtml的目的就是實現從html向xml的過度 為了規範HTML，W3C結合XML制定了XHTML 1.0標準，這個標準沒有增加任何新的標簽，只是按照XML的要求來規範HTML，並定義了一個新的MIME type application/xhtml+xml。W3C的初衷是要求瀏覽器對這個MIME type實行強錯誤檢查，如果頁面有HTML錯誤，就要顯示錯誤信息。但是由於已有的web頁面中已經有了大量的錯誤，很多開發者拒絕使用新的MIME type。W3C不得已，在XHTML 1.0的標準之後增加了一個附錄C，允許開發者使用XHTML語法來寫頁面，同時使用舊的MIME type，application/html，來分發頁面 W3C隨後在XHTML 1.1中取消了附錄C，即使用XHTML 1.1標準的頁面必須用新的MIME type來分發。於是這個標準並沒有很多人采用 有了XHTML的教訓，W3C在制定下一代HTML標準時（HTML5），就將向後兼容作為了一個很重要的原則。HTML5確實引入了許多新的特性，但是它最重要的一個特性是，不會break已有的網頁。你可以將任何已有的網頁的第一行改成<!DOCTYPE html>，它就成也一個HTML5頁面，並且可以照樣在瀏覽器裏正常的展示。 簡而言之 1、HTML語法非常寬松容錯性強; 2、XHTML更為嚴格,它要求標簽必須小寫、必須嚴格閉合、標簽中的屬性必須使用引號引起等等; 3、HTML5是HTML的下一個版本所以除了非常寬松容錯性強以外,還增加許多新的特性HTML和XHTML、HTML5區別
前端教程(4)html介紹