HTML喘落、XML、XHTML 有什么區(qū)別慨默？
發(fā)展趨勢：
html(超文本標(biāo)記語言)——xhtml(可擴展性超文本標(biāo)記語言)——xml（可擴展性標(biāo)記語言）;
html：
1.對大小寫不敏感桑腮；
2.標(biāo)簽不必成對出現(xiàn)洽损；
xhtml：
1.對大小寫敏感，必須是小寫的张抄；
2.標(biāo)簽必須成對出現(xiàn)砂蔽，有開始標(biāo)簽就必須有結(jié)束標(biāo)簽；
3.屬性值必須在引號之內(nèi)署惯；
4.不支持屬性最小化：
eg：正確：<input checked='checked'>
錯誤：<input checked>
5.name屬性不贊成使用左驾，以后會被淘汰；
6.空元素也要結(jié)束標(biāo)簽：如：
,
(水平分割線)
xml：
html最終會發(fā)展到xml极谊，xhtml是html想xml發(fā)展的一個過渡什荣，xhtml的特性也適合xml；
怎樣理解 HTML 語義化怀酷？
為了在沒有CSS的情況下稻爬，頁面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)、代碼結(jié)構(gòu):為了裸奔時好看蜕依；
用戶體驗：例如title桅锄、alt用于解釋名詞或解釋圖片信息、label標(biāo)簽的活用样眠；
有利于SEO：和搜索引擎建立良好溝通友瘤，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來確定上下文和各個關(guān)鍵字的權(quán)重；
方便其他設(shè)備解析（如屏幕閱讀器檐束、盲人閱讀器辫秧、移動設(shè)備）以意義的方式來渲染網(wǎng)頁；
便于團隊開發(fā)和維護被丧，語義化更具可讀性盟戏，是下一步吧網(wǎng)頁的重要動向绪妹，遵循W3C標(biāo)準(zhǔn)的團隊都遵循這個標(biāo)準(zhǔn)，可以減少差異化柿究。
怎樣理解內(nèi)容與樣式分離的原則邮旷？
CSS與HTML分離的優(yōu)點
1、使頁面載入得更快
由于將大部分頁面代碼寫在了CSS當(dāng)中蝇摸，使得頁面體積容量變得更小婶肩。相對于表格嵌套的方式的逐層加載速度快。
2貌夕、修改設(shè)計時更有效率
在修改頁面的時候更加容易省時律歼。根據(jù)區(qū)域內(nèi)容標(biāo)記，到CSS里找到相應(yīng)的ID啡专，使得修改頁面的時候更加方便苗膝，也不會破壞頁面其他部分的布局樣式。而表格布局則更不省事植旧。
4辱揭、保持視覺的一致性
DIV+CSS最重要的優(yōu)勢之一：保持視覺的一致性；以往表格嵌套的制作方法病附，會使得頁面與頁面问窃，或者區(qū)域與區(qū)域之間的顯示效果會有偏差。
5完沪、更好地被搜索引擎收錄
由于將大部分的HTML代碼和內(nèi)容樣式寫入了CSS文件中域庇，這就使得網(wǎng)頁中代碼更加適合搜索引擎。
6覆积、對瀏覽者和瀏覽器更具親和力
對瀏覽者和瀏覽器更具親和力听皿，由于CSS富含豐富的樣式，使頁面更加靈活性宽档，更加的美觀尉姨，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng)一和不變形吗冤。
CSS與HTML分離的缺點
1又厉、CSS網(wǎng)站制作的設(shè)計元素通常放在1個外部文件中，或幾個文件椎瘟，有可能相當(dāng)復(fù)雜覆致，甚至比較龐大。
3肺蔚、雖然說DIV+CSS解決了大部分瀏覽器兼容問題煌妈，但是也有在部分瀏覽器中使用出現(xiàn)異常，比如火狐瀏覽器，在IE中顯示正常的頁面璧诵，到了火狐瀏覽器中可能會面目全非汰蜘。當(dāng)然這應(yīng)該是瀏覽器的問題，但是可以說在目前來看腮猖，DIV+CSS還沒有實現(xiàn)所有瀏覽器的統(tǒng)一兼容鉴扫。
4赞枕、DIV+CSS對搜索引擎優(yōu)化與否,取決于網(wǎng)頁設(shè)計的專業(yè)水平,而不是DIV+CSS本身澈缺。
有哪些常見的meta標(biāo)簽？
頁面關(guān)鍵詞
<meta name="keywords" content="your tags" />
頁面描述
<meta name="description" content="150 words" />
搜索引擎索引方式
<meta name="robots" content="index,follow" />
頁面重定向和刷新
<meta http-equiv="refresh" content="0;url=" />
其他
<meta name="author" content="author name" />
<meta name="google" content="index,follow" />
<meta name="googlebot" content="index,follow" />
<meta name="verify" content="index,follow" />
移動設(shè)備
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
WebApp全屏模式
<meta name="apple-mobile-web-app-capable" content="yes" />
隱藏狀態(tài)欄/設(shè)置狀態(tài)欄顏色
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
添加到主屏后的標(biāo)題
<meta name="apple-mobile-web-app-title" content="標(biāo)題">
忽略數(shù)字自動識別為電話號碼
<meta content="telephone=no" name="format-detection" />
忽略識別郵箱
<meta content="email=no" name="format-detection" />
申明編碼
<meta charset='utf-8' />
優(yōu)先使用 IE 最新版本和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=6" >
<meta http-equiv="X-UA-Compatible" content="IE=7" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >
禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容
<meta http-equiv="Pragma" content="no-cache">
瀏覽器不會自動調(diào)整文件的大小,也就是說是固定大小,不會隨著瀏覽器拉伸縮放炕婶。
<meta name="MobileOptimized" content="240"/>
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
<!DOCTYPE> 聲明位于文檔中的最前面的位置姐赡，處于 <html> 標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范柠掂。
- 所謂的標(biāo)準(zhǔn)模式是指项滑，瀏覽器按 W3C 標(biāo)準(zhǔn)解析執(zhí)行代碼；怪異模式則是使用瀏覽器自己的方式解析執(zhí)行代碼涯贞，因為不同瀏覽器解析執(zhí)行的方式不一樣枪狂，所以我們稱之為怪異模式。
- 瀏覽器解析時到底使用標(biāo)準(zhǔn)模式還是怪異模式宋渔，與你網(wǎng)頁中的 DTD 聲明直接相關(guān)州疾， DTD 聲明定義了標(biāo)準(zhǔn)文檔的類型（標(biāo)準(zhǔn)模式解析）文檔類型，會使瀏覽器使用相應(yīng)的方式加載網(wǎng)頁并顯示皇拣，忽略 DTD 聲明 , 將使網(wǎng)頁進入怪異模式
瀏覽器亂碼的原因是什么严蓖？如何解決
html亂碼原因與網(wǎng)頁亂碼解決方法，瀏覽器瀏覽網(wǎng)頁內(nèi)容出現(xiàn)亂碼符合解決篇造成網(wǎng)頁亂碼原因主要是中文字內(nèi)容與html編碼不同造成氧急。但無論是哪種情況造成亂碼在網(wǎng)頁開始時候都需要設(shè)置網(wǎng)頁編碼颗胡。
一、亂碼造成原因
1吩坝、比如網(wǎng)頁源代碼是gbk的編碼毒姨，而內(nèi)容中的中文字是utf-8編碼的，這樣瀏覽器打開即會出現(xiàn)html亂碼钉寝。反之網(wǎng)頁是編碼utf-8手素，內(nèi)容是gbk也會出現(xiàn)亂碼。
2瘩蚪、html網(wǎng)頁編碼是gbk泉懦，而程序從數(shù)據(jù)庫中調(diào)出呈現(xiàn)是utf-8編碼的內(nèi)容也會造成編碼亂碼。
3疹瘦、瀏覽器不能自動檢測網(wǎng)頁編碼崩哩，造成網(wǎng)頁亂碼。
解決辦法:
1.如果自己開發(fā)網(wǎng)頁，必須網(wǎng)頁加入meta charset編碼標(biāo)簽邓嘹。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
或<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
2.還有可能是你網(wǎng)頁沒有設(shè)置meta charset編碼造成酣栈。導(dǎo)致瀏覽器不能識別你網(wǎng)頁默認(rèn)編碼類型。解決方法：
1汹押、如果瀏覽器瀏覽時候出現(xiàn)網(wǎng)頁亂碼矿筝，在瀏覽器中找到轉(zhuǎn)換編碼的菜單。
在IE9瀏覽器中需要轉(zhuǎn)碼的網(wǎng)頁空白出右鍵鼠標(biāo)棚贾，即可選擇“編碼”窖维。
傲游瀏覽器中瀏覽需要轉(zhuǎn)碼的網(wǎng)頁時，菜單“查看”-->“編碼”即可選擇轉(zhuǎn)換編碼
谷歌瀏覽器中瀏覽需要轉(zhuǎn)碼的網(wǎng)頁時妙痹，點擊右上角“三橫”圖標(biāo)選擇“工具”-->“編碼”即可選擇切換網(wǎng)頁編碼達(dá)到讓瀏覽器瀏覽此網(wǎng)頁不是亂碼铸史。
常見的瀏覽器有哪些，什么內(nèi)核怯伊？
1琳轿，使用Trident的是internet explorer，國產(chǎn)的絕大部分瀏覽器耿芹。Trident是就是ie內(nèi)核
2崭篡，使用Gecko的是Mozilla Firefox，使用 Gecko 內(nèi)核的瀏覽器也有不少吧秕，如 Netscape MozillaSuite/SeaMonkey 等
3琉闪，使用Presto的是opera，這是目前公認(rèn)網(wǎng)頁瀏覽速度最快的瀏覽器內(nèi)核
4寇甸，使用WebKit的有蘋果的safari塘偎，谷歌的chrome，還有國產(chǎn)的大部分雙核瀏覽器其中一核就是WebKit
列出常見的標(biāo)簽拿霉，并簡單介紹這些標(biāo)簽用在什么場景吟秩？
hr標(biāo)簽
作用：在頁面上顯示一條橫線
br標(biāo)簽
作用：換行
其他標(biāo)簽
B:加粗
U:下劃線
I:傾斜
S:刪除線
（不建議使用）
strong:加粗
em:傾斜
ins:下劃線
del:刪除線
img圖片標(biāo)簽
src:圖片的路徑
alt:如果顯示不出圖片時，顯示這個屬性中的文字
title:介紹這張圖片
a標(biāo)簽（超鏈接）
作用：可以在一個頁面中跳轉(zhuǎn)到另一個頁面绽淘。
<a href="頁面的路徑">此處必要要有文字</a>
注意：在a標(biāo)簽之內(nèi)必須要寫文字涵防，如果沒有，那么這個標(biāo)簽在頁面上找不到沪铭。
a標(biāo)簽可以不跳轉(zhuǎn)（跳轉(zhuǎn)到當(dāng)前頁面） href="#"
a標(biāo)簽在自己的頁面進行定位：
設(shè)置a標(biāo)簽的`href="#id"壮池；
在頁面的指定位置加入一個目標(biāo)標(biāo)簽；
必須給這個標(biāo)簽設(shè)置一個id名：<p id="mubiao">這是目標(biāo)</p>
target="_blank"跳轉(zhuǎn)到一個新的頁面杀怠；
target="_self"在當(dāng)前頁面進行跳轉(zhuǎn)椰憋；
base標(biāo)簽
為頁面上所有的a標(biāo)簽設(shè)置跳轉(zhuǎn)方式
ul和li標(biāo)簽
ul是無序列表，li是定義列表項目
ul中的type屬性的值：
- circle ： 空心小圓圈
- square ： 方塊
- disc ： 實心小圓圈
ol有序列表標(biāo)簽
ol是有序列表
ol中的type屬性的值：
- a : 以a b c..的形式
- 1 : 以1 2 3..的形式
- A : 以A B C..的形式
ol中的start屬性表示序號從幾開始
dl和dt自定義列表標(biāo)簽
<dt>幫助中心</dt>
<dt>在線客服</dt>
<dt>訂單操作</dt>
</dl>```
table表格標(biāo)簽
```<table border="1" width="500" height="300" cellspacing="0" cellpadding="20" align="center">
<caption>表頭</caption>
<tr align="center">
<td colspan="2">張三</td>
<td>18</td>
<td rowspan="3">挖掘機</td>
</tr>
<tr>
<td>馬六</td>
<td>19</td>
<td>.net</td>
</tr>
</table>```
caption：定義表格的表頭
border:規(guī)定表邊框的粗細(xì)（寬度）
width:表的寬度
height:表的高度
cellspacing:規(guī)定單元格之間的空白
cellpadding：規(guī)定單元邊沿與其內(nèi)容之間的空白
align:表格相對周圍元素的對齊方式
bgcolor:表格的背景色
colspan：很同一行上的單元格
rowspan：合并同一列上的單元格
bordercolor：邊框的顏色
valign：內(nèi)容的對齊垂直對齊方式
th表格標(biāo)題標(biāo)簽
用法和td一樣赔退，但是文字會自動加粗水平居中對齊
thead橙依、tbody证舟、tfoot標(biāo)簽
thead：定義表格的表頭；
tbody：表格主體（正文）
tfoot：定義表格的頁腳
<table border="1">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tfoot>
<tr>
<td></td>
<td></td>
</tr>
</tfoot>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
通常三個一起使用
embed音樂標(biāo)簽
src:指定音樂的來源
hidden：是否隱藏播放器界面
marquee滾動標(biāo)簽
DOCTYPE文檔類型
作用：告知瀏覽器使用的哪種規(guī)范
HTML三種規(guī)范：
HTML Strict DTD：請求比較嚴(yán)謹(jǐn)?shù)腍TML類型（不提倡使用被淘汰的標(biāo)簽）
HTML Transitional DTD:相對而言比較規(guī)范不太嚴(yán)謹(jǐn)
Frameset DTD：使用框架時用到
XHTML（相對HTML更嚴(yán)謹(jǐn)）
link標(biāo)簽
引用外部的css
引用title圖片：
<link rel="icon" href="1.icon">
meta標(biāo)簽
作用：可以提供頁面的元信息窗骑，比如比如搜索引擎和更新頻度的描述和關(guān)鍵詞女责。
<meta name="Generator" contect="">用以說明生成工具
<meta name="KEYWords" content="">向搜索引擎說明你的網(wǎng)頁的關(guān)鍵詞。
<meta name="DEscription" content="你的名字">告訴引擎你的站點的制作的作者
<meta name="Robots" content="all|none|index|noindex|follow|nofollow">
all:文件將被檢索创译，且頁面上的鏈接可以被查詢抵知；
none:文件將不被檢索，且頁面上的鏈接不可以被查詢软族；
index：文件將被檢索刷喜；
follow：頁面上的鏈接可以被查詢；
noindex:文件將不被檢索互订，但頁面上的鏈接可以被查詢吱肌；
nofollow:文件將不被檢索痘拆，頁面上的鏈接可以被查詢仰禽；
表單域
<form action="1.php" method="post">
用戶名：<input type="text" name="username" value="username" maxlength="8" />
<br />
<br />
密 碼：<input type="password" name="pwd" value="pwd" max="20" />
<br />
<br />
<input type="radio" name="gender" />男
<input type="radio" name="gender" checked="checked" />女
</form>
action：處理信息
method="post|get" ：get通過地址欄提供信息，安全性差纺蛆；post通過1.php來處理信息吐葵，安全性高。
input
maxlength：限制輸入的字符長度
readonly：將輸入框設(shè)置為只讀狀態(tài)（不能輸入）
disable：未激活狀態(tài)（不能使用）
name：當(dāng)前輸入框的標(biāo)識
value：輸入框的值
radio是單選桥氏，對個radio時温峭，將name的值設(shè)為一樣，可是實現(xiàn)單選效果
checked：設(shè)置默認(rèn)選中
