html面试题

分手后的思念是犯贱 2022-12-12 04:42 124阅读 0赞

**1.行内元素有哪些？**

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

**2.块级元素有哪些？**

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

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

**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>	定义视频