1.HTML、XML、XHTML 有什么區(qū)別
HTML(HyperText Markup Language),超文本編輯語(yǔ)言,是語(yǔ)法較為松散的、不嚴(yán)格的Web語(yǔ)言;
XML(Extensible Markup Language),可擴(kuò)展標(biāo)記語(yǔ)言,主要用于存儲(chǔ)數(shù)據(jù)和結(jié)構(gòu)參考;
XHTML(Extensible HyperText Markup Language),可擴(kuò)展超文本標(biāo)記語(yǔ)言,基于XML,作用與HTML類似,但語(yǔ)法更嚴(yán)格;
2.怎樣理解 HTML 語(yǔ)義化
語(yǔ)義化HTML是一種編寫HTML的方式,選擇合適的標(biāo)簽、使用合理的代碼結(jié)構(gòu),便于開(kāi)發(fā)者閱讀,同時(shí)讓瀏覽器的爬蟲(chóng)和機(jī)器很好地解析。
為什么要語(yǔ)義化:
1、有利于SEO,有利于搜索引擎爬蟲(chóng)更好的理解我們的網(wǎng)頁(yè),從而獲取更多的有效信息,提升網(wǎng)頁(yè)的權(quán)重。
2、在沒(méi)有CSS的時(shí)候能夠清晰的看出網(wǎng)頁(yè)的結(jié)構(gòu),增強(qiáng)可讀性。
3、便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù),語(yǔ)義化的HTML可以讓開(kāi)發(fā)者更容易的看明白,從而提高團(tuán)隊(duì)的效率和協(xié)調(diào)能力。
4、支持多終端設(shè)備的瀏覽器渲染
3.怎樣理解內(nèi)容與樣式分離的原則
所謂內(nèi)容與樣式分離,就是由HTML來(lái)管理內(nèi)容和網(wǎng)頁(yè)結(jié)構(gòu) , 文本樣式由 CSS來(lái)管理。不分離的話,不但不利于網(wǎng)頁(yè)的修改,而且還讓網(wǎng)頁(yè)內(nèi)容不能夠很好的展現(xiàn)于搜索引擎之下,也不利于SEO。
4.有哪些常見(jiàn)的meta標(biāo)簽
<meta name="keywords" content=""> //向搜索引擎說(shuō)明你的網(wǎng)頁(yè)的關(guān)鍵詞
<meta name="description" content=""> //告訴搜索引擎你的站點(diǎn)的主要內(nèi)容
<meta name="author" content="你的姓名"> //告訴搜索引擎你的站點(diǎn)的制作的作者
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> //指定字符集
<meta http-equiv="refresh" content="n;url="> //定時(shí)讓網(wǎng)頁(yè)在指定的時(shí)間n內(nèi)跳轉(zhuǎn)
<meta http-equiv="expires" content="SAT,27 May 2017 00:20:00 GMT"> //可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間,一旦過(guò)期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時(shí)間格式
<meta http-equiv="pragma" content="no-cache"> //禁用緩存
<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT"> //cookie設(shè)定,如果網(wǎng)頁(yè)過(guò)期,存盤的cookie將被刪除。需要注意的也是必須使用GMT時(shí)間格式
5.文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
- <!DOCTYPE> 聲明不是 HTML 標(biāo)簽;它是指示 web 瀏覽器關(guān)于頁(yè)面使用哪個(gè) HTML 版本進(jìn)行編寫的指令。
- 嚴(yán)格模式:又稱標(biāo)準(zhǔn)模式,是指瀏覽器按照 W3C 標(biāo)準(zhǔn)解析代碼。
混雜模式:又稱怪異模式或兼容模式,是指瀏覽器用自己的方式解析代碼。
6.瀏覽器亂碼的原因是什么?如何解決
瀏覽器亂碼的根本原因是編寫代碼時(shí)保存的編碼格式和瀏覽器解析代碼時(shí)的解碼格式不一致,導(dǎo)致亂碼 ,一般可能發(fā)生在除去英文的其他字體上。
解決辦法:在meta標(biāo)簽中指定charset為頁(yè)面編碼的方式,這樣瀏覽器就能自動(dòng)讀取,從而采用正確的解碼方式
7.常見(jiàn)的瀏覽器有哪些,什么內(nèi)核
| 瀏覽器 | 內(nèi)核 |
|---|---|
| IE | IE內(nèi)核 |
| Chrome&Safari | Webkit |
| Firefox | Gecko |
| Opera | Presto |
8.列出常見(jiàn)的標(biāo)簽,并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景
| 標(biāo)簽 | 作用 |
|---|---|
| h1~h6 | 標(biāo)題 |
| p | 段落 |
| a | 鏈接 |
| img | 展示圖片 |
| div | 劃分區(qū)塊 |
| ul li | 無(wú)序列表 |
| ol li | 有序列表 |
| dl dt dd | 標(biāo)題內(nèi)容 |
| button | 按鈕 |
| srong em | 強(qiáng)調(diào) |
| iframe | 嵌入頁(yè)面 |
| table | 表格 |