HTML5 + CSS3面试题整理

以下是一些关于HTML5和CSS3的面试题整理：

HTML5部分：

1. HTML5有哪些新特性？

   • 语义化标签，如<header>, <nav>, <section>等，提高了代码的可读性和搜索引擎优化。
   • 视频和音频支持，通过<video>和<audio>标签嵌入媒体内容。
   • 本地存储功能，包括localStorage和sessionStorage。
   • Canvas绘图API，允许通过JavaScript在网页上绘制图形。
   • 表单增强，提供了更多输入类型和属性，如日期、时间、电子邮件等。

2. HTML5如何处理新标签的浏览器兼容问题？

   • 可以使用JavaScript库（如html5shim）来使旧版浏览器支持HTML5新标签。

3. 如何区分HTML和HTML5？

   • 主要通过DOCTYPE声明和新增的结构元素、功能元素来区分。

CSS3部分：

1. CSS3有哪些新特性？

   • 圆角边框（border-radius）。
   • 阴影效果（box-shadow和text-shadow）。
   • 渐变效果（linear-gradient和radial-gradient）。
   • 过渡效果（transition）。
   • 动画效果（animation）。
   • 多背景支持。
   • 更多的CSS选择器。

2. CSS3中的媒体查询是什么？有什么用？

   • 媒体查询允许根据设备的特定特性（如设备的宽度、高度和分辨率等）来应用不同的CSS样式。这对于实现响应式设计非常有用，可以使网站在不同设备上都有良好的显示效果。

3. CSS3中的transform属性可以实现哪些效果？

   • transform属性允许你对元素进行旋转（rotate）、缩放（scale）、倾斜（skew）和移动（translate）等操作。

这些面试题涵盖了HTML5和CSS3的主要特性和应用，希望对你的面试准备有所帮助。