1. 程式人生 > >小白必備-前端知識點(html)

小白必備-前端知識點(html)

1.常用的瀏覽器的測試及核心(五大瀏覽器、四大核心)

種類:Chrome、Firefox、Ie、Safari、Opera
核心:Trident(也稱IE核心)、webkit、Blink、Gecko
Opera(是跨平臺瀏覽器可以在Windows、Mac和Linux三個作業系統平臺上執行)
Safari是蘋果計算機的作業系統Mac OS中的瀏覽器
其他:
1、IE瀏覽器核心:Trident核心,也是俗稱的IE核心;
2、Chrome瀏覽器核心:統稱為Chromium核心或Chrome核心,以前是Webkit核心,現在是Blink核心;
3、Firefox瀏覽器核心:Gecko核心,俗稱Firefox核心;
4、Safari瀏覽器核心:Webkit核心;
5、Opera瀏覽器核心:最初是自己的Presto核心,後來是Webkit,現在是Blink核心;
6、360瀏覽器、獵豹瀏覽器核心:IE+Chrome雙核心;
7、搜狗、遨遊、QQ瀏覽器核心:Trident(相容模式)+Webkit(高速模式);
8、百度瀏覽器、世界之窗核心:IE核心;
9、2345瀏覽器核心:以前是IE核心,現在也是IE+Chrome雙核心;

2.介紹一下你對瀏覽器核心的理解?

主要分成兩部分:渲染引擎(layout engineer或RenderingEngine)和JS引擎。

渲染引擎:負責取得網頁的內容(HTML、XML、影象等等)、我們組建一大牛裙前面是4七一,整理訊息(例如加入CSS等),中間是零2七,以及計算網頁的顯示方式,後面是壹武四,是學習的就加,不是學習的請勿打擾。然後會輸出至顯示器或印表機。瀏覽器的核心的不同對於網頁的語法解釋會有不同,所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網路內容的應用程式都需要核心。

JS引擎則:解析和執行javascript來實現網頁的動態效果。

最開始渲染引擎和JS引擎並沒有區分的很明確,後來JS引擎越來越獨立,核心就傾向於只指渲染引擎。

3. html5有哪些新特性?如何處理HTML5新標籤的瀏覽器相容問題?如何區分 HTML 和 HTML5?

(Q1)
HTML5 現在已經不是 SGML 的子集,主要是關於影象,位置,儲存,多工等功能的增加。
(1)新的API:繪畫 canvas 、用於媒介回放的 video 和 audio 元素;
(3)本地離線儲存: localStorage 長期儲存資料,瀏覽器關閉後資料不丟失;
sessionStorage 的資料在瀏覽器關閉後自動刪除;
(5)語義化更好的內容元素,比如 article、footer、header、nav、section;
(6)表單控制元件,calendar、date、time、email、url、search;
(7)新的技術webworker, websocket, Geolocation;

4、簡述一下你對HTML語義化的理解?

用正確的標籤做正確的事情。

(1)html語義化讓頁面的內容結構化,結構更清晰,便於對瀏覽器、搜尋引擎解析;
(2)即使在沒有樣式CSS情況下也以一種文件格式顯示,並且是容易閱讀的;
(3)搜尋引擎的爬蟲也依賴於HTML標記來確定上下文和各個關鍵字的權重,利於SEO(Search Engine Optimization):漢譯為搜尋引擎優化;
(4)使閱讀原始碼的人對網站更容易將網站分塊,便於閱讀維護理解。

5. HTML5 為什麼只需要寫 ?

  1. HTML5不基於 SGML,因此不需要對DTD進行引用,SGML標準通用標記語言 外文名 Standard Generalized Markup language
  2. 而HTML4.01基於SGML,所以需要對DTD進行引用,才能告知瀏覽器文件所使用的文件型別。
  3. 但是需要doctype來規範瀏覽器的行為(讓瀏覽器按照它們應該的方式來執行)。
    說明:DTD(文件型別定義)的作用是定義 XML 文件的合法構建模組。
    DTD 可被成行地聲明於 XML 文件中,也可作為一個外部引用。

6.頁面匯入樣式時,使用link和@import有什麼區別?

(1)link屬於XHTML標籤,除了載入CSS外,還能用於定義RSS, 定義rel連線屬性等作用;而@import是CSS提供的,只能用於載入CSS;
(2)頁面被載入的時,link會同時被載入,而@import引用的CSS會等到頁面被載入完再載入;
(3)import是CSS2.1 提出的,只在IE5以上才能被識別,而link是XHTML標籤,無相容問題。