1,如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細節(jié)
-html css語義化就是為了讓代碼更具有可讀性。
注意細節(jié)：（不太懂艘儒，以后遇到一定要搞明白）
- 盡可能少的使用無語義的標簽div和span；
- 在語義不明顯時栏尚，既可以使用div或者p時归苍，盡量用p, 因為p在默認情況下有上下間距，對兼容特殊終端有利麸恍；
- 不要使用純樣式標簽灵巧，如：b、font抹沪、u等刻肄，改用css設(shè)置。
- 需要強調(diào)的文本融欧，可以包含在strong或者em標簽中（瀏覽器預設(shè)樣式敏弃，能用CSS指定就不用他們），strong默認樣式是加粗（不要用b）噪馏，em是斜體（不用i）麦到；
- 使用表格時绿饵，標題要用caption，表頭用thead瓶颠，主體部分用tbody包圍拟赊，尾部用tfoot包圍。表頭和一般單元格要區(qū)分開粹淋，表頭用th吸祟，單元格用td；
- 表單域要用fieldset標簽包起來桃移，并用legend標簽說明表單的用途屋匕；
- 每個input標簽對應的說明文本都需要使用label標簽，并且通過為input設(shè)置id屬性谴轮，在lable標簽中設(shè)置for=someld來讓說明文本和相對應的input關(guān)聯(lián)起來炒瘟。
2,form表單有什么作用？有哪些常用的input 標簽第步，分別有什么作用疮装？
- form表單作用：是用來將用戶提交的數(shù)據(jù)傳遞到后臺服務(wù)器。
3,post 和 get 方式的區(qū)別粘都？
- post：（將大量內(nèi)容提交到后臺廓推，得到后臺少量回復）form表單在將用戶提交內(nèi)容傳遞到后臺時，提交內(nèi)容不會出現(xiàn)在鏈接中翩隧，而是以文件的方式傳遞樊展，擁有更好的保密性（尤其是用戶密碼等隱私信息，不會出現(xiàn)在瀏覽記錄中）堆生。
- get：（將少量內(nèi)容提交到后臺专缠，得到后臺大量回復）form表單在將用戶提交內(nèi)容傳遞到后臺時，提交內(nèi)容會出現(xiàn)在鏈接中淑仆。
4,在input里涝婉，name 有什么作用？
- name的作用：告訴后臺數(shù)據(jù)的名稱蔗怠。
- 官方讀不懂答案：
用途1： 作為可與服務(wù)器交互數(shù)據(jù)的HTML元素的服務(wù)器端的標示墩弯，比如input、select寞射、textarea渔工、和button等。我們可以在服務(wù)器端根據(jù)其Name通過Request.Params取得元素提交的值桥温。
用途2： HTML元素Input type='radio’分組引矩，我們知道radio button控件在同一個分組類，check操作是mutex的，同一時間只能選中一個radio脓魏，這個分組就是根據(jù)相同的Name屬性來實現(xiàn)的兰吟。
用途3： 建立頁面中的錨點，我們知道<a href=“URL”>link</a>是獲得一個頁面超級鏈接茂翔，如果不用href屬性混蔼，而改用Name，如：<a name=“PageBottom”></a>珊燎，我們就獲得了一個頁面錨點惭嚣。
用途4： 作為對象的Identity，如Applet悔政、Object晚吞、Embed等元素。比如在Applet對象實例中谋国，我們將使用其Name來引用該對象槽地。
用途5： 在IMG元素和MAP元素之間關(guān)聯(lián)的時候，如果要定義IMG的熱點區(qū)域芦瘾，需要使用其屬性usemap捌蚊，使usemap="#name"(被關(guān)聯(lián)的MAP元素的Name)。
用途6： 某些特定元素的屬性近弟，如attribute缅糟，meta和param。例如為Object定義參數(shù)<PARAM NAME = “appletParameter” VALUE = “value”>或Meta中<META NAME = “Author” CONTENT = “Dave Raggett”>祷愉。
5,<button>提交</button>窗宦、<a class="btn" href="#">提交</a>、<input type="submit" value="提交" />三者有什么區(qū)別二鳄？
-
<button>提交</button>按鈕樣式赴涵，但只是一個按鈕叫做提交； -
<a class="btn" href="#">提交</a>在點擊提交兩個字（注意订讼，只是字句占，不是按鈕樣式）之后會進入#鏈接頁面； -
<input type="submit" value="提交" />按鈕樣式躯嫉，將用戶提交數(shù)據(jù)傳到后臺。
6,radio 如何 分組?
- 設(shè)置不同的name屬性值即可分組杨拐，相同的為一組祈餐。
7,placeholder 屬性有什么作用?
- placehouder="hahahah",其所在的
<input type="XX" placehouder="hahahah">中就會提示hahahah。（我講明白了嗎哄陶？）
8,type=hidden隱藏域有什么作用? 舉例說明
- 作用：用于數(shù)據(jù)暫存或者安全性校驗（用戶更改信息帆阳，后臺為了確認用戶身份，會去查看
type=hidden中value的值，如果匹配蜒谤，系統(tǒng)則認為是用戶本人山宾，允許進行操作。）
9,有序列表鳍徽、無序列表资锰、自定義列表如何使用？寫個簡單的例子阶祭。三者在語義上有什么區(qū)別绷杜？在哪些情況下使用哪種（重要）？ 如何嵌套濒募？
- 例子如下圖：
語義上的區(qū)別：
有序列表：通過數(shù)字排列列表瑰剃。通常需要序號使用齿诉。
無序列表：通過符號（默認為點）排列列表。通常使用在標簽項等晌姚，較常用粤剧。
自定義列表：有屬性（dt），有解釋(dd)的列表舀凛。嵌套如下圖：
10,如何去除列表前面的點或者數(shù)字俊扳？
方法一：
方法二：
11,class 和 id 有什么區(qū)別猛遍？什么時候用 class 什么時候用 id馋记？
- 區(qū)別：
class：可以統(tǒng)一標簽定義許多名稱，也可以一個名稱定義許多標簽懊烤。
id:只可以對應一個標簽定義一個名稱梯醒。
（id代表中國的一個省，省的名稱只可以有一個腌紧，class代表小縣城茸习，縣城的名稱可以相同，一個縣城也可以多個名稱壁肋。）
- 用途：一般定義大框例如head号胚、content這些比較大的使用id；其余盡量都使用class浸遗。
12,塊級元素猫胁、行內(nèi)元素是什么？有什么區(qū)別跛锌？分別對應哪些常用標簽弃秆？
- 塊級元素：在瀏覽器默認顯示狀態(tài)下將占據(jù)整行，排斥其他元素于同一行。其寬度不可定義菠赚，但寬高脑豹。一般為矩形，可以容納行元素和其他塊元素衡查。常見塊元素有：div瘩欺、p、h1...h6峡捡、table击碗、tr、ul们拙、li稍途、dl 、dt砚婆、form
- 行內(nèi)元素：不獨占一行械拍，相鄰行內(nèi)元素排列同行。行內(nèi)元素內(nèi)部可以容納其他行內(nèi)元素但不可以容納塊級元素装盯。常見行內(nèi)元素有：aspan坷虑、img索绪、input魁衙、button斗遏、em神得、textarea
- 區(qū)別：塊級元素占據(jù)一整行，行內(nèi)元素只占用體積所占大小區(qū)域临梗。
13,display: block蠢沿、display: inline肩榕、display: inline-block分別有什么作用?
- display：block就是將元素顯示為塊級元素垮抗。
- display：inline就是將元素顯示為行內(nèi)元素氏捞。
- display：inline-block就是可以讓內(nèi)聯(lián)對象擁有塊狀元素的特性，可以設(shè)置高寬邊距填充冒版，同時仍然保持在同一行上液茎。
14,下面代碼是做什么的？抄寫一遍下面的代碼辞嗡，注意class和id的使用及命名方式
- 代碼解釋：這段代碼包括一個圖片鏈接捆等、三個寬度為900px，無外邊距的導航框续室，一個側(cè)邊欄栋烤，一個中心區(qū)塊，一個底欄的網(wǎng)頁猎贴。具體如下圖
- TIP
