前端面试题整理--HTML篇

92 阅读2分钟

如何理解HTML语义化?

  • HTML语义化是指使用HTML的语义化标签来描述网页内容。
  • HTML语义化可以让人更好地读懂网页内容,增加代码的可读性和可维护性。
  • HTML语义化可以让搜索引擎更好地理解网页内容,提高网页的SEO排名。

HTML5新特性

HTML5的新特性包括语义化标签、多媒体元素、表单验证、画布(Canvas)、SVG、离线应用、本地存储、地理位置API等。

  • 多媒体元素:和可用于嵌入音频和视频内容。
  • 本地存储:包括cookie,localStorage和sessionStorage。

HTML5中新增的表单类型

input:search/email/tel/number/data... 特点:

  • 功能强大。
  • 能够在移动端调取出对应的键盘。
  • 内置表单验证。

请描述一下cookies,sessionStorage和localStorage的区别

  • cookies:它是网站用来标记用户身份的一段数据,通常情况下是一段加密的字符串,通常情况只会在同源的HTTP请求中携带。
  • sessionStorage:它是浏览器本地存储的一种方式,以键值对的形式存储,当浏览器关闭后存储的数据也会删除。
  • localStorage:它也是浏览器本地存储的一种方式,不过它存储的是一个持久化的数据,不主动删除,数据会一直存在。

HTML的标签可以怎么分类?

  • 按照闭合特征可以分为单闭合标签和双闭合标签。
  • 按照显示模式可以分为行内标签和块级标签。
  • 按照用途可以分为布局类标签、文本类标签等。

说说canvas和svg的区别?

canvas和svg都是用于web页面上呈现图形和图像的技术。

  • canvas是一种基于像素的位图绘制方式,适用于在网页上动态创建图形或图像的情况,比如游戏,数据可视化等。
  • svg是一种基于矢量的绘制方式,它以xml的形式定义图形,随着放大或者缩小,不会变得模糊不清,主要用于高质量的图标和图像场景。 如果需要动态创建图形或者图像,则选择canvas;如果需要高质量的图形或者图像,则选择svg。