keywords：三種列表大年，語(yǔ)義化，class與id玉雾，行內(nèi)元素（inline elements）翔试，塊級(jí)元素（block elements），display复旬，表單遏餐，post與get，input赢底，button失都。
-
有序列表、無(wú)序列表幸冻、自定義列表如何使用粹庞？寫(xiě)個(gè)簡(jiǎn)單的例子。三者在語(yǔ)義上有什么區(qū)別洽损？在哪些情況下使用哪種（重要）庞溜？ 如何嵌套？
嵌套是使列表變得更為強(qiáng)大的一種能力碑定，每一個(gè)列表都有可能放置在另一個(gè)列表當(dāng)中流码，并可以連續(xù)嵌套。但在嵌套時(shí)要注意語(yǔ)義化使用延刘。最常用的嵌套是有序列表的嵌套和無(wú)序列表的嵌套漫试，以及相互間的嵌套。
嵌套列表的竅門(mén)是：無(wú)論什么時(shí)候碘赖，都要注意每一個(gè)列表和列表項(xiàng)在哪里開(kāi)始驾荣，又將在哪里結(jié)束。唯一能放在<ul>和<ol>標(biāo)簽內(nèi)的是<li>標(biāo)簽普泡，能放在<li>標(biāo)簽里面的是<ol>和<ul>標(biāo)簽播掷。
參考：
W3C Rcommendation-lists
Creating Lists
-
如何去除列表前面的點(diǎn)或者數(shù)字？
-
class 和 id 有什么區(qū)別撼班？什么時(shí)候用 class 什么時(shí)候用 id歧匈？
class是類(lèi)，表示某一類(lèi)事物砰嘁；而id像身份證件炉，具有唯一性勘究。
兩者都能用來(lái)選擇元素，不同的是：一個(gè)類(lèi)名可以重復(fù)使用妻率，而一個(gè)id在同一頁(yè)面只能使用一次。如果元素內(nèi)容可以納入同一類(lèi)板祝，則應(yīng)使用class宫静，而不是id。
另外id可以給a鏈接設(shè)置錨點(diǎn)券时，使頁(yè)面跳轉(zhuǎn)到指定位置孤里。
-
塊級(jí)元素、行內(nèi)元素是什么橘洞？有什么區(qū)別捌袜？分別對(duì)應(yīng)哪些常用標(biāo)簽？
塊級(jí)元素（block element）：
1炸枣、正文單獨(dú)占據(jù)一行虏等；
2、左右不能出現(xiàn)其他元素适肠；
3霍衫、可以自定義寬高；
4侯养、可以包含行內(nèi)元素和其他塊級(jí)元素敦跌；
行內(nèi)元素（inline element）：
1、只占據(jù)必要的內(nèi)容寬度逛揩；
2柠傍、左右可以存在其他元素；
3辩稽、不能自定義寬高惧笛；
4、只能包含數(shù)據(jù)和其他行內(nèi)元素逞泄。
常用塊級(jí)元素：div徐紧、blockquote、h1-h6炭懊、ul并级、ol、dl侮腹、p嘲碧、table、form等
常用行內(nèi)元素：span父阻、em愈涩、b望抽、strong、a履婉、img煤篙、button、input等
-
display: block毁腿、display: inline辑奈、display: inline-block分別有什么作用?
display規(guī)定元素應(yīng)該生成的框的類(lèi)型。
display:block已烤，元素將顯示為塊級(jí)元素鸠窗，元素前后將有換行符，具有塊級(jí)元素特性胯究。
display:inline,元素將被顯示為行內(nèi)元素稍计，元素前后沒(méi)有換行符，具有行內(nèi)元素特性裕循。
display:inline-block,元素被顯示為行內(nèi)塊元素臣嚣，與一般行內(nèi)元素不同的是，元素可以自定義寬高剥哑。
-
下面代碼是做什么的茧球？抄寫(xiě)一遍下面的代碼，注意class和id的使用及命名方式星持。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>task7</title>
<style type="text/css">
.wrap{
width: 900px;
margin:0 auto;
}
</style>
</head>
<body>
<div id="header">
<div class="wrap">
<a id="logo" href="#"><img src=""></a>
<ul class="nav">
<li><a href="#">導(dǎo)航1</a></li>
<li><a href="#">導(dǎo)航2</a></li>
<li><a href="#">導(dǎo)航3</a></li>
</ul>
</div>
</div>
<div id="content">
<div class="wrap">
<div>側(cè)邊欄</div>
<div>中心區(qū)塊</div>
</div>
</div>
<div id="footer">
<div class="wrap">這里是footer</div>
</div>
</body>
</html>
從結(jié)構(gòu)上看：利用div分成三大塊：header抢埋、content、footer（命名語(yǔ)義化原則）督暂。在div大塊的容器內(nèi)揪垄，布置div小容器，并用class標(biāo)識(shí)逻翁，方便應(yīng)用css饥努。
從內(nèi)容上看：header包含a鏈接、ul無(wú)序列表八回；content包含兩個(gè)div內(nèi)容酷愧；
footer包含一個(gè)div內(nèi)容。
從樣式上看：對(duì)header缠诅、content溶浴、footer三塊定義寬度900px，并利用margin: 0 auto 使塊水平居中管引。
-
如何理解 HTML CSS 語(yǔ)義化? 在平時(shí)寫(xiě)代碼的過(guò)程中要注意哪些細(xì)節(jié)士败？
語(yǔ)義化即在使用標(biāo)簽或者對(duì)class、id命名時(shí)，注意標(biāo)簽或者名稱(chēng)符合所希望達(dá)成的效果谅将。比如<p>表示段落漾狼，<h1>表示標(biāo)題，class=‘header’表示頭部饥臂。
盡管從樣式上來(lái)看逊躁，利用其它標(biāo)簽?zāi)軌蜻_(dá)到同樣的功能，但為了使代碼更易于維護(hù)隅熙、可讀性更強(qiáng)稽煤，要注重標(biāo)簽與所想達(dá)成的效果想匹配。
在書(shū)寫(xiě)代碼的過(guò)程中猛们，為了高效維護(hù)代碼念脯、增強(qiáng)代碼可讀性狞洋，明晰代碼結(jié)構(gòu)弯淘，需要注意細(xì)節(jié)：
1、代碼統(tǒng)一小寫(xiě)吉懊；
2庐橙、不要忘記doctype聲明；
3借嗽、對(duì)于屬性的值态鳖，使用雙引號(hào)，而不是單引號(hào)恶导；
4浆竭、在寫(xiě)樣式時(shí)，不要讓多個(gè)屬性在同一行惨寿，最好每個(gè)屬性各占一行邦泄；
5、嵌套元素裂垦，應(yīng)該縮進(jìn)一次顺囊；
附兩份編碼規(guī)范，以備學(xué)習(xí)之用：
前端代碼規(guī)范 及 最佳實(shí)踐
編碼規(guī)范 by @mdo
-
form表單有什么作用蕉拢？有哪些常用的input 標(biāo)簽特碳，分別有什么作用？
form表單用于用戶輸入信息晕换，并將信息提交服務(wù)器午乓。
input的輸入類(lèi)型由type屬性定義，常用輸入類(lèi)型如下有:
1闸准、text：創(chuàng)建文本框硅瞧；
2、password：創(chuàng)建密碼框恕汇，星號(hào)顯示腕唧；
3或辖、radio（單選）：創(chuàng)建單選；
4枣接、checkbox（多選）：創(chuàng)建多選颂暇；
5、submit（提交）：創(chuàng)建提交按鈕但惶；
6耳鸯、textarea：文本域，用于輸入多行文本膀曾；
7县爬、hidden：隱藏域，用戶看不到添谊，用于暫存數(shù)據(jù)或安全性校驗(yàn)财喳。
參考：
HTML <input> 標(biāo)簽的 type 屬性
-
post 和 get 方式的區(qū)別？
get和post都可以用于向服務(wù)器提交數(shù)據(jù)斩狱，但各自又有不同的特點(diǎn)：
1耳高、安全性：get提交的數(shù)據(jù)會(huì)直接顯示在url上，post不會(huì)所踊；
2泌枪、數(shù)據(jù)大小：get提交的數(shù)據(jù)收到url限制秕岛，post不受url限制,受服務(wù)器限制碌燕；
因此，get常用于向指定資源請(qǐng)求數(shù)據(jù)继薛，post常用于向指定資源提交要被處理的數(shù)據(jù)修壕。
-
在input里，name 有什么作用惋增？
input的name屬性用于定義input元素的名稱(chēng)叠殷。單選時(shí)，要保證各單選的name相同诈皿。
-
<button>提交</button>林束、<a class="btn" href="#">提交</a>、<input type="submit" value="提交">三者有什么區(qū)別稽亏？
-
radio 如何 分組?
將隸屬于同一組的radio賦予相同的name壶冒。
-
placeholder 屬性有什么作用?
placeholder可以為input的文本框等顯示默認(rèn)的文本提示。
-
type=hidden隱藏域有什么作用? 舉例說(shuō)明
在input中使用type=hidden截歉，隱藏的信息用戶不可見(jiàn)胖腾，，但表單會(huì)將隱藏文本發(fā)送至服務(wù)器。
