在线客服
扫描二维码
下载博学谷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啦!
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
HTML代码怎么用?HTML基础教程
在弄清“HTML代码怎么用”之前,我们要首先明白HTML是用来描述网页的语言,它不是一种编程语言,而是一种 使用标记标签来描述网页的标记语言。本篇基础教程主要内容包括:HTML常用代码、网页基本框架和网页组成要素。
6043
2019-08-16 11:46:05
常见三大缓存问题分析及解决方案
一般来讲,常见三大缓存问题不外乎就是缓存穿透、缓存击穿、缓存雪崩。三者的共同点都是高并发,缓存更新、缓存失效居多。而且三者也会相互恶化,导致问题更加严重,因此一旦有一个问题就需要马上解决,以免最引起“雪崩”。本文将分别分析缓存并发、缓存雪崩、缓存击穿三大问题,并提出对应的解决方案。
6378
2019-11-01 18:23:18
前端关于ES6的面试题汇总含答案
ES6全称是ECMAScript6,它可以帮助JavaScript语言成为企业级开发语言,编写大型且复杂的应用程序。在前端面试中,ES6也是一个经常出现的考点。本文整理汇总了ES6相关的面试题以及对应的参考答案,大家可以在面试前梳理一遍相关知识点,用最好的状态去迎接面试。
8748
2019-11-03 18:04:48
前端面试中常见的浏览器相关问题
疫情好转后。迎来一波复工热潮。在这个时候,也是许多小伙伴求职面试的高峰期。因此小编为大家整理了前端面试中常见的浏览器相关问题,众所周知,浏览器的相关问题是前端面试中的基础问题,也是几乎必考的问题。希望大家可以在前端面试前,多刷刷题,准备得更加充分。
4450
2020-03-23 17:47:15
H5前端开发工程师是做什么的?
随着互联网的发展和多终端的普及,H5前端开发工程师逐渐走俏。可能大家对于这个岗位并不陌生,但是对于H5前端开发的具体工作内容,绝大多数人都知之甚少。首先前端开发行业本身就是在近几年才开始受到各大企业的重视,一个产品或网站的门面,对于用户体验的影响至关重要。那么,H5前端开发工程师到底是做什么的呢?下面我们来一起看看。
10067
2020-07-13 14:57:12