在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
小编刚刚整理了一份2019年的前端面试题之HTML5,新鲜出炉,需要的同学赶紧来看一看吧!
1、HTML语义化的理解?
HTML语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;在没有样式CSS的情况下也以一种文档格式显示,并且是容易阅读的;搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于SEO;使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。
2、父元素透明,但是又不影响子元素的透明度怎么实现?
方法一:用rgba
方法二:再加上一层与父元素同级的div装载子元素,定位到子元素原来的位置
3、对web标准以及w3c的理解与认识?
web标准就是将页面的结构、表现和行为各自独立实现,w3c对标注提出了规范化的要求
对结构的要求:(标签规范可以提高搜索引擎对页面的抓取效率,对SEO很有帮助)
标签字母要小写;标签要闭合;标签不允许随意嵌套
对css和js的要求:
尽量使用外联css样式表和js脚本,使结构、表现、行为相分离,符合规范,同时提高页面渲染速度,提高用户体验;
样式尽量少用行间样式表,使结构与表现分离,标签的id和class命名要做到见文知义,标签越少,加载越快,用户体验更高,代码维护更简单,便于改版;
不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性
4、display none visibility hidden区别?
display:none是彻底消失,不在文档流中占位,浏览器也不会解析该元素;visibility:hidden是视觉上消失了,可以理解为透明度为0的效果,在文档流中占位,浏览器会解析该元素;
使用visibility:hidden比display:none性能上要好,display:none切换显示时visibility,页面产生回流(当页面中的一部分元素需要改变规模尺寸、布局、显示隐藏等,页面重新构建,此时就是回流。所有页面第一次加载时需要产生一次回流),而visibility切换是否显示时则不会引起回流。
5、Px、em、rem的区别
相同点:px、em和rem都是长度单位;
异同点:px的值是固定的,指定是多少就是多少,计算比较容易。em得值不是固定的,并且em会继承父级元素的字体大小。Rem是根据跟标签HTML的字体大小计算的浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=1rem=16p
那么12px=0.75em=0.75rem, 10px=0.625em=0.625rem。
以上关于HTML5的前端面试题就分享到这了,希望对面试前端的求职者有所帮助,祝愿大家都能拿到心仪的offer啦!
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
常见web前端面试题(包含答案)
入职互联网技术岗位都有一个特点,需要参加面试以及笔试。而这两个过程中都有很多涉及到技术的问题。所以博学谷为大家整理了部分常见的web前端面试题,并完善了其中答案,希望对求知的小伙伴有所帮助。
7354
2019-08-08 14:08:31
想在线学习前端开发基础有好的前端与移动培训班吗?
前端与移动开发技术作为互联网高薪技术岗位之一,随着互联网技术的不断发展,对求职者的技术要越来越严格。因此想通过简单自学一下初级的前端开发基础就找工作的同学,机会越来越小。大部分找到高薪工作的同学都是经过系统学习的。如果想在线学习前端开发基础的前端与移动培训班吗?
7547
2019-08-05 18:07:43
前端与移动开发培训就业班学什么?怎么样啊?
前端与移动开发培训就业班学什么?博学谷的前端与移动开发在线培训班课程内容,包含目前最流行的三大框架(Vue、React、Angular),全栈工程师必须要掌握的前端技术、Node.js相关后台技术、HTML5移动方向开发技术等等。有兴趣的小伙伴就来听听,前端与移动开发培训班到底怎么样吧?
8366
2019-12-16 19:03:37
HTML代码怎么用?HTML基础教程
在弄清“HTML代码怎么用”之前,我们要首先明白HTML是用来描述网页的语言,它不是一种编程语言,而是一种 使用标记标签来描述网页的标记语言。本篇基础教程主要内容包括:HTML常用代码、网页基本框架和网页组成要素。
7076
2019-08-16 11:46:05
JavaScript常见面试题梳理
JavaScript作为前端开发三大要素之一,是前端面试中考察的一大重点。本文为大家对JavaScript常见面试题进行了梳理,大家可以做一做下面的面试题,进行查漏补缺!
5015
2020-07-06 14:41:17