html面试题

1.行内元素有哪些？

a,em,img,font,i,input,strong,button,textarea

2.块级元素有哪些？

address,blockquote,center,dir,div,p,ul,li,h1-h6,blockquote

3.空(void)元素有哪些？

<br/>,<hr/>,<link>,<input>

4.行内元素跟块级元素有什么区别？

区别一：

块级：块级元素会独占一行，默认情况下宽度自动填满其父元素宽度
行内：行内元素不会独占一行，相邻的行内元素会排在同一行。其宽度随着内容的变化而变化



区别二：

块级：可以设置宽高
行内：不可以设置宽高


区别三：

块级：块级元素可以设置margin,padding
行内：行内元素水平方向的margin-left; margin-right; padding-left; padding-right;可以生效。但是竖直方向的margin-bottom; margin-top; padding-top; padding-bottom;却不能生效。

区别四：

块级：display:block;
行内：display:inline;

5.label的作用是什么？是怎么用的？

label标签主要是方便鼠标点击使用，扩大可点击范围，增强用户操作体验



<label for="Name">Number:</label>
<input type="text" name="Name" id="Name"/>

6.html5标签？

<article>定义独立的内容
<aside>定义页面内容之外的内容
<audio>定义声音内容
<bdi>定义文本的文本方向，使其脱离其周围文本的方向设置
<canvas>定义图形
<command>定义命令按钮
<datalist>定义下拉列表
<details>	定义元素的细节
<embed>	定义外部交互内容或插件
<figcaption>	定义figure元素的标题
<figure> 	 定义媒介内容的分组，以及他们的标题
<footer>	定义section或page的页脚
<header>	定义section或page的页眉
<hgroup>	定义有关文档中的section信息
<keygen>	定义生成密钥
<mark>	定义有记号的文本
<meter>	定义预定义范围内的度量
<nav>	定义导航链接
<output>	定义输出的一些类型
<progress> 	定义任何类型的任务的进度
<rp>	定义若浏览器不支持ruby元素显示的内容
<rt> 	定义ruby注释的解释
<ruby>	定义ruby注释
<section>	定义section
<source>	定义媒介源
<summary>	定义details元素的标题
<time> 	 定义日期/时间
<track>	定义用在媒体播放器中的文本轨道
<video>	定义视频