前端面試筆記 - html

時間 2019-12-06

原文原文鏈接

doctype(文檔類型) 的做用是什麼？

doctype聲明指出閱讀程序應該用什麼規則集來解釋文檔中的標記html

瀏覽器標準模式 (standards mode) 、幾乎標準模式（almost standards mode）和怪異模式 (quirks mode) 之間的區別是什麼？

在怪異模式下，排版會模擬 Navigator 4 與 Internet Explorer 5 的非標準行爲。爲了支持在網絡標準被普遍採用前，就已經建好的網站，這麼作是必要的。在標準模式下，行爲即（希望如此）由 HTML 與 CSS 的規範描述的行爲。在接近標準模式下，只有少數的怪異行爲被實現。瀏覽器

HTML 和 XHTML 有什麼區別？

xhtml擁有更加嚴格的標籤檢查cookie

XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關閉。
標籤名必須用小寫字母。
XHTML 文檔必須擁有根元素。網絡

若是頁面使用 'application/xhtml+xml' 會有什麼問題嗎？

會使舊的IE版本出錯，IE8如下不支持XMLsession

若是網頁內容須要支持多語言，你會怎麼作？

<html lang="en">
<div lang="es">Yo no hablo español</div>
<div lang="fr">Je ne parle pas français</div>app

在設計和開發多語言網站時，有哪些問題你必需要考慮？

不一樣地區要作本地化處理而不是簡單的翻譯
給用戶一個選擇語言的地方dom

使用 data- 屬性的好處是什麼？

保存數據，易於追蹤異步

若是把 HTML5 看做作一個開放平臺，那它的構建模塊有哪些？

請描述 cookies、sessionStorage 和 localStorage 的區別。

Cookie:
最大4093比特，能夠設置獲取時間，每次請求都發送async

sessionStorage：
最大5-10M，保存在瀏覽器中，每一個tab一個，不會在請求裏發送網站

localStorage:
最大5-10M，保存在瀏覽器中，不會在請求裏發送，持久保存

請解釋 <script>、<script async> 和 <script defer> 的區別

<script>會阻塞網頁，直到js所有加載
<script async>異步加載，不會阻塞，不安順序
<script defer>會在網頁解析完後和onload以前加載,按照順序加載
async和defer保證文檔的後續解析和腳本下載同時進行，而且都是異步的，async會在腳本下載完成後當即執行，defer會在全部文檔解析完成以後，在domcontentloaded以前執行