1.網頁的基本構成
根據w3c標準,乙個頁面由三個部分構成:結構, 表現還有行為動作
結構=>表現=>行為
2.從html的發展歷史說起
看到乙個感興趣的人或者事物,你可能會通過各種方式去獲取他的資訊,比如你從微博上看到乙個小姐姐,你點開後會翻一翻她之前的動態,從而來更多的了解這個人。同樣,通過了解一門程式語言的發展理解,你也會對它有更深的認識。
2023年6月:html第乙個版本發布(非標準)。為什麼說html沒有1.0版本呢,因為當時有不同的html版本,這就造成不同瀏覽器解析html是都有一套自己的規範,有可能在ie上正常顯示的網頁在chrome瀏覽器上不能顯示,瀏覽器之間又誰都不服氣對方,很明顯這樣給開發帶來極大的困難。
2023年11月:html2.0,這是html各個版本的超集
2023年1月:html3.2(w3c推薦),從這一版開始公益組織w3c終於出來主持大局,發布了各瀏覽器相容的模板。這一過程當然也沒有那麼簡單,首先就是標準化的工作很艱難,還有就是一開始瀏覽器根本不鳥w3c,所以就不了了之。直到這一版才被指定的幾個瀏覽器支援。
2023年底:xhtml1.0(w3c推薦),這個版本比之前多出了乙個x,意思是extension,可擴充套件的。這是因為html作為乙個程式語言,w3c發布的規範很晚,導致html的語法規則很鬆散,不能稱之為嚴格的規範。而當時有一款語言xml,語法規則很嚴謹,並且可以實現同樣的功能用於網頁展示,所以w3c希望xml能夠替代html,但是w3c擔心嚴謹的語法規則會讓瀏覽器廠商和程式編寫人員一時間接受不了,所以就發布了乙個過渡版本xhtml,然後再向xml轉變。但是一些瀏覽器站出來堅決反對,期中以mozilla(火狐),opera和蘋果為代表的瀏覽器廠商更是成立了whatwg組織,試圖推行新的標準html5。
2023年10月:html5(w3c推薦) 但是whatwg勢單力薄,這些瀏覽器廠商web領域沒什麼話語權,w3c根本沒有把他們放在眼裡,直到瀏覽器行業的巨頭谷歌瀏覽器也站出來支援html5規範。w3c推行了xhtml三年,發現沒什麼成效,這時候才意識到自己的規範快沒人用了,於是就和whatwg協商,利用自身的話語權優勢一起推進html5規範,並在2023年10月發布了html5。
但是,天下合久必分,分久必合。w3c和whatwg對於html5的理念不同,w3c認為新的語法規則可以在版本更新中新增,比如html5.1,html5.2等等,而whatwg認為html5是相容幷包的,所有的改動改善都是html5,所以現在html5有兩個規範。
3.如何讓瀏覽器識別網頁用的是哪乙個規範?
html總共有那麼多的版本,而且這其中至少有三個版本在廣泛使用,那麼瀏覽器怎麼知道我們在使用哪個版本呢?為了讓瀏覽器知道我們使用的html版本我們還需要在網頁的最上邊新增乙個doctype宣告,來告訴瀏覽器網頁的版本。
html4
• 過渡版
"">
• 嚴格版
"">
• 框架集
"">
xhtml1.0
• 過渡版
">
• 嚴格版
"">
• 框架集
"">
html5
• 我們會發現html4.01和xhtml的文件宣告十分的麻煩。不過不用擔心,以上的內容都不是我們使用的,我們使用的是html5的文
檔宣告,而且非常簡單:
怪異模式
• 為了相容一些舊的頁面,瀏覽器中設定了兩種解析模式:
– 標準模式(standards mode)
– 怪異模式(quirks mode)
• 怪異模式解析網頁時會產生一些不可預期的行為,所以我們應該避免怪異模式的出現。
• 避免的最好方式就是在頁面中編寫正確的doctype。
前端網頁設計基礎知識
是網頁組成的,網頁是構成 的基本元素。實際上網頁是乙個檔案,同常是html格式檔案,網頁經 url 來識別和訪問,當在瀏覽器上輸入 url 後,網頁檔案就會傳送到你計算機上,並通過瀏覽器來解析檔案內容並顯示頁面在瀏覽器上,這些用來編輯html檔案的語言就是前端程式語言。html語言網頁可以分成多種型...
IP基礎知識梳理
離開學校後看書少了很多,發現掌握的ip知識不是很牢,所以在這裡也稍稍梳理下,感覺語言也沒書本上詳盡 完全是筆記形式,望讀者勿噴 ip層 網路層也叫internet層,負責將分組報文從源端傳送到目的端。作用 tcp ip模型 參考 即整個網路上傳送的二進位制資料總結為如下格式 後的鏈路配置為trunk...
jQuery基礎知識梳理
語法 jquery語法是為html元素的選取編制的,可以對元素執行某些操作。基礎語法 selector action 美元符號定義jquery 選擇符 selector 查詢 和 查詢 html元素 jquery的action 執行對元素的操作 文件就緒函式 為防止文件在完全載入之前裕興jquery...