web前端 -- Day8基礎知識

文檔類型

<!DOCTYPE> 標簽位于文檔的最前面,用于向瀏覽器說明當前文檔使用哪種 HTML 或 XHTML 標準規(guī)范,必需在開頭處使用<!DOCTYPE>標簽為所有的XHTML文檔指定XHTML版本和類型,只有這樣瀏覽器才能按指定的文檔類型進行解析。

注意事項: 一些老網站可能用的還是老版本的文檔類型比如 XHTML之類的,但是我們學的是HTML5,而且HTML5的文檔類型兼容很好(向下兼容的原則),所以大家放心的使用HTML5的文檔類型就好了

字符集

1、utf-8是目前最常用的字符集編碼方式,常用的字符集編碼方式還有gbk和gb2312。
2、gb2312 簡單中文 包括6763個漢字。
3、BIG5 繁體中文港澳臺等用。
4、GBK包含全部中文字符 是GB2312的擴展,加入對繁體字的支持,兼容GB2312。
5、UTF-8則包含全世界所有國家需要用到的字符。

注意事項:記住一點,以后我們統(tǒng)統(tǒng)使用UTF-8 字符集, 這樣就避免出現(xiàn)字符集不統(tǒng)一而引起亂碼的情況了?;蚴歉鶕_發(fā)需求同意定義字符集,避免出現(xiàn)亂碼。

瀏覽器內核

瀏覽器內核又可以分成兩部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎

渲染引擎負責取得網頁的內容(HTML、XML、圖像等等)、整理訊息(例如加入 CSS 等),以及計算網頁的顯示方式,然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同,所以渲染的效果也不相同。
JS 引擎則是解析Javascript 語言,執(zhí)行 javascript語言來實現(xiàn)網頁的動態(tài)效果。

最開始渲染引擎和 JS 引擎并沒有區(qū)分的很明確,后來 JS 引擎越來越獨立,內核就傾向于只指渲染引擎。有一個網頁標準計劃小組制作了一個 ACID 來測試引擎的兼容性和性能。內核的種類很多,如加上沒什么人使用的非商業(yè)的免費內核,可能會有10多種,但是常見的瀏覽器內核可以分這四種:Trident、Gecko、Blink、Webkit。

1、Trident(IE內核)
國內很多的雙核瀏覽器的其中一核便是 Trident,美其名曰 "兼容模式"。
代表: IE、傲游、世界之窗瀏覽器、Avant、騰訊TT、獵豹安全瀏覽器、360極速瀏覽器、百度瀏覽器等。
Window10 發(fā)布后,IE 將其內置瀏覽器命名為 Edge,Edge 最顯著的特點就是新內核 EdgeHTML。

2、Gecko(firefox)
Gecko(Firefox 內核): Mozilla FireFox(火狐瀏覽器) 采用該內核,Gecko 的特點是代碼完全公開,因此,其可開發(fā)程度很高,全世界的程序員都可以為其編寫代碼,增加功能。 可惜這幾年已經沒落了, 比如 打開速度慢、升級頻繁、豬一樣的隊友flash、神一樣的對手chrome。

3、webkit(Safari)
Safari 是蘋果公司開發(fā)的瀏覽器,所用瀏覽器內核的名稱是大名鼎鼎的 WebKit。
現(xiàn)在很多人錯誤地把 webkit 叫做 chrome內核(即使 chrome內核已經是 blink 了),蘋果感覺像被別人搶了媳婦,都哭暈再廁所里面了。
代表瀏覽器:傲游瀏覽器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手機瀏覽器、Android 默認瀏覽器,

4、Chromium/Blink(chrome)
在 Chromium 項目中研發(fā) Blink 渲染引擎(即瀏覽器核心),內置于 Chrome 瀏覽器之中。Blink 其實是 WebKit 的分支。
大部分國產瀏覽器最新版都采用Blink內核。二次開發(fā)

5、Presto(Opera)
Presto(已經廢棄) 是挪威產瀏覽器 opera 的 "前任" 內核,為何說是 "前任",因為最新的 opera 瀏覽器早已將之拋棄從而投入到了谷歌懷抱了。

web標準構成

Web標準不是某一個標準,而是由W3C和其他標準化組織制定的一系列標準的集合。主要包括結構(Structure)、表現(xiàn)(Presentation)和行為(Behavior)三個方面。

1、結構標準:結構用于對網頁元素進行整理和分類,咱們主要學的是HTML, 最重要。
2、表現(xiàn)標準:表現(xiàn)用于設置網頁元素的版式、顏色、大小等外觀樣式,主要指的是CSS。
3、行為標準:行為是指網頁模型的定義及交互的編寫,咱們主要學的是 Javascript

理想狀態(tài)源碼: .HTML .css .js

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容