网页设计高频面试题及详细答案（实战接地气版）.docxVIP

网页设计高频面试题及详细答案（实战接地气版）

一、HTML基础面试题

1、HTML5新增了哪些常用语义化标签？实际项目中你怎么用？

参考答案：

常用语义化标签主要有：header、nav、main、section、article、aside、footer。

我实际开发中不会乱用div堆砌，会按页面结构分层用：页面头部用header，导航栏用nav，页面唯一主体内容放main，内容模块分块用section，独立可复用的内容比如文章、卡片用article，侧边栏、辅助信息用aside，底部版权、链接用footer。

好处很直观：代码结构清晰，自己和同事接手都能快速看懂结构，同时对SEO友好，也适配屏幕阅读器，兼容性现在主流浏览器完全没问题。

2、行内元素、块级元素、行内块元素的区别？日常常用标签有哪些？

参考答案：

块级元素：独占一行，能设置宽高、内外边距，默认宽度100%父级宽度。常见：div、p、h1-h6、ul、li、section。

行内元素：同行排列，不能设置宽高、上下边距，只能自适应内容宽度。常见：span、a、em、i、b。

行内块元素：同行排列，同时可以设置宽高、内外边距，兼顾两者优点。常见：img、input、button。

日常开发经常会用display属性互相转换，比如导航栏a标签转行内块做横向布局，span转块级实现独占一行。

3、img标签的alt和ti