HTML常見面試題

2021-07-31 17:26:25 字數 2798 閱讀 1710

2.1 什麼是 html 語義化?

html語義化,也就是標籤的語義化,指的是通過標籤便能判斷內容具

體語言含義。例如,瀏覽器可以根據h1標籤判斷出標籤包含的內容是標

題,根據p標籤可以判斷出內容是段落等。

2.2 為什麼要 html 語義化?
1. 對搜尋引擎友好。

2. 更容易讓螢幕閱讀器讀取網頁內容。

3. 去掉樣式或樣式丟失的時候頁面仍然能呈現出清晰的結構。

4. 便於團隊開發和維護。

2.3 如何使 html 語義化?
如果內容是標題,那就應該用h1~h6標籤,而不是用div,p等其他

標籤;如果內容是**,就應該用table標籤,內容是表頭,就應該用

thead標籤,其他情況類似。總之,都是根據具體內容的語義選擇合適的標

籤。

2.4 需要注意的問題
內容與樣式分離是w3c提倡的,這樣便於後期修改和維護。總的來說,

有以下優點:

1. 使頁面載入更快

由於將大部分頁面**寫在了css當中,使得頁面體積容量變得更小。

相對於**巢狀的方式的逐層載入速度快。

2. 修改設計時更有效率

在修改頁面的時候更加容易省時。根據區域內容標記,到css裡找到相

應的id,使得修改頁面的時候更加方便,也不會破壞頁面其他部分的布局樣

式。而**布局則更不省事。

name 屬性
"keywords" 是乙個經常被用到的名稱。它為文件定義了一組關鍵字。某些

搜尋引擎在遇到這些關鍵字時,會用這些關鍵字對文件進行分類。類似這樣的

meta標籤可能對於進入搜尋引擎的索引有幫助:

http-equiv 屬性
http-equiv 屬性為名稱/值對提供了名稱。並指示伺服器在傳送實際的文

檔之前先在要傳送給瀏覽器的 mime 文件頭部包含名稱/值對。

當伺服器向瀏覽器傳送文件時,會先傳送許多名稱/值對。雖然有些伺服器會

傳送許多這種名稱/值對,但是所有伺服器都至少要傳送乙個:content-type

:text/html。這將告訴瀏覽器準備接受乙個 html 文件。

使用帶有 http-equiv 屬性的 標籤時,伺服器將把名稱/值對添

加到傳送給瀏覽器的內容頭部。例如,新增:

這樣傳送到瀏覽器的頭部就應該包含:

content-type: text/html

charset:iso-8859-1

expires:31 dec 2008

content 屬性
content 屬性提供了名稱/值對中的值。該值可以是任何有效的字串。

content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。

文件宣告的作用
文件宣告讓瀏覽器明確使用哪乙個html版本對頁面進行解析。沒有文件宣告

或者文件宣告不正確,將會導致瀏覽器用怪異模式解析頁面。

在html4.01中, 宣告引用 dtd,因為html4.01基於sgml。

dtd 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容。

html5不基於 sgml,所以不需要引用 dtd。

嚴格模式和混雜模式指什麼
嚴格模式:又稱標準模式,是指瀏覽器按照 w3c 標準解析**。

混雜模式:又稱怪異模式或相容模式,是指瀏覽器用自己的方式解析**。

如何區分:瀏覽器解析時到底使用嚴格模式還是混雜模式,與網頁中的 dtd 直

接相關。

的作用
,是所有可用的doctype之中最簡單的,而且是html5

所推薦的。html的早期變種也屬於推薦標準,不過今日的瀏覽器都會對這個

doctype使用標準模式,就算是已過時的internet explorer6也一樣。目前

並沒有正當的理由,去使用其他更複雜的doctype。如果你使用其他的宣告,

你可能會冒著觸發接近標準模式或者怪異模式的風險。

請確定你把 doctype 正確地放在 html 檔案的頂端。任何放在doctype

前面的東西,比如批註或 xml 宣告,會令 internet explorer 9 或更早

期的瀏覽器觸發怪異模式。

在 html5中,doctype 唯一的作用是啟用標準模式。更早期的 html 標準

會附加其他意義,但沒有任何瀏覽器會將 doctype 用於怪異模式和標準模式

之間互換以外的用途。

根本原因:文件儲存時的編碼格式和瀏覽器解析時的解碼格式不匹配導致。

同時,亂碼一般是英文以外的字元才會出現。

解決辦法:讓瀏覽器解碼格式與文件編碼格式保持一致。通常的做法就是,

在文件head標籤部分新增一行**:

常見的瀏覽器有: chrome, mozilla, safari, opera, ie瀏覽器。

核心分別為:blink, gecko, webkit, blink(曾用presto), trident.

音訊**,,,,,表單,,,,換行

水平線強調,斜體

常見面試題

1.get和post的區別 1 本質區別 get是向伺服器請求資料,post是向伺服器傳送資料。2 伺服器獲取值的方式 get方式提交的資料,伺服器端使用request.querystring獲取變數的值。post方式提交的資料,伺服器端使用request.form獲取資料。3 安全性 get安全效...

常見面試題

1 一行 實現1 100之和 lst i for i in range 1,101 print sum lst 2 如何在乙個函式內部修改全域性變數?在函式內部新增 global 變數名 這樣就可以在本地作用域定義全域性作用域了 name 大明 def eat name1 global name n...

常見面試題

dns解析 發起tcp三次握手,並建立tcp連線 發起http請求 伺服器相應http請求並得到html 伺服器解析html 並對頁面進行渲染然後返回給使用者 首先先進行ioc容器的初始化 ioc 容器的初始化過程分為三步驟 resource 定位 beandefinition 的載入和解析,bea...