1. HTML、XML、XHTML 有什么區(qū)別
HTML即是超文本標記語言(Hyper Text Markup Language),是最早編寫網(wǎng)頁的語言缸浦,但是由于時間早,規(guī)范不是很好氮兵,大小寫混寫且編碼不規(guī)范裂逐;
XHTML即是升級版的HTML(Extensible Hyper Text Markup Language),對HTML進行了規(guī)范泣栈,編碼更加嚴謹純凈卜高,是一種過渡語言,HTML向XML過渡的語言南片;
XML 指可擴展標記語言(EXtensible Markup Language)掺涛,是一種跨平臺語言,編碼更自由疼进,可以自由創(chuàng)建標簽薪缆。
HTML與XHTML之間的區(qū)別:
1、XHTML對比與HTML伞广,XHTML文檔具有良好完整的排版拣帽,體現(xiàn)在兩方面:a、元素必須要有結(jié)束標簽赔癌;b诞外、元素必須嵌套澜沟;
2灾票、對于HTML的元素和屬性,XHTML必須小寫茫虽,因為XML是嚴格區(qū)分大小寫的刊苍,<li>和<LI>是不同的標簽;
3濒析、XHTML的屬性值必須在引號之中正什;
4、XHTML不支持屬性最小化号杏,什么是屬性最小化了婴氮?
正確: 非最小化屬性(unminimized attributes)
<input checked="checked">
不正確: 最小化屬性(minimized attributes)
<input checked>
5斯棒、 在XHTML中,name屬性是不贊成使用的主经,在以后的版本中將被刪除荣暮。
2. 怎樣理解 HTML 語義化
- 什么是語義化的HTML?
語義化的HTML就是正確的標簽做正確的事情罩驻,能夠便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓網(wǎng)絡(luò)爬蟲很好地解析穗酥。
- 為什么要做到語義化?
1惠遏、有利于SEO砾跃,有利于搜索引擎爬蟲更好的理解我們的網(wǎng)頁,從而獲取更多的有效信息节吮,提升網(wǎng)頁的權(quán)重抽高。
2、在沒有CSS的時候能夠清晰的看出網(wǎng)頁的結(jié)構(gòu)透绩,增強可讀性厨内。
3、便于團隊開發(fā)和維護渺贤,語義化的HTML可以讓開發(fā)者更容易的看明白雏胃,從而提高團隊的效率和協(xié)調(diào)能力。
4志鞍、支持多終端設(shè)備的瀏覽器渲染
3. 怎樣理解內(nèi)容與樣式分離的原則
所謂內(nèi)容與樣式分離瞭亮,就是由HTML來管理內(nèi)容和網(wǎng)頁結(jié)構(gòu) , 文本樣式由 CSS來管理。不分離的話固棚,不但不利于網(wǎng)頁的修改统翩,而且還讓網(wǎng)頁內(nèi)容不能夠很好的展現(xiàn)于搜索引擎之下,也不利于SEO此洲。
4. 有哪些常見的meta標簽
<meta name="keywords" content=""> //向搜索引擎說明你的網(wǎng)頁的關(guān)鍵詞
<meta name="description" content=""> //告訴搜索引擎你的站點的主要內(nèi)容
<meta name="author" content="你的姓名"> //告訴搜索引擎你的站點的制作的作者
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> //指定字符集
<meta http-equiv="refresh" content="n;url="> //定時讓網(wǎng)頁在指定的時間n內(nèi)跳轉(zhuǎn)
<meta http-equiv="expires" content="SAT,27 May 2017 00:20:00 GMT"> //可以用于設(shè)定網(wǎng)頁的到期時間厂汗,一旦過期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時間格式
<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)頁過期娶桦,存盤的cookie將被刪除。需要注意的也是必須使用GMT時間格式
5. 文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
- <!DOCTYPE> 聲明必須是 HTML 文檔的第一行汁汗,位于 <html> 標簽之前衷畦。
<!DOCTYPE> 聲明不是 HTML 標簽;它是指示 web 瀏覽器關(guān)于頁面使用哪個 HTML 版本進行編寫的指令知牌。
在 HTML 4.01 中祈争,<!DOCTYPE> 聲明引用 DTD,因為 HTML 4.01 基于 SGML角寸。DTD 規(guī)定了標記語言的規(guī)則菩混,這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容忿墅。
HTML5 不基于 SGML,所以不需要引用 DTD沮峡。 - 嚴格模式:又稱標準模式球匕,是指瀏覽器按照 W3C 標準解析代碼。
混雜模式:又稱怪異模式或兼容模式帖烘,是指瀏覽器用自己的方式解析代碼亮曹。
6. 瀏覽器亂碼的原因是什么?如何解決
造成網(wǎng)頁亂碼原因主要是網(wǎng)頁內(nèi)中文字內(nèi)容與網(wǎng)頁的編碼不同或者瀏覽器不能自動檢測網(wǎng)頁編碼秘症,造成網(wǎng)頁亂碼
解決辦法:在meta標簽中指定charset為頁面編碼的方式照卦,這樣瀏覽器就能自動讀取,從而采用正確的解碼方式
7. 常見的瀏覽器有哪些乡摹,什么內(nèi)核
Trident內(nèi)核:代表產(chǎn)品Internet Explorer役耕,又稱其為IE內(nèi)核
Gecko內(nèi)核: 代表作品Mozilla Firefox
WebKit內(nèi)核:代表作品Safari、Chrome
Presto內(nèi)核:代表作品OperaPresto
8. 常見的標簽聪廉,并簡單介紹這些標簽用在什么場景
內(nèi)容詳細標簽:
<h1>~<h6>標題標簽
<u>下劃線(underline)
<i>斜體字(italics)
<em>強調(diào)文本通常為斜體
<strong>加重文本瞬痘,通常為黑體
<font>設(shè)置字體、字體大小板熊、顏色等
<big><small>字體變大和字體變小
<del>加刪除線
<blockquote>塊引用框全,通常是縮進
<sup>上標
<sub>下標
<br>換行
<hr>水平線
列表標簽:
<dl>、<dt>和<dd>是定義列表的標簽
<ul>和<li>無序列表
<ol>和<li>有序列表
表格標簽:
<table>干签、<tbody>津辩、<tr>、<th>和<td>