HTML 常見知識點

HTML、XML、XHTML 有什么區(qū)別

HTML:超文本標(biāo)記語言,為日常網(wǎng)頁所常用,但是其自身語法不嚴(yán)格。

XML:可擴展標(biāo)記語言,常用于存儲數(shù)據(jù)、傳輸數(shù)據(jù)以及構(gòu)建數(shù)據(jù)結(jié)構(gòu),其標(biāo)簽需要用戶自己定義。

XHTML:可擴展超文本標(biāo)記語言,基于 XML,作用類似 HTML,但是語法比 HTML 嚴(yán)格。

怎樣理解 HTML 語義化

語義化指的是 HTML 文本易于開發(fā)者和機器等閱讀和識別,通過選用合適的標(biāo)簽、編寫合理的代碼結(jié)構(gòu),使得開發(fā)者閱讀起來更加輕松,瀏覽器和搜索引擎爬蟲解析起來更加方便。

怎么樣理解內(nèi)容與樣式分離的原則

網(wǎng)頁前端部分通常由結(jié)構(gòu)層(內(nèi)容)、表示層(樣式)、行為層三部分構(gòu)成,分別由 HTML、CSS、JavaScript 三種語言進行編寫,這樣子可以實現(xiàn)各個層之間的相互獨立,以方便單獨對某個層進行修改而不影響其它。內(nèi)容與樣式分離的原則可以指導(dǎo)我們在網(wǎng)頁構(gòu)建時,精力先放在 HTML(內(nèi)容)的結(jié)構(gòu)和語義化構(gòu)建上,在內(nèi)容確定后再對其樣式進行美化和修改,同時不影響之前內(nèi)容的結(jié)構(gòu)。

有哪些常見的 meta 標(biāo)簽

<meta charset="utf-8">告訴瀏覽器用什么字符集進行解析

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">告訴優(yōu)先使用 IE 最新版本和 Chrome

<meta name="renderer" content="webkit|ie-comp|ie-stand">瀏覽器內(nèi)核控制

<meta name="viewport" content="width=device-with, initial-scale=1, maximum-scale=1>進行移動端適配

<meta name="keywords" content="xxx">進行搜索引擎優(yōu)化

文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!DOCTYPE html>的作用?

文檔聲明位于 HTML 文件開頭部分,用于指定瀏覽器解析該文檔所采用的規(guī)范集。嚴(yán)格模式要求瀏覽器按照指定規(guī)范集的最高模式進行解析,不再向下兼容;而混雜模式會允許瀏覽器用最高規(guī)范集解析出問題時才用兼容規(guī)范集進行解析。<!DOCTYPE html>指定瀏覽器用 HTML5 解析該頁面。

瀏覽器亂碼的原因是什么?如何解決?

瀏覽器亂碼可能是因為瀏覽器采用了錯誤的字符集來對 HTML 界面進行解析,通過改變 meta 標(biāo)簽中的 charset 屬性可以改變?yōu)g覽器解析界面的字符集。

常見的瀏覽器有哪些,什么內(nèi)核?

IE/MaxThon/360/The World/搜狗瀏覽器:Trident 內(nèi)核

Chrome/Safari:Webkit 內(nèi)核

Opera7 及以上:Presto 內(nèi)核

列出常見的標(biāo)簽,并簡單介紹這些標(biāo)簽用在什么場景

a 鏈接,跳轉(zhuǎn)到一個新地址

img 圖片,在該位置展示圖片

div 頁面分塊

ul li 無序列表

ol li 有序列表

dl dt dd 展示一系列“標(biāo)題:內(nèi)容...”

button 按鈕

strong em span :強烈強調(diào)/稍微強調(diào)/行內(nèi)元素特殊效果

iframe:嵌入一個頁面

table:展示表格

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

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容