第六章 嚴肅的HTML 標準及其他

2021-07-26 16:42:09 字數 3423 閱讀 5794

html版本

描述html1.0~html2.0(1989~1991)

關於html需要知道的東西並不多,且頁面不好看,不過至少已經支援超文字。沒有人關心表現,幾乎web上的每乙個人都有他們自己的「主頁」。

html3(1995)

那時正經歷漫長、殘酷的「瀏覽器戰爭」。netspace和microsoft都在試圖爭霸世界。在這場戰爭中,每個瀏覽器公司都在不斷增加自己的專用擴充套件包,試圖保持領先,軍備競賽就此展開。不僅如此,那個時候,通常你必須寫兩個單獨的web頁面:乙個用於netspace瀏覽器,另乙個用於internet explorer。

html4(1998)

全球資訊網協會(world wide web consortium),又稱為w3c,制定了乙個計畫:建立乙個唯一的html「標準」,這個計畫的關鍵是將html的結構和表現分解到兩種語言,一種語言用於實現結構(html),另一種語言用於表現(css),另外要求獲得最大利益的瀏覽器製造商採用這些標準。

html4.01(1999)

html4.01在2023年閃亮登場,成為接下來十年中html的「必備」版本。4.01與4.0並沒有太大變化,只是在一些方面做了些修補。

xhtml1.0(2001)

那時乙個新興事物開始引起所有人的注意,這個新興事物就是xml。最後html和xml不情願地結合在一起,xhtml1.0就此誕生。xhtml承諾,由於他的嚴格,再加上他提供的一些新方法,只要遵循這個標準, web的所有爭端將就此平息。唯一的問題是,大多數人們很討厭xhtml。他們並不想要一種編寫web頁面的新方法,只是希望改進html4.01已有的特性。web開發人員對html的靈活性更感興趣,而不是xhtml的嚴格性。另外,這些開發人員越來越希望把時間用來建立更像是引用的web頁面,而不只是文件。

html5(2009~)

我們找到了一些古老的html4.01和xhtml1.1頁面。這些頁面使用了乙個doctype,放在html頁面的最上面,告訴瀏覽器所使用的html版本。

這裡為瀏覽器指定了這個頁面的文件型別。注意:這不是乙個html元素,在開始的「

這仍然是乙個html版本(結合xml的版本),這個對應xhtml1.1版本,另外它還有乙個url指向xhtml1.1的定義。

現在我們很清楚原來的doctype相當複雜,版本號和醜陋的語法混雜在一起。不過隨著html5的到來,doctype已經得到簡化,所以現在我們要做的就是告訴瀏覽器我們在使用「html」,不用再擔心特定的版本號或語言,也不同指向某個標準。實際上,當瀏覽器看到:

它就認為你在使用標準html。不再考慮版本號,也不考慮標準在什麼位置,實際上html標準將變成乙個「活的標準」,這意味著它會根據需要繼續發展和變化,不過不再有固定的版本號。

html不會再有版本6、7、8了,因為制定標準的人已經把這個規範變成乙個活的標準,它會隨著技術的發展形成相應的文件,所以不再有版本號,你甚至可以不再把它叫做html5,因為從現在開始它只是「html」。

這裡,我們還須了解乙個知識——向後相容性(backwards compatibility)。向後相容性表示我們可以繼續向html增加新的內容,瀏覽器(最終)會支援這個新內容,不過它還會繼續支援原來的內容。所以,我們今天寫的html頁面將會繼續正常工作,甚至以後增加了新的特性之後也仍然能很好地工作。

問:上面我們提到了規範,那麼它究竟是什麼?

答:規範就是乙個文件,指定了html標準是什麼。也就是說,html中有哪些元素和屬性等這個文件由全球資訊網協會(world wide web consortium,簡稱為w3c)維護。

字元編碼告訴瀏覽器頁面中使用了哪一種字元。

字元編碼為我們提供了一種方法,可以在計算機上表示某種語言中的所有字母、數字和其他符號。你可能知道這樣一些編碼,如ascii,甚至莫爾斯碼,還有很多其他的編碼。幸運的是,如今標準已經統一為unicode字元編碼。採用unicode,一種編碼就可以表示所有語言。要為web頁面指定unicode,需要在html中加乙個標記,如下所示:

charset="utf-8">

如果要是以前的web開發人員,可能還看見過這樣的標記:

這是html4.01和更早版本中標記的格式。在html5中,可以直接寫為

注意:我們須使用utf-8編碼來儲存我們的檔案。因為為伺服器提供的檔案的編碼要與標記中指定的編碼一致

html5的好處有三方面:

在這個簡明指南中,我們把編寫合法html頁面的做法匯集成一組常識性的原則:

一定要以開頭。

每個頁面都要從乙個doctype開始,這樣能讓瀏覽器順利開展工作。任何時候都要使用,除非你確實在寫html4.01或xhtml。

元素:不能沒有它。

緊接著doctype,元素必須是web頁面的最頂層元素或根元素。所以,在doctype後面,由標記開始你的頁面,標記結束頁面,頁面中的所有其他內容都巢狀在這個元素中。

記住,要使用編寫更好的html。

只有元素能直接放在元素中。這說明,所有其他元素都必須放在元素中。沒有例外!

沒有算什麼?

一定要在元素中包含乙個元素。這時雷打不動的原則。如果沒有做到,則會得到不符合標準的html。只能在元素中放置元素。

巢狀某些元素時要當心。

在這裡提供的原則中,巢狀規則相當靈活。不過有一些情況是沒有意義的。不要把元素嵌在另乙個元素中,因為這樣會讓訪問者很迷惑。另外,不允許在等void元素中巢狀其他內聯元素。

檢查屬性!

有些元素屬性是必要的,有些則是可選的。例如,如果元素沒有src屬性,就沒有什麼意義,現在你還知道了,alt屬性也是必要的。在學習過程中,要逐漸熟悉各個元素的必要和可選屬性。

第六章 HTML表單

1 表單是網頁上用於輸入資訊的區域,它的功能是收集使用者資訊,並將這些資訊傳遞給後台伺服器,實現網頁與使用者的溝通。2 完整額表單由表單控制項 表單元素 提示資訊,表單域三個部分構成。表單域 相當於乙個容器,容納所有的表單控制項和提示資訊。可以通過它定義處理表單資料所用程式的url位址,以及資料提交...

HTML第六章作業

1.什麼是盒子模型?盒子模型的屬性有那幾個?它們的作用分別是什麼?1 css將網頁中所有元素都看成乙個個盒子。2 盒子模型屬性有邊框 內邊距和外邊距。3 邊框設定網頁元素邊框的顏色 粗細和樣式 外邊距指與其他盒子之間的距離,也就是指網頁中元素與元素之間的距離,便於精確控制盒子的位置 內邊距用於控制內...

mysql第六章 第六章 mysql日誌

第六章 mysql日誌 一 錯誤日誌 錯誤日誌的預設存放路徑是 mysql 存放資料的地方 hostname.err 1.修改錯誤日誌存放路徑 mysqld log error data mysql mysql.log 2.檢視配置命令 show variables like log error 3...