web前端面试题(HTML5篇)

已于 2022-03-01 11:38:21 修改
阅读量278 收藏 1
点赞数 2
文章标签： 前端 html5 html 面试 javascript
于 2022-03-01 09:25:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50796105/article/details/123197209
版权

概念：超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

一、HTML5增加了哪些新特性？

1、语义化标签（header、footer、nav等）；2、webStorage储存机制；3、history对象；4、表单类型（email、tell、date等）；5、媒体元素video和audio；6、canvas。

二、如何区分HTML5和HTML

1.文档声明的区别

HTML文档的类型声明为：

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML5:

<!DOCTYPE html>//文档声明HTML5方便书写，精简，有利于程序员快速的阅读和开发。

2、结构语义区别

3、绘图区别

4、音频和视频的支持

5、语法的处理

三、HTML5引入了哪些新的表单属性？

新增表单属性包括 datalist、 datetime、 output、 keygen、date、 month、week、time、 number、 range、 emailurl

具体属性详情可参考：HTML5 表单属性 | 菜鸟教程 (runoob.com)

四、localStorage(本地存储)和sessionStorage(会话存储)的区别

sessionStorage用于在本地存储一个会话中的数据，这些数据只有同一个会话中的页面才能访问，当会话结束后，数据也随之销毀。因此 sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。

而 localstorage用于持久化本地存储，除非主动删除数据，否则数据是永远不会过期的

        下期給大家分享关于css3的面试题：

小宠溺°
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
HTML面试题：50道含答案和代码示例的练习题
三拾的博客
05-31 4916
答案：meta标签用于向浏览器提供网页的元数据，包括网页的描述、关键词和编码等信息。答案：块级元素是独立的元素，会独占一行，并且可以设置宽度、高度、边距和填充等属性。答案：表单中的输入框可以是文本输入框、密码输入框、单选框、复选框、下拉列表框等。行内元素是内联的元素，不会独占一行，并且只能设置字体、颜色、背景等属性。答案：iframe标签用于在网页中嵌入另一个网页，创建一个内嵌框架。答案：属性是HTML标签的特性，用于描述标签的行为和外观。答案：标签是HTML中的元素，用于描述网页的结构和内容。
【前端面试题】01—42道常见的HTML5面试题(附答案)
web前端开发
03-02 2137
HTML5为我们提供了更多的语义化标签、更丰富的元素属性，以及更让人欣喜的功能。但在面试中，HTML5部分的面试题主要考察应试者对HTML5API的掌握情况，这是HTML5的重点，也正是这...
10个最常见的HTML5面试题及答案
delishcomcn的博客
07-17 507
提供了离线使用的功能，让应用程序可以获取本地的网站内容，例如 HTML、CSS、图片以及 JavaScript。用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件是可见的。Canvas 元素用于在网页上绘制图形，HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。HTML5 能够本地存储数据，在之前都是使用 cookies 使用的。用于持久化的本地存储，数据永远不会过期，关闭浏览器也不会丢失。不是一种持久化的本地存储，仅仅是会话级别的存储。
H5前端面试题及答案（1）
weixin_30481087的博客
09-05 608
前几天去面试了一家公司，整下改公司的面试题。 1.新的 HTML5 文档类型和字符集是？ HTML5 文档类型很简单： <!doctype html> HTML5 使用 UTF-8 编码示例： <meta charset="UTF-8"> 2.HTML5 中如何嵌入音频？ 当前，audio 元素支持三种音频格式： <...
HTML5 面试题大全（持续更新） 看这一篇就够了
Hassan的小博客!
06-29 5875
HTML5 经典面试题 1.请描述一个网页从开始请求到最终显示的完整过程？ 一个网页从请求到最终显示的完整过程一般可分为如下7个步骤 ： 在浏览器中输入网址 发送至DNS服务器并获得域名对应的web服务器的IP地址 与web服务器建立TCP连接 浏览器向web服务器的IP地址发送相应的HTTP请求 web服务器响应请求并返回指定URL的数据，或错误信息，如果设定重定向，则重定向到新的URL地址 ...
web前端面试题.doc
01-21
在Web前端面试中，了解和掌握相关技术是至关重要的。以下是一些关键知识点的详细解释： 1. **GET和POST的区别** GET方法是通过URL传递参数，因此它不安全，容易被URL劫持，适合用于获取数据。而POST方法在请求主体...
2022年web前端面试题大全.doc
11-11
2022年web前端面试题大全 一、HTML 1. Doctype 的作用是告知浏览器使用哪种文档类型定义（DTD），以便浏览器确定使用哪种解析规则。严格模式和混杂模式的区别在于，严格模式下，浏览器将根据文档类型定义的规则来...
96道web前端面试题.pdf
08-27
在这篇资源摘要中，我们将涵盖 web 前端面试题的几个关键点，包括自我介绍、position 的值、解决跨域问题、XML 和 JSON 的区别、对 Webpack 的看法等。 自我介绍 在面试时，自我介绍是一个非常重要的部分。除了...
2020年最新web前端面试题
04-26
在2020年的Web前端面试中，面试官们通常会关注候选人的HTML、CSS、JavaScript基础知识以及在实际web开发中的应用技术。这些是构建现代Web应用的核心技能，也是前端开发者必须掌握的关键知识点。 首先，HTML（超文本...
前端面试题之Html相关题集.zip
最新发布
06-21
五、HTML5新特性 HTML5引入了许多新特性，包括新的元素（如`<video>`、`<audio>`、`<canvas>`）、离线存储（`localStorage`、`sessionStorage`）、拖放功能、地理定位API等。这些新特性极大地扩展了HTML的功能，提高...
h5面试题总结
Sco_114的博客
08-16 4174
导航的解析流程 1.导航被触发。 2.在失活的组件里调用beforeRouteLeave守卫 3.调用全局的 beforeEach 守卫 4.在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+) 5.在路由配置里调用 beforeEnter 6.解析异步路由组件 7.在被激活的组件里调用 beforeRouteEnter 8.调用全局的 beforeResolve 守卫 (2.5+) 9.导航被确认 10.调用全局的 afterEach 钩子 11.触发 DOM 更新 12.调用bef
H5C3--03章，2024腾讯前端面试题精选
2401_84002448的博客
03-30 537
li:first-child：li的父元素的第一个子元素，如果第一个子元素的类型为li起作用，如果不是li，不起作用li:last-child：li的父元素的最后一个子元素，如果最后一个子元素的类型为li起作用，如果不是li，不起作用li:first-of-type：li的父元素的第一个子元素，如果第一个子元素不是li，自动跳过，继续查找，一直查找到第一个li元素li:last-of-type：li的父元素的最后一个子元素，如果最后一个子元素不是li，自动跳过，继续查找，一直查找到最后一个li元素。
HTML面试题汇总
狡辉两门的博客
07-01 240
HTML面试题汇总
前端HTML5面试题
青烟小生的博客
09-11 939
HTML5面试题 一、Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法， 混杂模式是一种向后兼容的解析方法。 触发标准模式或者说严格模式很简单，就是Html前申明正确的DTD，出发混杂模式可以在html文档开始不声明DTD，或
web前端基础面试题HTML5 篇（二）（含答案）
weixin_45819386的博客
02-27 671
今天我们整理的是前端面试题—HTML5篇 1、HTML5有哪些新特性？移除了哪些元素？ HTML5的新特性如下： (1) 拖放（ Drag and drop）APIl (2) 语义化更好的内容标签（ header、nav、 footer、 aside、 article、 section） (3) 音频、视频（ audio、 video）API (4) 画布（ Canvas）API (5) 地理（ Geolocation）APl (6) 本地离线存储（ localStorage），即长期存储数据，浏览器关闭后
10个最常见的HTML5面试题
辉生活-记录程序生活的点滴。
02-21 1282
问题1、新的 HTML5 文档类型和字符集是？ 答：HTML5 文档类型很简单： HTML5 使用 UTF-8 编码。 问题2、HTML5 中如何嵌入音频？ 答：HTML5 支持 MP3、Wav 和 Ogg 格式的音频，下面是在网页中嵌入音频。 问题3、HTML5 中如何嵌入视频？ 答：和音频类似，HTML5 支持 MP4、WebM 和 Ogg 格式的视频。 问题4、除了 audio 和 video，HTML5 还有哪些媒体标签？ 答：HTML5 对于多媒体提供了强有力的支持，除了 audio 和 vide
HTML5常见面试题及答案（一）
热门推荐
前端学习笔记
01-14 2万+
1、文字超出显示为省略号 //单行： overflow: hidden; text-overflow:ellipsis; white-space: nowrap; //多行： display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; 2、div垂直居中 posi
html5面试常见问题及答案：架构篇
liuyingv8的博客
03-19 3048
1、如果让你来制作一个访问量很高的大型网站，你会如何来管理所有css、js文件、图片？（1）遵循自定的一套CSS，JS和图片文件和文件夹命名规范（2）依托采用的前端工程化工具，依照工具脚手架规范 (gulp, webpack, grunt, yeoman)（3）依据采用的框架规范（Vue, React, jQuery） 2、如果没有框架、怎么搭建你的项目应用原生JS自己尝试搭建一个MVC架构：(1...
前端面试-HTML5篇
Scarlett
03-06 352
链接：https://www.nowcoder.com/questionTerminal 来源：牛客网 Question 6描述一下 cookies，sessionStorage 和 localStorage 的区别 cookit是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。数据大小有限制在4k以下，数据始终在同源的http请求中携带（即使不需...
java web 前端面试题
04-24
当涉及到Java Web前端面试题时，通常会涵盖以下几个方面的内容： 1. Java基础知识：包括Java的特性、面向对象编程、集合类、异常处理等。 2. 前端技术：主要包括HTML、CSS和JavaScript。HTML用于定义网页结构，CSS...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值