前端面试题（三）

考点1：语义化

问题：说说你对语义化标签的理解

答：（1）*语义化的标签的出现方便机器阅读我们的代码。（2）搜索引擎的爬虫是靠着语义化内部的关键字。（3）语义化标签极大的提高了代码的可读性。

问题：说说你了解有哪些语义化标签

答:<header>,<aside>,<section>,<nav>,<footer>

考点2：标签类型

问题:说说你对块级元素，行内元素以及空元素的理解

答：（1）display属性：块级：display：block；行内：display：inline（2）排版空间:行内没有单独的空间，从左到右排完一行才能换行；块级占据单独的空间，从上到下排版（3）设置宽高：行内不可以设置；块级可以设置宽高（4）*----空元素可能是一个不存在html子节点的element，比如<hr>,<input>,<hr>

考点3：标签对比

问题：说说<i>和<em>，<strong>和<b>标签的区别

答：<i>,<em>都是斜体的意思，<strong>,<b>都是加粗的的意思，不同的是<em>,<strong>具有文本强调的意义，一些屏幕阅读器可能会使用不同的inflection，更加有利于SEO。

考点4：标签<img>

问题：说说<img>标签支持的图片格式和区别，以及alt和title属性

答：三种图片格式：jpg，png，gif-----体积大图片丰富使用jpg；体积一般支持保存透明背景使用png，动画图片使用gif---------alt属性是无法展示图片的备注解释文本；title属性是鼠标放在元素（图片）上隐藏文本备注和解释。

考点5：标签<label>

问题:说说<label>标签有什么用，怎么用

答：<label>标签的作用是增加用户的可用性，点击<label>标签文本时，浏览器会自动将焦点转移到与标签相关联的控件上，常用于单选框，复选框以及文本框。

考点6：html5

问题：说说有哪些新增标签，以及新特性

答：<header>,<nav>,<section>,<aside>,<footer>,<article>;头部，导航，区域，侧边栏，脚部，内容