問答
有序列表庶香、無序列表、自定義列表如何使用简识？寫個簡單的例子赶掖。三者在語義上有什么區(qū)別？在哪些情況下使用哪種（重要）七扰？ 如何嵌套奢赂？
-
有序列表
效果 -
無序列表
-
自定義列表
有序列表顧名思義 每行前面會有順序的標(biāo)號“1、2颈走、3”呈驶，用于具有順序的步驟；
無序列表用于沒有明確順序疫鹊，表示并列意義的系列撕予，通常不具有順序性迷扇，場景用途很廣量淌；
自定義列表的樣式說明逸邦，dt標(biāo)簽是dd標(biāo)簽的抽象概念，dd是dt的子類枣耀。-
列表都可以進行嵌套
如何去除列表前面的點或者數(shù)字霉晕？
-
可以用list-style: none; 清除列表樣式：
class 和 id 有什么區(qū)別？什么時候用 class 什么時候用 id捞奕？
- class可以用來指定一類元素的樣式牺堰，當(dāng)很多元素復(fù)用一個樣式的時候可以定義一個class，所有元素同時引用這個class
- id用來選擇唯一的元素（一個元素和一個id是一對一的關(guān)系）颅围，當(dāng)需要找到這個元素的時候伟葫，可以使用id。
塊級元素院促、行內(nèi)元素是什么筏养？有什么區(qū)別？分別對應(yīng)哪些常用標(biāo)簽常拓？
- 塊級元素明顯的特征是占用頁面的一整行渐溶，和它同級的下一個元素只能在它的下面另起一行。
- 行內(nèi)元素相對于塊級元素弄抬，不占用一整行的空間茎辐，可以在一行內(nèi)進行排列。行內(nèi)元素的寬高設(shè)定是不占據(jù)空間的，它本身決定自身的寬高拖陆，對其設(shè)置padding和margin沒有垂直方向的效果弛槐，但是在水平方向是具有效果的。
- 塊級元素標(biāo)簽： div慕蔚、 ul、 p斋配、 h1…h(huán)6孔飒、 table、 tr艰争、 ul坏瞄、 li、 dl甩卓、 dt鸠匀、 form
- 行內(nèi)元素標(biāo)簽： a、 img逾柿、 span缀棍、 input、 button机错、 em爬范、 textarea
display: block、display: inline弱匪、display: inline-block分別有什么作用?
- display青瀑，是設(shè)定顯示模式的。
- display: block是設(shè)定這個元素使用塊級元素的顯示方式萧诫，具有塊級元素的特征斥难。
- display: inline是設(shè)定這個元素使用行內(nèi)元素的顯示方式，具有行內(nèi)元素的特征帘饶。
- display: inline-block是結(jié)合了兩者的特點哑诊，可以在一行內(nèi)并列，并具有塊級元素的特點及刻。
下面代碼是做什么的搭儒？抄寫一遍下面的代碼，注意class和id的使用及命名方式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.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 class="aside">側(cè)邊欄</div>
<div class="main">中心區(qū)塊</div>
</div>
</div>
<div id="footer">
<div class="wrap">這里是 footer</div>
</div>
</body>
</html>
-
代碼效果
- 這段代碼組織了一個簡單的界面分塊提茁，分為header淹禾、content、footer茴扁，其中content分為aside铃岔、main部分。
- 值得注意的是，wrap樣式的寫法毁习，設(shè)置塊級元素的 width 可以阻止它從左到右撐滿整行智嚷。然后你就可以設(shè)置左右外邊距為 auto 來使其水平居中。元素會占據(jù)你所指定的寬度纺且，然后剩余的寬度會一分為二成為左右外邊距盏道。</br>但是也會有缺點，當(dāng)頁面過窄是载碌，下方會有滾動條猜嘱。
.wrap{
width: 900px;
margin: 0 auto;
}
如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細節(jié)
- 意義：選擇合適的標(biāo)簽，使用合理的代碼結(jié)構(gòu)嫁艇，便于開發(fā)者閱讀朗伶，同時讓瀏覽器和爬蟲機器更好的解析。
- 要注意起名字的時候步咪，名字要和它本身的功能相關(guān)论皆，讓人看到名字的時候，就能大致理解這段代碼所起到的作用猾漫。
- 參考代碼規(guī)范点晴。
form表單有什么作用？有哪些常用的input 標(biāo)簽悯周，分別有什么作用觉鼻？
- form表單用于與后端服務(wù)器進行數(shù)據(jù)傳遞，并包含全局屬性
- action队橙，值為URL坠陈，規(guī)定當(dāng)提交表單時向何處發(fā)送表單數(shù)據(jù)。
- method捐康，可選擇通過“post”方式或“get”方式進行通信仇矾。
- input標(biāo)簽有多種type屬性
- button 定義可點擊的按鈕，多數(shù)用于啟動JS
- text 定義單行文本輸入
- checkbox 定義復(fù)選框
- radio 定義單選圓圈按鈕
- file 用于上傳文檔
- reset 重置form中所以輸入
- submit 定義提交按鈕解总，用于提交所以的輸入數(shù)據(jù)
- password 定義密碼輸入字段贮匕，用戶輸入的字符會用星號顯示
- hidden 定義隱藏的輸入字段 可用于簡單效驗
post 和 get 方式的區(qū)別？
- 在使用場景上花枫，get 的語義化理解就是在后端上獲得數(shù)據(jù)刻盐，類似索引的方式，用比較少的字符來請求后端返回數(shù)據(jù)劳翰；而 post 更像是本地有比較多的數(shù)據(jù)要上傳到后端敦锌，要把數(shù)據(jù)推上去。
他倆最主要的區(qū)別是佳簸，get用小數(shù)據(jù)獲取大數(shù)據(jù)乙墙，post用于上傳較大數(shù)據(jù)。
在input里，name 有什么作用听想？
- name是在input標(biāo)簽內(nèi)的屬性腥刹，在表單上傳的時候，一個input標(biāo)簽會有一個name=value被上傳汉买，name屬性定義鍵衔峰，value定義鍵值。
<button>提交</button>蛙粘、<a class="btn" href="#">提交</a>垫卤、<input type="submit" value="提交"> 三者有什么區(qū)別？
- button方式需要JS腳本的支持
- 组题！使用 a 標(biāo)簽葫男，沒能提交表單抱冷，可能需要class的支持崔列。
- input type submit 可以正常提交表單
radio 如何 分組?
- radio通過對name的定義來進行分組，同一個name的radio只能單選旺遮。
placeholder 屬性有什么作用?
-
placeholder屬性定義text赵讯、textarea、password中的提示文字
type=hidden隱藏域有什么作用? 舉例說明
- hidden 定義了一個隱藏的提交信息
- 效驗：當(dāng)用戶請求頁面的時候耿眉，后端可以將這個值設(shè)定為一個隨機值边翼，當(dāng)用戶填寫表單上傳，服務(wù)器通過對比這個值來確定是不是之前的發(fā)送的那個頁面填寫的表單鸣剪。
