HTML召边、XML坚弱、XHTML 有什么區(qū)別
- HTML(Hyper Text Markup Language),超文本編輯語(yǔ)言盛正,是網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。
缺點(diǎn):語(yǔ)法松散,標(biāo)簽不閉合也可以運(yùn)行 - XML(eXtensible Markup Language)奶赔,可擴(kuò)展標(biāo)記語(yǔ)言惋嚎,被用來(lái)結(jié)構(gòu)化,存儲(chǔ)及傳輸數(shù)據(jù)站刑×砦椋可自行定義標(biāo)簽。w3c覺(jué)得有用绞旅,
- XHTML 基于xml摆尝,作用于HTML類(lèi)似,產(chǎn)生了XHTML因悲,更嚴(yán)格的html堕汞,標(biāo)簽必須閉合,必須小寫(xiě)晃琳。
怎樣理解HTML語(yǔ)義化
選擇合適的標(biāo)簽臼朗,使用合理的代碼結(jié)構(gòu),便于開(kāi)發(fā)者閱讀蝎土,同時(shí)讓瀏覽器的爬蟲(chóng)和機(jī)器很好的解析视哑。(比如盲人不會(huì)看到,但通過(guò)語(yǔ)義化的標(biāo)簽誊涯,機(jī)器可以識(shí)別并讀給聽(tīng)者挡毅,告訴他這是一個(gè)標(biāo)題,這是一個(gè)段落暴构,等等)
怎樣理解內(nèi)容與樣式分離的原則
寫(xiě)HTML的時(shí)候跪呈,先不管樣式,重點(diǎn)放在HTML的結(jié)構(gòu)和語(yǔ)義化上取逾,讓HTML能體現(xiàn)頁(yè)面結(jié)構(gòu)或者內(nèi)容耗绿,之后再去寫(xiě)樣式。
還有一個(gè)行為(JS)砾隅,行為也要與內(nèi)容和樣式分離误阻,盡量不要用js去直接操作樣式,而是通過(guò)給元素添加或刪除clsss來(lái)控制樣式變化晴埂。
還有一點(diǎn)究反,HTML不允許出現(xiàn)屬性樣式,盡量不要出現(xiàn)行內(nèi)樣式儒洛。
有哪些常用的meta標(biāo)簽
- <meta charset="utf-8">告訴瀏覽器頁(yè)面用的是什么編碼格式精耐。
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">如果瀏覽器用的是IE內(nèi)核,用最新的edge去渲染琅锻,如果用的是chrome內(nèi)核卦停,用chrome去渲染向胡。
- <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" >用于讓頁(yè)面在移動(dòng)端合理展示
- <meta name="keywords" content="關(guān)鍵字 關(guān)鍵字 關(guān)鍵字">給頁(yè)面添加關(guān)鍵字,便于seo優(yōu)化惊完。
- <meta name="description" content="用一句話介紹你的網(wǎng)站">
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
文檔聲明用來(lái)告知瀏覽器使用的HTML版本僵芹。
- 嚴(yán)格模式:使用doctype明確告知瀏覽器HTML的版本。
- 混雜模式:頁(yè)面不加DOCTYPE专执,瀏覽器按照自身的方式自由渲染頁(yè)面
<!doctype html>告訴瀏覽器當(dāng)前現(xiàn)在使用過(guò)的HTML版本是HTML5,這樣瀏覽器就能用HTML5標(biāo)準(zhǔn)來(lái)渲染頁(yè)面
瀏覽器亂碼的原因是什么郁油?如何解決
原因:HTML頁(yè)面的編碼格式和瀏覽器解碼格式不相同
更改瀏覽器的解碼格式本股,使之與HTML頁(yè)面的編碼格式一致⊥╇纾或者在meta標(biāo)簽中指定charset為頁(yè)面編碼的方式拄显,這樣瀏覽器就能自動(dòng)讀取,從而采用正確的解碼方式
常見(jiàn)的瀏覽器有哪些案站,什么內(nèi)核
- Chrome瀏覽器 Webit內(nèi)核
- Firefox Geoko內(nèi)核
- Safari Webkit內(nèi)核
- IE瀏覽器 自家IE內(nèi)核
- 國(guó)產(chǎn)諸如QQ瀏覽器/搜狗瀏覽器/360瀏覽器之類(lèi)均為雙內(nèi)核
列出常見(jiàn)的標(biāo)簽躬审,并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景
- h1、h2蟆盐、h3承边、h4、h5石挂、h6標(biāo)簽用于標(biāo)題
- p 標(biāo)簽用于段落博助,大段文字
- div標(biāo)簽用于給頁(yè)面劃分區(qū)塊,讓結(jié)構(gòu)更清晰
- a標(biāo)簽用于添加鏈接痹愚,鏈接到某個(gè)地址富岳,或者頁(yè)面上的某個(gè)元素。
- img標(biāo)簽用于給頁(yè)面添加一張圖片
- ul和li合用拯腮,給頁(yè)面添加并列的內(nèi)容
- ol和li合用窖式,給頁(yè)面添加有步驟和編號(hào)的有序內(nèi)容
- dl dt dd標(biāo)簽,用于展示一系列標(biāo)題和內(nèi)容的場(chǎng)景
- button 用于添加按鈕
- em 強(qiáng)調(diào)頁(yè)面中的某些內(nèi)容
- strong 比em標(biāo)簽的強(qiáng)調(diào)性更強(qiáng)动壤,表示很重要
- iframe 用于嵌入一個(gè)頁(yè)面萝喘,注意跨域操作的問(wèn)題
- table 用于展示表格,不要用來(lái)做布局琼懊,thead蜒灰,tbody和tfoot可以省略,瀏覽器會(huì)自動(dòng)添加border-collapse:collapse,用于合并邊框肩碟。