1.HTML语义理解?答:HTML语义化是为了让页面内容结构化,方便浏览器和搜索引擎解析;也以无样式CSS的文档格式展示,阅读方便;搜索引擎爬虫依靠标签来确定每个关键词的上下文和权重,有利于SEO;方便阅读源代码的人将网站分块,便于阅读、维护和理解。2、如何在不影响子元素透明的情况下,让父元素透明?答:方法一:使用rgba方法二:在父元素同级添??加一层div加载子元素,并定位子元素原来的位置3、对web标准和w3c的理解和理解?答:Web标准是独立实现页面的结构、性能和行为。W3c对标签提出了标准化的要求。结构要求:(标签规范可以提高搜索引擎抓取页面的效率,对SEO很有帮助)标签字母要小写;标签应该关闭;标签不允许随意嵌套css和js要求:尽量使用外部css样式表和js脚本,将结构、性能和行为分离,符合规范,同时提升页面渲染速度,提升用户体验;样式尽量少用行间样式表,结构和表现分离,标签的id和class名要好理解。标签越少,加载越快,用户体验越好,代码维护越简单,修改容易;在不改变页面内容的情况下,无需复制内容即可提供打印版,提高了网站的易用性4.displaynonevisibilityhidden有什么区别?答: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。
