- HTML、XML、XHTML 有什么區(qū)別
- 怎樣理解 HTML 語義化
- 怎樣理解內(nèi)容與樣式分離的原則
- 有哪些常見的meta標簽
- 文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
- 瀏覽器亂碼的原因是什么？如何解決
- 常見的瀏覽器有哪些，什么內(nèi)核
- 列出常見的標簽，并簡單介紹這些標簽用在什么場景
HTML、XML、XHTML 有什么區(qū)別
- html(hyper text markup language)超文本標記語言，語法松散，不嚴格的web語言
- xml(extensible markup language)可拓展標記語言，主要用于儲存數(shù)據(jù)和結構參考
- xhtml(extensible hyper text markup language）可拓展超文本標記語言，基于xml，作用與html類似，但語法更嚴格
怎樣理解 HTML 語義化
語義化html是編寫html的方式。選擇合適的標簽，使用合理的代碼結構，便于開發(fā)者閱讀，同時讓瀏覽器的爬蟲和機器很好的解析。
怎樣理解內(nèi)容與樣式分離的原則
?都是為了減少html，css，js之間的耦合關系
- 寫html的時候先不管樣式，重點放在html的結構和語義化上，讓html能體現(xiàn)頁面結構或者內(nèi)容。之后再去寫樣式。
- 寫 JS 的時候，盡量不要用 JS 去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化。
- HTML 內(nèi)不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內(nèi)樣式
有哪些常見的meta標簽
- <meta http-equiv="keywords" content="關鍵字1,關鍵字2,...">
關鍵字，搜所引擎 SEO - <meta http-equiv="description" content="網(wǎng)頁描述">
頁面描述 - <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
如果安裝了GCF，則使用GCF來渲染頁面，如果沒有安裝GCF，則使用最高版本的IE內(nèi)核進行渲染。 - <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /">
初始化設備，主要功能是讓移動端樣式現(xiàn)實更合適 - <meta charset="utf-8">
設置字體編碼 - <html lang="">
設置語言
文檔聲明的作用?嚴格模式和混雜模式指什么? 的作用?
<!DOCTYPE>這個不是html標簽，是文檔聲明。用于提前告訴browser一些信息，即我的html按照哪個版本的標準編寫的~
嚴格模式是指按照瀏覽器所支持的最高版本來實現(xiàn)效果；
混雜模式則想法，竟可能向后兼容，使用老版本瀏覽器的顯示模式。說的透明點就是可以實現(xiàn)IE5.5及以下版本的瀏覽器的渲染模式。
瀏覽器亂碼的原因是什么？如何解決
造成html網(wǎng)頁亂碼原因主要是html源代碼內(nèi)內(nèi)容與html編碼不兼容。
1、比如網(wǎng)頁源代碼是gbk的編碼，而內(nèi)容中的中文字是utf-8編碼的，這樣瀏覽器打開即會出現(xiàn)html亂碼。反之網(wǎng)頁是編碼utf-8，內(nèi)容是gbk也會出現(xiàn)亂碼。
2、瀏覽器不能自動檢測網(wǎng)頁編碼，造成網(wǎng)頁亂碼。
解決辦法：
1.對于第一種，在head中增加<meta charset=utf-8"/>將編碼轉(zhuǎn)換為UTF-8編碼即可
2.對于第二種，在瀏覽器中需要轉(zhuǎn)碼的網(wǎng)頁空白出右鍵鼠標，即可選擇“編碼”，將編碼轉(zhuǎn)換為與頁面兼容的即可。
常見的瀏覽器有哪些，什么內(nèi)核
Chrome, Opera : Blink
IE : Trident
Safari : Webkit
Firefox : Gecko
Edge : EdgeHTML
列出常見的標簽，并簡單介紹這些標簽用在什么場景
html, body, head 用于html文件，表示文件的頭部與內(nèi)容部分
div 用于組合其他HTML元素，本身無實在意義，常用于頁面的布局
span 用于行內(nèi)內(nèi)容的格式化
h1~h6 用于標題內(nèi)容
p 用于段落內(nèi)容
strong, em 用于強調(diào)內(nèi)容
ul, li, ol, dl, dt, dd 用于帶有列表內(nèi)容的，比如導航欄的下拉菜單，多視頻的縮略圖
form, input, select, textarea 用于涉及到表單的內(nèi)容
table 用于涉及到表格的內(nèi)容
img 用于插入圖片
a 用于打開鏈接，發(fā)送郵件，段落跳轉(zhuǎn)等功能。
