HTML5 面试题

1. HTML5 新增了哪些重要特性?

  1. 语义化标签:这些标签有助于提高页面的可读性和可维护性。
  2. 多媒体支持:HTML5 引入了 和 标签,可以直接嵌入音频和视频文件,无需依赖插件。
  3. 本地存储:引入了 localStorage 和 sessionStorage,允许在客户端存储数据,而不依赖于 Cookies。
  4. 离线应用:HTML5 提供了applicationCache 和 Service Workers,使得 Web 应用可以离线使用。
  5. 表单控件改进:HTML5 增强了 的类型,如 email, date, time, url, range 等。
  6. Canvas 和 SVG:提供了 标签和更强大的 SVG 图形支持,允许动态绘制图形和动画。

2. HTML5 中的 localStorage 和 sessionStorage 有何区别?

localStorage:用于在客户端永久存储数据,除非用户主动清除浏览器缓存,否则数据不会过期。

sessionStorage:用于存储会话数据,在浏览器会话结束后(即浏览器关闭)数据会被清除。

三. HTML5 中的 标签有哪些常用属性?

  1. charset: 用于指定网页的字符编码。
  2. name: 用于指定文档的元数据,如 description, keywords,author 等。
  3. viewport: 用于控制视口的大小和缩放,常用于响应式设计。
  4. http-equiv: 用于设置与 HTTP 头部相关的内容,如 refresh, content-type 等。
相关推荐
酉鬼女又兒1 天前
入门前端CSS 媒体查询全解析:从入门到精通,打造完美响应式布局(可用于备赛蓝桥杯Web应用开发)
前端·css·职场和发展·蓝桥杯·前端框架·html5·媒体
我命由我123452 天前
Element Plus 2.2.27 的单选框 Radio 组件,选中一个选项后,全部选项都变为选中状态
开发语言·前端·javascript·html·ecmascript·html5·js
我命由我123452 天前
Element Plus 问题:选择框表单校验没有触发
开发语言·前端·javascript·html·ecmascript·html5·js
酉鬼女又兒3 天前
零基础入门前端弹性布局(Flexbox)实战:结合 Class 与 ID 选择器(可用于备赛蓝桥杯Web开发应用)
前端·css·蓝桥杯·html·html5
张3蜂4 天前
HTML5语义化标签:现代网页的骨架与灵魂
前端·html·html5
我命由我123454 天前
JS 开发问题:url.includes is not a function
开发语言·前端·javascript·html·ecmascript·html5·js
kyriewen114 天前
Sass:让 CSS 从手工作坊迈入工业时代
前端·javascript·css·html·css3·sass·html5
kyriewen114 天前
Sass 进阶:当 CSS 学会了编程,变量函数循环全都安排上
前端·javascript·css·less·css3·sass·html5
我命由我123456 天前
Element Plus - 在 el-select 的每个选项右侧添加按钮
前端·javascript·vue.js·前端框架·ecmascript·html5·js
酉鬼女又兒7 天前
HTML基础实例样式详解零基础快速入门Web开发(可备赛蓝桥杯Web应用开发赛道) 助力快速拿奖
前端·javascript·职场和发展·蓝桥杯·html·html5·web