HTML面试题
1、标签语义化的意义
a、语义化标签能够呈现很好的代码结构,样式丢失或去掉能够展示完整的页面结构,方便浏览器的解析;
b、有利于SEO,语义化后,爬虫依赖标签来确定上下文以及关键字权重,有助于爬虫抓取更多的信息;
c、方便团队开发、后期维护以及项目交接,语义化更具有可读性;
2、H5新增了哪些语义化标签,至少写出5个
details、footer、header、canvas、section、article、audio、nav、video、progress、
3、form标签上定义请求类型的是哪个属性?定义请求地址的是哪个属性?
答:form表单定义请求类型的是 method 属性 , 定义请求地址的是 action属性
4、写了2个标签,两个标签之间有空格的情况遇到过吗?
a标签不换行,写在同一行,可以解决空格问题
5、a标签在新窗口打开链接怎么加属性?
答:a标签的 target 属性值设置为 "_blank"
6、请至少写出5个H5的新标签
答:header、footer、nav、canvas、article、datalist、progress、video、time、section
7、常用浏览器哪些,内核是什么?
火狐的是Gecko、chrome和Safari的是Webkit、IE的是Trident
其他的国内的浏览器分为极速模式和兼容模式,极速是Webkit,兼容模式是Trident
8、很多网站不常用table iframe这两个元素,知道原因吗?
答:因为浏览器页面渲染的时候是从上至下的,而table 和 iframe 这两种元素会改变这样渲染规则,他们是要等待自己元素内的内容加载完才整体渲染。用户体验会很不友好。
9、jpg和png格式的图片有什么区别?
答: jpg是有损压缩格式,png是无损压缩格式。所以,相同的图片,jpg体积会小。比如我们一些官网的banner图,一般都很大,所以适合用jpg类型的图片。但png分8位的和24位的,8位的体积会小很多,但在某些浏览器下8位的png图片会有锯齿。
10、请分别写出至少5个HTML块元素标签和行内元素标签
答:div、p、ul、li、h系列、form(块级元素);span、br、a、img、input、button、textarea、select
11、请说出XHTML和HTML的区别
答:a、文档顶部doctype声明不同,xhtml的doctype顶部声明中明确规定了xhtml DTD的写法;
b、html元素必须正确嵌套,不能乱;
c、属性必须是小写的;
d、属性值必须加引号;
e、标签必须有结束,单标签也应该用 “/” 来结束掉;
12、单标签和双标签各写5个
答:img、input、br、hr、meta(单标签)div、h系列、ul、li、ol、p(双标签)