一.有序列表遗嗽、無序列表、自定義列表如何使用臣缀？寫個簡單的例子坝橡。三者在語義上有什么區(qū)別？在哪些情況下使用哪種（重要）肝陪？ 如何嵌套驳庭？
1.有序列表：每項之間有先后順序,默認在每項前面顯示1,2,3…
<ol type="A">：在每項前面顯示A，B氯窍，C…
<ol type="a">：在每項前面顯示a饲常，b，c…
<ol type="I">：在每項前面顯示I狼讨，II贝淤，III…
有序列表ol增加了一個屬性，<ol start="50">政供，這樣就指定了起始值從50開始
2.無序列表使用一對閉合的標簽表示播聪，<ul></ul>。內(nèi)部的一項使用<li>內(nèi)容</li>來表示布隔。
可以通過ul標簽的type屬性來修改這個修飾符离陶。
<ul type="disc">顯示為一個圓點，是默認值
<ul type="circle">顯示為一個空心圓圈
<ul type="square">顯示為一個實體正方形
“無序”指的是沒用數(shù)字或字母等來標記衅檀，不是像1,2,3或a,b,c這樣的顯示招刨，而是前面增加一個圓點來表示。
3.自定義列表
<dl>標簽全稱是definition list哀军，代表“自定義列表”沉眶。<dl>后面的l代表list，列表的意思杉适。
<dt>標簽全稱是definition term谎倔，代表 “自定義項”。一個自定義列表dl內(nèi)部可以包括多個自定義項dt猿推。<dt>后面的t代表term片习，“項目”的意思。
<dd> 標簽的全稱是definition description蹬叭，代表“自定義描述”藕咏。一個自定義項dt后面跟一個自定義描述dd。<dd>后面的d代表description具垫，“描述”的意思侈离。
例子：
標簽之間可以嵌套，比如
<ul>
<li>中餐</li>
<ul>
<li>川菜</li>
<li>湘菜</li>
</ul>
<li>西餐</li>
<ul>
<li>意面</li>
<li>牛排</li>
</ul>
</ul>
二.如何去除列表前面的點或者數(shù)字筝蚕？
使用list-style-type: none;
三.class 和 id 有什么區(qū)別卦碾？什么時候用 class 什么時候用 id铺坞？
id：指定標簽的唯一標識
class:指定標簽的類名,class可以通過給多個元素賦予同一class，批量操作來設置css
四.塊級元素洲胖、行內(nèi)元素是什么济榨？有什么區(qū)別？分別對應哪些常用標簽绿映？
塊元素都是獨立顯示擒滑，把內(nèi)容分割成塊，是網(wǎng)頁的主要結(jié)構(gòu)模塊叉弦；行內(nèi)元素丐一，即內(nèi)聯(lián)元素，只顯示在段落的文字流中淹冰，是用來標記內(nèi)容的小片段
塊級元素標簽 h,ul,li,ol,p,div
行內(nèi)元素標簽 a,em,q, img,span
五.display: block库车、display: inline、display: inline-block分別有什么作用?
display: block將元素顯示為塊級元素
display: inline將元素顯示為行內(nèi)元素
display: inline-block將對象呈遞為內(nèi)聯(lián)對象樱拴，但是對象的內(nèi)容作為塊對象呈遞柠衍。旁邊的內(nèi)聯(lián)對象會被呈遞在同一行內(nèi)，允許空格(準確地說晶乔，應用此特性的元素呈現(xiàn)為內(nèi)聯(lián)對象珍坊，周圍元素保持在同一行，但可以設置寬度和高度地塊元素的屬性)
六.下面代碼是做什么的正罢？抄寫一遍下面的代碼阵漏，注意class和id的使用及命名方式
頁面分：頭部、內(nèi)容腺怯、底部,頭部有三個導航欄袱饭，內(nèi)容有側(cè)邊欄和中心區(qū)塊,三個區(qū)塊結(jié)構(gòu)里面共用了一個class樣式川无。
七.如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細節(jié)
語義化：使用語義恰當?shù)臉撕炃赫迹鬼撁嬗辛己玫慕Y(jié)構(gòu)，頁面元素有含義懦趋，能夠讓人和搜索引擎都容易理解晾虑。
1.盡可能少的使用無語義的標簽div和span；
2.在語義不明顯時仅叫，既可以使用div或者p時帜篇，盡量用p, 因為p在默認情況下有上下間距，對兼容特殊終端有利诫咱；
3.不要使用純樣式標簽笙隙，如：b、font坎缭、u等竟痰，改用css設置
5.使用表格時表頭用th签钩，單元格用td；
6.命名有一定的含義坏快，讓人一看到就能知道是什么铅檩，這樣便于維護和閱讀。命名風格保持統(tǒng)一莽鸿，比如說使用下劃線就堅持使用昧旨。
八.form表單有什么作用？有哪些常用的input 標簽祥得，分別有什么作用兔沃？
1.<form> 標簽用于為用戶輸入創(chuàng)建 HTML 表單。表單用于向服務器傳輸數(shù)據(jù)级及。
<form name="myForm" action="/test/6.php" method="post">
name:表單提交時的名稱粘拾；
action:提交到的地址，如果不寫action创千，信息就會提交到當前頁面缰雇；
method:提交方式（get和post），如果不寫追驴，默認的是get
2.常用標簽：
- type="text"械哟，用于輸入文本,比如登陸輸入用戶名，注冊輸入電話號碼殿雪，電子郵件暇咆，家庭住址等等。也是Input的默認類型丙曙。
your name:
<input type="text" name="yourname" size="30" maxlength="20" value="在這里輸入">```
name：表示該文本輸入框名稱爸业。
size：輸入框的長度大小。
maxlength：輸入框中允許輸入字符的最大數(shù)亏镰。
value：輸入框中的默認值
placeholder:（可選）展示輸入框里的提示
* type="password"扯旷， 用于輸入密碼，此輸入框輸入信息時顯示為保密字符索抓。
```<form>
your password:
<input type="password" name="yourpwd" maxlength="15" value="123456">密碼長度小于15
</form>
- type="file",用于上傳文件(在BBS上傳圖片钧忽，在EMAIL中上傳附件)
<form>
your file:
<input type="file" name="yourfile" size="30">
</form>
- type="hidden"隱藏域，用戶看不到逼肯，用于暫存數(shù)據(jù)或者安全性校驗
<input name="url_delete" type="hidden" value="/delete.php" />
<input name="csrf_token" type="hidden" value="123" />
- type="button"標準的一windows風格的按鈕
- type="checkbox" 多選框耸黑，常見于注冊時選擇愛好、性格篮幢、等信息大刊。參數(shù)有name,value及特別參數(shù)checked（表示默認選擇）其實最重要的還是value值，提交到處理頁的也就是value三椿。（附：name值可以不一樣缺菌，但不推薦曲尸。）
<form name="form1">
a:<input type="checkbox" name="checkit1" value="a" checked><br>
b:<input type="checkbox" name="checkit2" value="b"><br>
c:<input type="checkbox" name="checkit3" value="c"><br>
</form>
- type="radio"即單選框，出現(xiàn)在多選一的頁面設定中男翰。參數(shù)同樣有name,value及特別參數(shù)checked.不同于checkbox的是另患，name值一定要相同，否則就不能多選一蛾绎。
- type="image"可以作為提交式圖片
- type=submit and type=reset分別是“提交”和“重置”兩按鈕
submit主要功能是將Form中所有內(nèi)容進行提交action頁處理昆箕，reset則起個快速清空所有填寫內(nèi)容的功能。
<form name="form1" action="xxx.asp">
<input type="text" name="yourname">
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
九.post 和 get 方式的區(qū)別租冠？
- GET是從服務器上獲取數(shù)據(jù)鹏倘，POST是向服務器傳送數(shù)據(jù)。
- GET 是把參數(shù)數(shù)據(jù)隊列加到提交表單的ACTION屬性所指的URL中顽爹，值和表單內(nèi)各個字段一一對應纤泵，在URL中可以看到。POST是通過HTTP POST機制镜粤，將表單內(nèi)各個字段與其內(nèi)容放置在HTML HEADER內(nèi)一起傳送到ACTION屬性所指的URL地址捏题。用戶看不到這個過程。
- 對于GET方式肉渴，服務器端用Request.QueryString獲取變量的值公荧，對于POST方式，服務器端用Request.Form獲取提交的數(shù)據(jù)同规。
- GET傳送的數(shù)據(jù)量較小循狰，不能大于2KB（這主要是因為受URL長度限制）。POST傳送的數(shù)據(jù)量較大券勺，一般被默認為不受限制绪钥。但理論上，限制取決于服務器的處理能力关炼。
- GET 安全性較低程腹，POST安全性較高。因為GET在傳輸過程盗扒，數(shù)據(jù)被放在請求的URL中跪楞，而如今現(xiàn)有的很多服務器缀去、代理服務器或者用戶代理都會將請求URL記 錄到日志文件中侣灶，然后放在某個地方，這樣就可能會有一些隱私的信息被第三方看到缕碎。另外褥影，用戶也可以在瀏覽器上直接看到提交的數(shù)據(jù)，一些系統(tǒng)內(nèi)部消息將會一 同顯示在用戶面前咏雌。POST的所有操作對用戶來說都是不可見的凡怎。
- 在FORM提交的時候校焦，如果不指定Method，則默認為 GET請求（.net默認是POST）统倒，F(xiàn)orm中提交的數(shù)據(jù)將會附加在url之后寨典，以?分開與url分開。字母數(shù)字字符原樣發(fā)送房匆，但空格轉(zhuǎn)換為“+” 號耸成，其它符號轉(zhuǎn)換為%XX,其中XX為該符號以16進制表示的ASCII（或ISO Latin-1）值。
十.在input里浴鸿，name 有什么作用井氢？
name 屬性規(guī)定 input 元素的名稱。
name 屬性用于對提交到服務器后的表單數(shù)據(jù)進行標識岳链，或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)花竞。
注釋：只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
復選框當中掸哑，可以把name值設置成一個數(shù)組约急，例：
<input type="checkbox" name="fruit[]" value="apple" />蘋果
<input type="checkbox" name="fruit[]" value="peach" />桃子
十一.<button>提交</button>、<a class="btn" href="#">提交</a>苗分、<input type="submit" value="提交"> 三者有什么區(qū)別烤宙？
<button>提交</button> ——普通按鈕，button默認是不提交任何數(shù)據(jù)俭嘁，需要綁定事件才可以用提交數(shù)據(jù)
<a class="btn" href="#">提交</a> ——鏈接
<input type="submit" value="提交"> ——提交按鈕躺枕，提交信息到服務器
十二.radio 如何 分組?
設置name值實現(xiàn)分組，如果name值相同供填，則表示它們是一組拐云，可以實現(xiàn)單選。
十三.placeholder 屬性有什么作用?
placeholder 屬性提供可描述輸入字段預期值的提示信息近她。
該提示會在輸入字段為空時顯示叉瘩，并會在字段獲得焦點時消失。
十四.type=hidden隱藏域有什么作用? 舉例說明
隱藏域在頁面中對于用戶是不可見的粘捎，在表單中插入隱藏域的目的在于收集或發(fā)送信息薇缅，以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候攒磨，隱藏域的信息也被一起發(fā)送到服務器泳桦。
<input type="hidden" name="identity" value="123">
