1.有序列表、無序列表、自定義列表如何使用？寫個簡單的例子。三者在語義上有什么區(qū)別？在哪些情況下使用哪種（重要）？ 如何嵌套？
<ul class="">無序列表（全稱： unordered list) <li class=""></li> </ul>
無序列表前以圓點表示
<ol>`有序列表（全稱：ordered list） ` <li></li>` `</ol>
有序列表前以數字或字母表示。
<ol type="a">`:就會顯示成a b c ... `<ol start="10">`:就會從10開始。
嵌套：
<ul> <li> <ul> <li></li> </ul> </li> <li></li> <li></li> </ul>
<dl>`自定義列表(全稱：definition list） ` <dt>大標題</dt>` ` <dd>小標題</dd>` ` <dd>小標題</dd>` ` <dd>小標題</dd>` ` <dt>大標題</dt>` ` <dd>小標題</dd>` ` <dd>小標題</dd>` ` <dd>小標題</dd>` `</dl>
2.如何去除列表前面的點或者數字？
list-style-type: none; 設置列表為無格式。
3.class 和 id 有什么區(qū)別？什么時候用 class 什么時候用 id？
id：指定標簽的唯一標識class:指定標簽的類名,在某些特指的環(huán)境用的比較多，例如錨點。
使用時要加上“#”來專指id。
例如：
``# p {
}"
class：可以通過給多個元素賦予同一class，批量操作來設置css。
4.塊級元素、行內元素是什么？有什么區(qū)別？分別對應哪些常用標簽？display: block、display: inline、display: inline-block分別有什么作用?
<li>塊級元素：div、p、h1..h6、table、ul、li、dl、dt、form
<li>行內元素：a、span、img、input、button、em、textarea
<dt>
塊元素在頁面內展示的效果是占滿一行，行內元素則是其本身一小塊。</dt>
<li>但是可以通過代碼來改變元素屬性：
例：
<ol><li>a { display:block; }
“a”展示為塊元素。
<li>div { display:inline; }
“div”展示為行內元素。
<li>a { display:inline-block; }
“a”包含兩種元素的某些特性，但在ie8以下無法使用。
inline-block 的元素既具有 block 元素可以設置寬高的特性，同時又具有 inline 元素默認不換行的特性。當然不僅僅是這些特性，比如 inline-block 元素也可以設置 vertical-align 屬性。HTML 中的換行符、空格符、制表符等合并為空白符，字體大小不為 0 的情況下，空白符自然占據一定的寬度，使用inline-block 會產生了元素間的空隙,行內元素擁有塊級元素屬性,但可以在同一行排列.
注：<ol>
<li>行內元素的寬高設置無效，其寬高是由自身決定的。
<li>行內元素的左右padding和margin是有效的，但是上下不占據空間。
5.下面代碼是做什么的？抄寫一遍下面的代碼，注意class和id的使用及命名方式
此代碼外部通過"div id“將整個頁面劃分為header 、footer、content三部分,內部用`<div class="wrap">設置整個頁面為左右居中，上下高度為零。
6.如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細節(jié)
<ul>
<li>語義化HTML可以讓頁面結構更清晰，可讀性更強，以及更有利于SEO。
<li>header元素
header 元素代表“網頁”或“section”的頁眉。通常包含h1-h6
元素或hgroup
，作為整個頁面或者一個內容塊的標題。也可以包裹一節(jié)的目錄部分，一個搜索框，一個nav
，或者任何相關logo。
整個頁面沒有限制header元素的個數，可以擁有多個，可以為每個內容塊增加一個header元素。
header使用注意：
可以是“網頁”或任意“section”的頭部部分；
沒有個數限制。
如果hgroup或h1-h6自己就能工作的很好，那就不要用header。
<li>footer元素
footer元素代表“網頁”或“section”的頁腳，通常含有該節(jié)的一些基本信息，譬如：作者，相關文檔鏈接，版權資料。如果footer元素包含了整個節(jié)，那么它們就代表附錄，索引，提拔，許可協(xié)議，標簽，類別等一些其他類似信息。
footer使用注意：
可以是“網頁”或任意“section”的底部部分；
沒有個數限制，除了包裹的內容不一樣，其他跟header類似
<li>hgroup元素
hgroup元素代表“網頁”或“section”的標題，當元素有多個層級時，該元素可以將h1到h6元素放在其內，譬如文章的主標題和副標題的組合
hgroup使用注意：
如果只需要一個h1-h6標簽就不用hgroup
如果有連續(xù)多個h1-h6標簽就用hgroup
如果有連續(xù)多個標題和其他文章數據，h1-h6標簽就用hgroup包住，和其他文章元數據一起放入header標簽
<li>nav元素
nav元素代表頁面的導航鏈接區(qū)域。用于定義頁面的"主要導航部分"
規(guī)范上說nav只能用在頁面主要導航部分上。頁腳區(qū)域中的鏈接列表，雖然指向不同網站的不同區(qū)域，譬如服務條款，版權頁等，這些footer元素就能夠用了。
nav使用注意：
用在整個頁面主要導航部分上，不合適就不要用nav元素；
<li>aside元素
aside元素被包含在article元素中作為主要內容的附屬信息部分，其中的內容可以是與當前文章有關的相關資料、標簽、名次解釋等。（特殊的section）
在article元素之外使用作為頁面或站點全局的附屬信息部分。最典型的是側邊欄，其中的內容可以是日志串連，其他組的導航，甚至廣告，這些內容相關的頁面。
aside使用注意：
aside在article內表示主要內容的附屬信息，
在article之外則可做側邊欄，沒有article與之對應，最好不用。
如果是廣告，其他日志鏈接或者其他分類導航也可以用
<li>section元素
section元素代表文檔中的“節(jié)”或“段”，“段”可以是指一篇文章里按照主題的分段；“節(jié)”可以是指一個頁面里的分組。
section通常還帶標題，雖然html5中section會自動給標題h1-h6降級，但是最好手動給他們降級。如下：
section使用注意：
一張頁面可以用section劃分為簡介、文章條目和聯(lián)系信息。不過在文章內頁，最好用article。section不是一般意義上的容器元素，如果想作為樣式展示和腳本的便利，可以用div。
表示文檔中的節(jié)或者段；
article、nav、aside可以理解為特殊的section，所以如果可以用article、nav、aside就不要用section，沒實際意義的就用div
<li>article元素
article元素最容易跟section和div容易混淆，其實article代表一個在文檔，頁面或者網站中自成一體的內容，其目的是為了讓開發(fā)者獨立開發(fā)或重用。譬如論壇的帖子，博客上的文章，一篇用戶的評論，一個互動的widget小工具。（特殊的section）
除了它的內容，article會有一個標題（通常會在header里），會有一個footer頁腳。我們舉幾個例子介紹一下article，好更好區(qū)分article、section、div
上例是最好簡單的article標簽使用情況，如果在article內部再嵌套article，那就代表內嵌的article是與它外部的內容有關聯(lián)的，如博客文章下面的評論，如下：
因為文章內section部分雖然也是獨立的部分，但是它門只能算是組成整體的一部分，從屬關系，article是大主體，section是構成這個大主體的一部分。本網站的全部文章都是article嵌套一個個section章節(jié)，這樣能讓瀏覽器更容易區(qū)分各個章節(jié)所包括的內容。
那section內部嵌套article又有哪些情況呢，如下
article使用注意：
自身獨立的情況下：用article
是相關內容：用section
沒有語義的：用div
轉載于: HTML 5的革新——語義化標簽(一)
<li>寫代碼時注意個人代碼風格要統(tǒng)一，例如大小寫，橫線的使用等，代碼盡量簡潔，可讀性強，以便于后期維護。
7.form表單有什么作用？有哪些常用的input 標簽，分別有什么作用？post 和 get 方式的區(qū)別？在input里，name 有什么作用？
form表單主要用于用戶向服務器提交信息。
input常用標簽有以下幾種：
get標簽的特點是會在URL上顯示出所提交的信息，所以其提交的信息量不能太大，大小應在1k以內，這是由于瀏覽器的限制。而且不能用于提交賬號密碼等需要保密的信息，因為這些信息都會通過URL顯示出來，很容易通過查詢網頁歷史瀏覽記錄查出來。
post提交的內容大小理論上無上限，跟服務器有關。
name用于將用戶提交的某個數據傳輸到后臺，供后端識別。
例：
性別：<input type="text' name="male" />男 <input type="text' name="famale" />女
當用戶選了“男”后，后臺就會收到 “male”。
8.<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交"> 三者有什么區(qū)別？
<button>只是會做出一個按鈕，沒有其他什么效果，需要綁定事件才可以。
<a class="btn" href="#>是一個網頁鏈接。
<input type="submit" value="提交">是向服務器提交一個信息。
9.radio 如何分組?
<input type="radio" name="xx" value="xx">
在tyoe=radio中，相同的name會被認為是同一組，分在一起，但是value要不同，以便于傳輸不同的數據到后端。
10.placeholder 屬性有什么作用?
placeholder 是做提示用的，占位符，當輸入框還沒輸入的時候，里面就實現(xiàn)是placeholder的內容。
11.type=hidden隱藏域有什么作用? 舉例說明
Hidden 對象代表一個 HTML 表單中的某個隱藏輸入域。
這種類型的輸入元素實際上是隱藏的。這個不可見的表單元素的 value 屬性保存了一個要提交給 Web 服務器的任意字符串。如果想要提交并非用戶直接輸入的數據的話，就是用這種類型的元素。
<form action="index.html" method="post"> 用戶名：<input type="text" name="username"><br/> 密 碼: <input type="text" name="password"><br/> <input type="hidden" name="name" value="12345"> <input type="submit" name="name"> </form>
用戶輸入的信息會和hidden同時提交。
本教程歸本人和饑人谷所有，轉載需說明來源。
