好的程序员web前端学习路线分享前端面试基础题，希望对大家有所帮助。1.HTML语义理解？ 答：HTML语义化是为了让页面内容结构化，方便浏览器和搜索引擎分析；也以无样式CSS的文档格式展示，阅读方便；搜索引擎爬虫依靠标签来确定每个关键词的上下文和权重，有利于SEO；方便阅读源代码的人将网站分块，便于阅读、维护和理解。2、如何在不影响子元素透明的情况下，让父元素透明？ 答：方法一：使用rgba 方法二：在父元素同级添??加一层div加载子元素，将子元素定位到原来的位置3.理解和理解网络标准和w3c? 答：web标准是独立实现页面的结构、性能和行为。w3c对标签提出了标准化的要求。对SEO很有帮助） 标签字母要小写；标签应关闭；标签不允许随意嵌套，性能、行为分离，符合规范，同时提升页面渲染速度和用户体验； 样式使用尽可能少的行间样式表来分离结构和性能。标签的id和class命名要有明确的含义，标签少，加载快，用户体验好，代码维护容易，改版方便； 无需更改页面内容，无需复制内容即可提供打印版，提高网站易用性4.显示无可见性隐藏差异？ 答：display:none表示完全消失，不占用文档流空间，浏览器不会解析该元素；visibility:hidden表示在视觉上消失，可以理解为透明度为0的效果，在文档流中浏览器会解析该元素； 使用visibility:hidden在性能方面优于display:none。当display:none切换可见性时，页面会回流（当页面中的某些元素需要改变尺寸、布局、显示、隐藏等时，重新构建页面，这就是回流。所有页面都需要产生回流首次加载时），可见性在切换是否显示时不会造成回流。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。
