HTML,XML,XHTML有什么區(qū)別
HTML,HyperText Markup Language,超文本標(biāo)記語言。
XML,Extensible Markup Language,可擴(kuò)展標(biāo)記語言。
XHTML,Extensible HyperText Markup Language,可擴(kuò)展超文本標(biāo)記語言
雖然HTML在前,但XML的出現(xiàn)不是對HTML的替代,而是根據(jù)HTML,補(bǔ)充修改規(guī)范一些語法,以達(dá)到設(shè)計目的:XML被設(shè)計用來傳輸和存儲數(shù)據(jù),關(guān)注數(shù)據(jù)的內(nèi)容;HTML被設(shè)計用來顯示數(shù)據(jù),關(guān)注數(shù)據(jù)的外觀。
XHTML是HTML的繼承者,XHTML的出現(xiàn)就是想要取代HTML,因為HTML語法要求比較松散,對于計器處理起來就比較困難,需要兼容更多的東西,所以出現(xiàn)了語法更加嚴(yán)格的XHTML。
怎樣理解HTML語義化
語義化HTML是一種編寫HTML的方式,就是選擇合適的標(biāo)簽(例如<h></h>就是標(biāo)題,這個標(biāo)簽賦予了語義),使用合適的代碼結(jié)構(gòu),便于開發(fā)者閱讀,同時讓瀏覽器的爬蟲和機(jī)器很好的解析。
怎樣理解內(nèi)容和樣式分離原則
樣式有CSS控制,在HTML中不寫樣式,主要關(guān)注對內(nèi)容結(jié)構(gòu)的展現(xiàn),使得內(nèi)容更好的被瀏覽器的爬蟲和機(jī)器解析。當(dāng)我們要修改樣式的時候,只需要修改CSS文件,而不需要在html的一行行代碼中修改。內(nèi)容樣式分離寫,還可以讓我們的代碼清晰,便于閱讀。
有哪些常見的meta標(biāo)簽
可分為兩大部分,http-equiv和name這兩個變量
- <meta charset="utf-8"> charset 用于對html編碼的定義。例如:utf-8;gbk;
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 用于文檔兼容模式的定義,edge即告訴IE用當(dāng)前支持的最高級標(biāo)準(zhǔn)模式渲染,而chrome=1,表示使用chrome frame渲染。
- <meta name="keywords" content="關(guān)鍵詞"> 描述網(wǎng)頁的屬性,關(guān)鍵詞形式
- <meta name="description" content="詳細(xì)描述"> 描述網(wǎng)頁屬性,詳細(xì)的描述,可以是一段話
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 定義網(wǎng)頁窗口的大小,特別是在手機(jī)端,使用viewport,使得網(wǎng)頁中的內(nèi)容不至于太小。
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!DOCTYPE html>的作用?
文檔聲明的作用是為了讓瀏覽器選擇呈現(xiàn)模式。
嚴(yán)格模式,Standards (標(biāo)準(zhǔn))模式,呈現(xiàn)遵循最新標(biāo)準(zhǔn)的網(wǎng)頁
混雜模式,Quirks (包容)模式,呈現(xiàn)以前未按統(tǒng)一標(biāo)準(zhǔn)編寫的網(wǎng)頁
<!DOCTYPE html>這個聲明告訴瀏覽器,這是一個遵循HTML5標(biāo)而寫的網(wǎng)頁,讓瀏覽器選擇嚴(yán)格模式。
瀏覽器亂碼的原因是什么?如何解決?
瀏覽器設(shè)置的網(wǎng)頁編碼與html中定義的編碼不同,會造成亂碼。解決:查看網(wǎng)頁源代碼,設(shè)置與之相同的編碼。
html源代碼中出現(xiàn)的文字不是源代碼中定義的編碼類型,這時會造成亂碼。解決:修改源代碼中的編碼類型,使文字能正常顯示。
常見的瀏覽器有哪些?什么內(nèi)核?
常見的瀏覽器及其內(nèi)核:
- chrome,safari,其內(nèi)核是WebKit;
- IE,其內(nèi)核是Trident;
- firefox,其內(nèi)核是Gecko;
- Opera,其內(nèi)核是Presto;
列出常見的標(biāo)簽,并簡單介紹這些標(biāo)簽用在什么場景
- <h1>用于標(biāo)題,有h1~h6,6個等級的標(biāo)題</h1>
- <p>表示一個段落</p>
- <a href="鏈接" target="打開方式(_blank,即在新窗口打開)" title="鏈接說明">顯示鏈接的文字</a>
- 
- <div id="標(biāo)記這個‘塊’">分割文檔形成獨立的一個部分,可以應(yīng)用id或是class屬性</div>
- <ul>
<li>表示無序列表</li>
<li>表示并列的內(nèi)容</li>
<li>可以嵌套</li>
</ul>
- <ol>
<li>表示有序列表</li>
<li>顯示為帶編號的內(nèi)容</li>
<li>可以嵌套</li>
</ol>
- <dl>
<dt>用于展示標(biāo)題和內(nèi)容,這里寫標(biāo)題</dt>
<dd>標(biāo)題下的內(nèi)容</dd>
<dd>標(biāo)題下的內(nèi)容格式表現(xiàn)為縮進(jìn),</dd>
</dl>
- <button>按鈕,這里是顯示按鈕的文字;在標(biāo)簽內(nèi)部可以放置內(nèi)容</button>
- <p>對一段文字表示<em>強(qiáng)調(diào)</em>,或是更加<strong>強(qiáng)烈的強(qiáng)調(diào)</strong>,或者只是想要<span>標(biāo)記出來</span></p>
- <iframe src="鏈接" name="屬性">創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架,這里可以寫出說明的文字</iframe>
<p><a href="目標(biāo)鏈接" target="name">顯示鏈接的文字</a></p>當(dāng)使用一個鏈接target到<iframe>時,會在iframe創(chuàng)建的框架里顯示目標(biāo)鏈接的內(nèi)容
- <table>
<tr>
<th>tr表示一行</th>
<th>th表示表頭,也表示列,這里輸入內(nèi)容</th>
</tr>
<tr>
<td>再寫一個tr,表示這里是第二行,這里是第二行,第一列</td>
<td>td表示列,這里是第二行,第二列</td>
</tr>
</table>