HTML 面試題總結

2021-09-13 22:15:21 字數 1667 閱讀 4293

宣告文件的解析型別(document.compatmode),避免瀏覽器的怪異模式。有以下兩個值:

這個屬性會被瀏覽器識別並使用,但是如果你的頁面沒有doctype的宣告,瀏覽器按照自己的方式解析渲染頁面(怪異模式),在不同的瀏覽器就會顯示不同的樣式。

注意以下幾點:

在 html 4.01 中, 宣告引用 dtd,因為 html 4.01 基於 sgml。dtd 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容。 html5 不基於 sgml,所以不需要引用 dtd。

兩者的區別:

在 standards mode 下,non-replaced inline 元素無法自定義大小,而在 quirks mode 下,定義這些元素的 width 和 height 屬性,能夠影響該元素顯示的大小尺寸。

當乙個元素使用百分比高度時,在 standards mode 下,高度取決於內容的變化,而在 quirks mode 下,百分比高度則被正確應用。

在 standard mode 下,overflow 取預設值 visible,即溢位可見,這種情況下,溢位內容不會被裁剪,呈現在元素框外。而在 quirks mode 下,該溢位被當做擴充套件 box 來對待,即元素的大小由其內容決定,溢位不會被裁剪,元素框自動調整,包含溢位內容

主要的不同:

考慮:

具體做法:

data-為前端開發者提供自定義的屬性,這些屬性集可以通過物件的dataset屬性獲取,不支援該屬性的瀏覽器可以通過 getattribute方法獲取

共同點:都是儲存在瀏覽器端,且同源的。

注意:session 在瀏覽器端只儲存sessionid,session資料儲存在伺服器端,且session是不能區分路徑的。此處討論的sessionstorage和localstorage為html5特性

區別:

web storage帶來的好處:

服務端儲存:

伺服器端也可以儲存使用者的臨時會話資料。伺服器端的session機制,如jsp的 session 物件,資料儲存在伺服器上。 實現上,伺服器和瀏覽器之間僅需傳遞session id即可,伺服器根據session id找到對應使用者的session物件。會話資料僅在一段時間內有效,這個時間就是server端設定的session有效期。 伺服器端儲存所有的使用者的資料,所以伺服器端的開銷較大,而瀏覽器端儲存則把不同使用者需要的資料分布儲存在使用者各自的瀏覽器中。瀏覽器端一般只用來儲存小資料,而伺服器可以儲存大資料或小資料。伺服器儲存資料安全一些,瀏覽器只適合儲存一般資料。

通過script標籤載入js檔案時,如果載入過慢,或者出錯,有可能會阻塞整個頁面的載入,這時就需要js的非同步載入,兩個屬性可支援非同步載入:

css放在head中:

js放在/body之前:

例外:js如果需要先載入後執行可以寫在頭里(當指令碼使用 defer 方式載入的時候可以不用約束放置的位置。)

語義化的好處:

語義化的html就是:標題用h1-h6,文字段落用p,列表用ul li,大致如此

面試題總結 html面試題)

附上鏈結 doctype 的作用是什麼?宣告一般位於文件的第一行,它的作用主要是告訴瀏覽器以什麼樣的模式來解析文件。一般指定了之後會以標準模式來 進行文件解析,否則就以相容模式進行解析。在標準模式下,瀏覽器的解析規則都是按照最新的標準進行解析的。而在相容模式下,瀏 覽器會以向後相容的方式來模擬老式瀏...

HTML面試題總結

宣告一般位於文件的第一行,它的作用主要是告訴瀏覽器以什麼樣的模式來解析文件。一般指定了之後會以標準模式來 進行文件解析,否則就以相容模式進行解析。在標準模式下,瀏覽器的解析規則都是按照最新的標準進行解析的。而在相容模式下,瀏 覽器會以向後相容的方式來模擬老式瀏覽器的行為,以保證一些老的 的正確訪問。...

html面試題目

1 必考 你是如何理解 html 語義化的?用正確的標籤做正確的事情。html語義化讓頁面的內容結構化,結構更清晰,便於對瀏覽器 搜尋引擎解析 即使在沒有樣式css情況下也以一種文件格式顯示,並且是容易閱讀的 搜尋引擎的爬蟲也依賴於html標記來確定上下文和各個關鍵字的權重,利於seo 使閱讀源 的...