- HTML、XML、XHTML 有什么區(qū)別
html 是超文本標(biāo)記語言雏胃，語法比較松散瞭亮，不嚴(yán)格的web語言；
xml 可擴(kuò)展標(biāo)記語言，用于存儲數(shù)據(jù)和結(jié)構(gòu) 娶桦，可擴(kuò)展氮双；
xhtml 可擴(kuò)展超文本標(biāo)記語言送爸，基于xml，作用和html類似，但有更嚴(yán)格的語法橄杨。
- 怎樣理解 HTML 語義化
語義化html是一種編寫html的方式。
選擇合適的標(biāo)記，使用合理的代碼結(jié)構(gòu)，便于開發(fā)者閱讀板熊，同時讓瀏覽器和爬蟲很好的解析克婶。
優(yōu)點(diǎn)：
- 優(yōu)化SEO，便于爬蟲抓取到頁面上的更多有效信息鸭蛙。
- 對盲人閱讀友好
- 代碼可讀性高筋岛、可維護(hù)性和開發(fā)效率更高，可降低規(guī)范不一致帶來的溝通成本
瀏覽器都在推動語義化，因此遵循h(huán)tml語義化可獲得更好的展示效果
- 怎樣理解內(nèi)容與樣式分離的原則
寫html的時候先不管樣式，把重點(diǎn)focus在HTML的結(jié)構(gòu)和語義化上，讓html能體現(xiàn)頁面結(jié)構(gòu)或內(nèi)容。之后再去寫樣式千诬。
寫js的時候傲茄，盡量不要用js直接去操作樣式蟆融，而是通過給元素添加或刪除class來控制樣式變化。
html內(nèi)不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內(nèi)樣式。
- 有哪些常見的meta標(biāo)簽
<meta charset=“utf-8”>:編碼聲明
<meta http-equiv=“X-UA-Compatible”content=“IE=edge,chrome=1”>:雙核瀏覽器：優(yōu)先使用 IE 最新版本和chrome
<meta name=“keywords”content=“your tags”>:頁面關(guān)鍵詞
<meta name=“description” content =“katebush”>:頁面描述
<meta name=“viewport”content=“width=device-width,initial-scale=0.1,maximum-scale=1.0,user-scalable=no” >:優(yōu)化移動端的顯示
- 文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
文檔聲明出現(xiàn)在文檔的最前面瘸彤，用來告訴瀏覽器你使用的是哪一種html規(guī)范婆翔。這樣瀏覽器才會按照你的聲明來正確解析html文檔最蕾。
嚴(yán)格模式：以瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。
混雜模式：頁面以寬松的方式向后兼容顯示，模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。
<!doctype html> 是指使用html5標(biāo)準(zhǔn)網(wǎng)頁聲明菌赖。
- 瀏覽器亂碼的原因是什么？如何解決
亂碼產(chǎn)生的根源在于保存編碼格式和瀏覽器解析的格式不匹配導(dǎo)致的，一般英文不會產(chǎn)生亂碼刁愿。
解決方法：首先保存文件的時候要記得是用哪種編碼方式保存的铣口，然后在html的head中聲明這個保存的編碼格式件缸，比如我保存的編碼格式utf-8，那么就可加入<meta charset=“utf-8”>到<head>中。
- 常見的瀏覽器有哪些蹬碧，什么內(nèi)核
IE （Trident內(nèi)核）
Firefox( Gecko內(nèi)核)
Safari ( Webkit內(nèi)核)
chrome (Blink內(nèi)核)
-
列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場景
- 標(biāo)題h1-h6 ：
從h1-h6 大小和重要性依次減小
- 標(biāo)題h1-h6 ：
段落 p：
用來標(biāo)記大段文字的段落鏈接a：
鏈接到一個url地址圖片img:展示一張圖片
區(qū)塊div:讓結(jié)構(gòu)更加清晰
無序列表ul li:
表示并列的內(nèi)容协屡，ul的直接子元素是li，可以嵌套有序列表ol li:
帶序列的并列內(nèi)容削饵，ol的直接子元素是li，可以嵌套展示標(biāo)題-內(nèi)容的場景
html中的dl dt dd標(biāo)簽是一種排版技巧新啼，可制作出縮排的效果辆布。
dl =Definition List清單
dt =Definition Term锋玲，項目
dd=Definition Description，描述button 按鈕
strong很重要京髓，強(qiáng)調(diào)性更強(qiáng)
em需要強(qiáng)調(diào)一下
iframe 用于嵌入一個頁面
table 展示表格揽涮，不要用來做布局：
tr 表示表行，沒出現(xiàn)一次<tr></tr>表示表格的一行
th表示表頭
td 表示表元门粪，表格中顯示的每一個方格
