HTML、XML灭贷、XHTML 有什么區(qū)別
HTML:超文本標(biāo)記語言,為日常網(wǎng)頁所常用略贮,但是其自身語法不嚴(yán)格甚疟。
XML:可擴(kuò)展標(biāo)記語言仗岖,常用于存儲(chǔ)數(shù)據(jù)、傳輸數(shù)據(jù)以及構(gòu)建數(shù)據(jù)結(jié)構(gòu)览妖,其標(biāo)簽需要用戶自己定義轧拄。
XHTML:可擴(kuò)展超文本標(biāo)記語言,基于 XML讽膏,作用類似 HTML檩电,但是語法比 HTML 嚴(yán)格。
怎樣理解 HTML 語義化
語義化指的是 HTML 文本易于開發(fā)者和機(jī)器等閱讀和識(shí)別府树,通過選用合適的標(biāo)簽俐末、編寫合理的代碼結(jié)構(gòu),使得開發(fā)者閱讀起來更加輕松奄侠,瀏覽器和搜索引擎爬蟲解析起來更加方便卓箫。
怎么樣理解內(nèi)容與樣式分離的原則
網(wǎng)頁前端部分通常由結(jié)構(gòu)層(內(nèi)容)、表示層(樣式)垄潮、行為層三部分構(gòu)成烹卒,分別由 HTML、CSS魂挂、JavaScript 三種語言進(jìn)行編寫甫题,這樣子可以實(shí)現(xiàn)各個(gè)層之間的相互獨(dú)立,以方便單獨(dú)對(duì)某個(gè)層進(jìn)行修改而不影響其它涂召。內(nèi)容與樣式分離的原則可以指導(dǎo)我們在網(wǎng)頁構(gòu)建時(shí)坠非,精力先放在 HTML(內(nèi)容)的結(jié)構(gòu)和語義化構(gòu)建上,在內(nèi)容確定后再對(duì)其樣式進(jìn)行美化和修改果正,同時(shí)不影響之前內(nèi)容的結(jié)構(gòu)炎码。
有哪些常見的 meta 標(biāo)簽
<meta charset="utf-8">告訴瀏覽器用什么字符集進(jìn)行解析
<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>進(jìn)行移動(dòng)端適配
<meta name="keywords" content="xxx">進(jìn)行搜索引擎優(yōu)化
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!DOCTYPE html>的作用?
文檔聲明位于 HTML 文件開頭部分,用于指定瀏覽器解析該文檔所采用的規(guī)范集秋泳。嚴(yán)格模式要求瀏覽器按照指定規(guī)范集的最高模式進(jìn)行解析潦闲,不再向下兼容;而混雜模式會(huì)允許瀏覽器用最高規(guī)范集解析出問題時(shí)才用兼容規(guī)范集進(jìn)行解析迫皱。<!DOCTYPE html>指定瀏覽器用 HTML5 解析該頁面歉闰。
瀏覽器亂碼的原因是什么?如何解決卓起?
瀏覽器亂碼可能是因?yàn)闉g覽器采用了錯(cuò)誤的字符集來對(duì) HTML 界面進(jìn)行解析和敬,通過改變 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)到一個(gè)新地址
img 圖片舱痘,在該位置展示圖片
div 頁面分塊
ul li 無序列表
ol li 有序列表
dl dt dd 展示一系列“標(biāo)題:內(nèi)容...”
button 按鈕
strong em span :強(qiáng)烈強(qiáng)調(diào)/稍微強(qiáng)調(diào)/行內(nèi)元素特殊效果
iframe:嵌入一個(gè)頁面
table:展示表格