1.HTML、XML、XHTML 有什么區(qū)別
- HTML：超文本標(biāo)記語言训挡，用來描述網(wǎng)頁的一種語言，其語法較為松散的尘执、不嚴(yán)格舍哄。下面的 HTML 代碼運(yùn)行起來非常正常(即使沒遵守語法規(guī)則)
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
- XML ：可擴(kuò)展標(biāo)記語言，主要用于存儲(chǔ)數(shù)據(jù)和結(jié)構(gòu)誊锭，可擴(kuò)展表悬。HTML的標(biāo)簽是被預(yù)定義的而XML 標(biāo)簽沒有被預(yù)定義，需根據(jù)需要自行定義標(biāo)簽丧靡。
- XHTML：可擴(kuò)展超文本標(biāo)記語言蟆沫，基于XML籽暇，作用與HTML類似，但語法更嚴(yán)格饭庞，針對HTML進(jìn)行了規(guī)范戒悠，編碼更加嚴(yán)謹(jǐn)。
2.怎樣理解 HTML 語義化
HTML語義化是指使用合理的標(biāo)簽與結(jié)構(gòu)來構(gòu)建網(wǎng)絡(luò)舟山，方便開發(fā)者閱讀绸狐，修改。能夠更好的讓爬蟲和機(jī)器解析累盗『螅總而言之，就是讓正確的標(biāo)簽做正確的事若债。
寫語義化的 HTML 結(jié)構(gòu)其實(shí)很簡單符相，首先掌握 HTML 中各個(gè)標(biāo)簽的語義，在看到內(nèi)容的時(shí)候想想用什么標(biāo)簽?zāi)芨玫拿枋鏊懒眨鞘裁淳陀檬裁礃?biāo)簽啊终。
<h1> ~ <h6>，作為標(biāo)題使用傲须，并且依據(jù)重要性遞減蓝牲，<h1> 是最高的等級。
<p>段落標(biāo)記躏碳，知道了 <p> 作為段落搞旭，你就不會(huì)再使用 <br /> 來換行了，而且不需要 <br /> 來區(qū)分段落與段落菇绵。<p> 中的文字會(huì)自動(dòng)換行肄渗，而且換行的效果優(yōu)于 <br />。段落與段落之間的空隙也可以利用 CSS 來控制咬最，很容易而且清晰的區(qū)分出段落與段落翎嫡。
<ul>、<ol>永乌、<li>惑申，<ul> 無序列表，這個(gè)被大家廣泛的使用翅雏，<ol> 有序列表也挺常用圈驼。在 web 標(biāo)準(zhǔn)化過程中，<ul> 還被更多的用于導(dǎo)航條望几，本來導(dǎo)航條就是個(gè)列表绩脆，這樣做是完全正確的，而且當(dāng)你的瀏覽器不支持 CSS 的時(shí)候，導(dǎo)航鏈接仍然很好使靴迫，只是美觀方面差了一點(diǎn)而已惕味。
<dl>、<dt>玉锌、<dd>名挥，<dl> 就是“定義列表”。比如說詞典里面的詞的解釋主守、定義就可以用這種列表禀倔。
<em>、<strong>参淫，<em> 是用作強(qiáng)調(diào)蹋艺，<strong> 是用作重點(diǎn)強(qiáng)調(diào)。
<q>也不僅僅只是為文字增加雙引號(hào)黄刚，而是代表這些文字是引用來的。
<table>民效、<td>憔维、<th>、<caption>畏邢， (X)HTML中的表格不再是用來布局业扒。
3.怎樣理解內(nèi)容與樣式分離的原則
內(nèi)容與樣式分離，就是讓HTML只負(fù)責(zé)內(nèi)容的部分舒萎，讓CSS負(fù)責(zé)樣式的部分程储；這樣可以降低HTML的結(jié)構(gòu)復(fù)雜度，使得文檔變得清晰易讀臂寝，方便維護(hù)章鲤。
4.有哪些常見的meta標(biāo)簽
meta標(biāo)簽常見屬性有三種，分別為name咆贬、http-equiv和charset
- name
name屬性主要用于描述網(wǎng)頁败徊，比如網(wǎng)頁的關(guān)鍵詞，敘述等掏缎。與之對應(yīng)的屬性值為content皱蹦，content中的內(nèi)容是對name填入類型的具體描述，便于搜索引擎抓取眷蜈。meta標(biāo)簽中name屬性語法格式是：
<meta name="參數(shù)" content="具體的描述">
- keywords
<meta name="keywords" content="前端">
用于告訴搜索引擎你的網(wǎng)頁關(guān)鍵字 - description
<meta name="description" content="這是我的前端博客">
頁面描述沪哺，每個(gè)網(wǎng)頁都應(yīng)有一個(gè)不超過 150 個(gè)字符且能準(zhǔn)確反映網(wǎng)頁內(nèi)容的描述標(biāo)簽 - author
<meta name="author" content="wfw,xxxxxx@qq.com">
定義網(wǎng)頁作者 - copyright
<meta name="copyright" content="wfw">
用于注冊版權(quán)信息
- http-equiv
http-equiv定義了能改變服務(wù)器和用戶引擎行為的內(nèi)容。語法格式是：
<meta http-equiv="參數(shù)" content="具體的描述">
- X-UA-Compatible
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
告訴瀏覽器以何種版本來渲染頁面 - expires
<meta http-equiv="expires" content="Monday 26 June 2017 11:00 GMT" />
用于設(shè)定網(wǎng)頁的到期時(shí)間酌儒，過期后網(wǎng)頁必須到服務(wù)器上重新傳輸辜妓。 - refresh
<meta http-equiv="refresh" content="2；URL=http://www.baidu.com/">
網(wǎng)頁將在設(shè)定的時(shí)間內(nèi)，自動(dòng)刷新并調(diào)向設(shè)定的網(wǎng)址嫌拣。 - Set-Cookie
<meta http-equiv="Set-Cookie" content="name, date">
如果網(wǎng)頁過期柔袁，那么這個(gè)網(wǎng)頁存在本地的cookies也會(huì)被自動(dòng)刪除。
- charset
用于設(shè)定網(wǎng)頁字符集异逐，便于瀏覽器解析與渲染頁面捶索。
<meta charset="utf-8">
5.文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
- 文檔聲明的作用是告訴瀏覽器此HTML是以什么標(biāo)準(zhǔn)編寫的，方便瀏覽器正確解析灰瞻。
- 嚴(yán)格模式是指有明確的DOCTYPE聲明腥例， 瀏覽器以明確的標(biāo)準(zhǔn)渲染頁面；混雜模式是瀏覽器以向后兼容的方式渲染頁面酝润。
- <!doctype html>的作用為告訴瀏覽器以HTML5的標(biāo)準(zhǔn)渲染頁面燎竖。
6.瀏覽器亂碼的原因是什么？如何解決
瀏覽器亂碼的原因有：
- html中沒用標(biāo)明編碼方式要销，瀏覽器沒有正確識(shí)別頁面編碼而導(dǎo)致亂碼构回。
解決方法：添加html的編碼方式<meta charset="編碼方式"> - html中標(biāo)明的編碼方式與其真正的編碼方式不一致，瀏覽器錯(cuò)誤解析導(dǎo)致亂碼疏咐。
解決方法：標(biāo)明正確的編碼方式
7.常見的瀏覽器有哪些纤掸，什么內(nèi)核
常見的瀏覽器有IE、Firefox浑塞、Chrome借跪、Safari、Opera等
| 瀏覽器 | 內(nèi)核 |
|---|---|
| IE | Trident |
| Firefox | Gecko |
| Safari | WebKit |
| Chrome | WebKit(27版本前)/Blink(28+) |
| Opera | Presto(7至12)/Blink(15+) |
8.列出常見的標(biāo)簽酌壕，并簡單介紹這些標(biāo)簽用在什么場景
| 標(biāo)簽 | 場景 |
|---|---|
| html | html文件開頭 表示這是個(gè)html文件 |
| head | html 后 body 前 包含html文件一些關(guān)鍵信息 |
| body | html 的主體掏愁，包含了網(wǎng)頁的主要內(nèi)容 |
| title | html的標(biāo)題 |
| h1 - h6 | 從大到小的文字標(biāo)題 |
| span/stronge/em | 位于需要特殊操作的文本兩邊 |
| div | 需要將網(wǎng)頁劃分區(qū)塊時(shí)使用 |
| p | 段落，輸入大段文字時(shí)使用 |
| ul | 無序列表卵牍，需要li配合使用 |
| ol | 有序列表果港，需要ol配合使用 |
| li | 列表項(xiàng) |
| img | 圖片，需插入圖片時(shí)使用 |
| a | 鏈接辽慕，要使用鏈接時(shí)使用 |
| button | 按鈕京腥，添加按鈕時(shí)使用 |
| table(th/tr/td) | 用于展示表格 |
| iframe | 用于嵌入一個(gè)頁面 |
| dl | 定義列表 |
| dt | 定義列表中的項(xiàng)目 |
| dd | 定義列表中項(xiàng)目的描述 |
