web前端面试题合集（十一）

　　有没有了解过box-sizing，除了border-box还用过哪些，有没有用过其他的box-sizing的属性值属性

　　box-sizing从本质角度触发，他控制盒子大小的尺寸，在这里里面他有两个取值经常被使用

　　- 1、box-sizing:content-box;content-box可以理解成计算盒子大小的时候从内容区域开始进行计算,也就是计算的时候按照标准盒子模型进行计算;遵循W3C官方盒子模型的计算方法

　　如果是不携带box-sizing这个属性的话,盒子模型的大小计算仍然按照标准盒子模型进行计算因为content-box是box-sizing属性的默认值

　　- 2、box-sizing:border-box;border-box可以理解成计算盒子大小的时候从边框区域进行计算,也就是按照怪异盒子模型的标准进行计算,遵循的是ie怪异盒子的标准,通过box-sizing:border-box能够改变盒子模型的计算方法

　　语义化的理解?有哪些语义化标签，有什么作用!

　　语义化:顾名思义,见名知意,通过明智知道意思;

　　在HTML5里面为了方便我们的开发,W3C为我们提供了大量的语义化标签,

　　通过这些语义化标签能够清楚的了解区块的功能,也能让页面的结构更加的简化避免起类名和id名字

　　HTML5新增的语义化标签有

　　header——标记头部区域的内容(用于整个页面或页面中的一块区域)

　　footer——标记脚部区域的内容(用于整个页面或页面中的一块区域)

　　section——Web页面中的一块区域

　　article——独立的文章内容

　　aside——相关内容或者引文

　　nav——导航类辅助内容

　　main----主要内容区域

　　figure----独立的文档流区域

　　figcaption---独立文档流区域标题

　　time------时间标签

　　mark-----着重标记,默认高亮背景变黄

　　audio-----音频

　　video-----视频

　　canvas----绘图

　　datalist---模拟虚拟搜索列表

　　更多关于“web前端培训”的问题，欢迎咨询千锋教育在线名师。千锋教育多年办学，课程大纲紧跟企业需求，更科学更严谨，每年培养泛IT人才近2万人。不论你是零基础还是想提升，都可以找到适合的班型，千锋教育随时欢迎你来试听。