1.有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？ 如何嵌套？
<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 有什么区别？什么时候用 class 什么时候用 id？
id：指定标签的唯一标识class:指定标签的类名,在某些特指的环境用的比较多，例如锚点。
使用时要加上“#”来专指id。
例如：
``# p {
}"
class：可以通过给多个元素赋予同一class，批量操作来设置css。
4.块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？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 语义化? 在平时写代码的过程中要注意哪些细节
<ul>
<li>语义化HTML可以让页面结构更清晰，可读性更强，以及更有利于SEO。
<li>header元素
header 元素代表“网页”或“section”的页眉。通常包含h1-h6
元素或hgroup
，作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分，一个搜索框，一个nav
，或者任何相关logo。
整个页面没有限制header元素的个数，可以拥有多个，可以为每个内容块增加一个header元素。
header使用注意：
可以是“网页”或任意“section”的头部部分；
没有个数限制。
如果hgroup或h1-h6自己就能工作的很好，那就不要用header。
<li>footer元素
footer元素代表“网页”或“section”的页脚，通常含有该节的一些基本信息，譬如：作者，相关文档链接，版权资料。如果footer元素包含了整个节，那么它们就代表附录，索引，提拔，许可协议，标签，类别等一些其他类似信息。
footer使用注意：
可以是“网页”或任意“section”的底部部分；
没有个数限制，除了包裹的内容不一样，其他跟header类似
<li>hgroup元素
hgroup元素代表“网页”或“section”的标题，当元素有多个层级时，该元素可以将h1到h6元素放在其内，譬如文章的主标题和副标题的组合
hgroup使用注意：
如果只需要一个h1-h6标签就不用hgroup
如果有连续多个h1-h6标签就用hgroup
如果有连续多个标题和其他文章数据，h1-h6标签就用hgroup包住，和其他文章元数据一起放入header标签
<li>nav元素
nav元素代表页面的导航链接区域。用于定义页面的"主要导航部分"
规范上说nav只能用在页面主要导航部分上。页脚区域中的链接列表，虽然指向不同网站的不同区域，譬如服务条款，版权页等，这些footer元素就能够用了。
nav使用注意：
用在整个页面主要导航部分上，不合适就不要用nav元素；
<li>aside元素
aside元素被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、标签、名次解释等。（特殊的section）
在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以是日志串连，其他组的导航，甚至广告，这些内容相关的页面。
aside使用注意：
aside在article内表示主要内容的附属信息，
在article之外则可做侧边栏，没有article与之对应，最好不用。
如果是广告，其他日志链接或者其他分类导航也可以用
<li>section元素
section元素代表文档中的“节”或“段”，“段”可以是指一篇文章里按照主题的分段；“节”可以是指一个页面里的分组。
section通常还带标题，虽然html5中section会自动给标题h1-h6降级，但是最好手动给他们降级。如下：
section使用注意：
一张页面可以用section划分为简介、文章条目和联系信息。不过在文章内页，最好用article。section不是一般意义上的容器元素，如果想作为样式展示和脚本的便利，可以用div。
表示文档中的节或者段；
article、nav、aside可以理解为特殊的section，所以如果可以用article、nav、aside就不要用section，没实际意义的就用div
<li>article元素
article元素最容易跟section和div容易混淆，其实article代表一个在文档，页面或者网站中自成一体的内容，其目的是为了让开发者独立开发或重用。譬如论坛的帖子，博客上的文章，一篇用户的评论，一个互动的widget小工具。（特殊的section）
除了它的内容，article会有一个标题（通常会在header里），会有一个footer页脚。我们举几个例子介绍一下article，好更好区分article、section、div
上例是最好简单的article标签使用情况，如果在article内部再嵌套article，那就代表内嵌的article是与它外部的内容有关联的，如博客文章下面的评论，如下：
因为文章内section部分虽然也是独立的部分，但是它门只能算是组成整体的一部分，从属关系，article是大主体，section是构成这个大主体的一部分。本网站的全部文章都是article嵌套一个个section章节，这样能让浏览器更容易区分各个章节所包括的内容。
那section内部嵌套article又有哪些情况呢，如下
article使用注意：
自身独立的情况下：用article
是相关内容：用section
没有语义的：用div
转载于: HTML 5的革新——语义化标签(一)
<li>写代码时注意个人代码风格要统一，例如大小写，横线的使用等，代码尽量简洁，可读性强，以便于后期维护。
7.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？post 和 get 方式的区别？在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="提交"> 三者有什么区别？
<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 是做提示用的，占位符，当输入框还没输入的时候，里面就实现是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同时提交。
本教程归本人和饥人谷所有，转载需说明来源。
