HTML面试题整理

最新推荐文章于 2024-05-28 14:55:45 发布
最新推荐文章于 2024-05-28 14:55:45 发布
阅读量1.1w 收藏 262
点赞数 32
分类专栏： HTML 文章标签： html 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/imber___zsk/article/details/122291553
版权

HTML面试题整理

在这里插入图片描述

01.说一下对语义化的理解？✅

  • 对开发者友好，让人更容易读懂，利于代码可读性
  • 对机器友好，让搜索引擎更容易读懂，利于seo

02.说一下HTML5有哪些更新/新增？✅

  • 新增语义化标签，音频视频标签
  • 新增localstorage，sessionstorage本地存储
  • 新增DOM查询 document.querySelector() 、 document.querySelectorAll()
  • …

03.说一下defer和async的区别？✅

  • 多个带defer的script标签里js同步执行，async是异步执行
  • defer等所有元素解析完成之后，DOMContentLoaded之前执行

04.说一下iframe有哪些优点和缺点？✅

  • 优点：展现嵌入的网页；加载速度较慢的内容，如广告；可以跨子域通信；
  • 缺点：iframe会阻塞主页面onload事件；不利于搜索引擎识别；增加http请求；

05.说一下web worker?✅

  • Web Worker 的作用，就是为 JavaScript 创造多线程环境，允许主线程创建 Worker 线程，将一些任务分配给后者运行
  • Worker 线程一旦新建成功，就会始终运行，不会被主线程上的活动（比如用户点击按钮、提交表单）打断。这样有利于随时响应主线程的通信。但是，这也造成了 Worker 比较耗费资源，不应该过度使用，而且一旦使用完毕，就应该关闭。
  • 通过postMessage将结果回传到主线程，这样复杂操作的时候，就不会阻塞主进程了
  • 阮一峰文章

06.行内，块级，空元素，替换元素有哪些？✅

  • 行内：button，span
  • 块级：div，p，ul，h1
  • 替换元素：img，iframe，video
  • 空元素：link，meta

07.DOCTYPE的作用？严格模式和混杂模式的区别？

  • ！DOCTYPE告诉浏览器以HTML5标准解析页面，如果不写，则进入混杂模式
  • 严格模式（标准模式）：以w3c标准解析代码
  • 混杂模式（怪异模式）：浏览器用自己的方式解析代码，混杂模式通常模拟老式浏览器的行为，以防止老站点无法工作
  • HTML5 没有 DTD ，因此也就没有严格模式与混杂模式的区别，HTML5 有相对宽松的方法，实现时，已经尽可能大的实现了向后兼容(HTML5 没有严格和混杂之分)。

08.说一下渐进增强和优雅降级的区别？

  • 渐进增强是针对低版本浏览器也能保证基础功能，然后对高级浏览器改进追加功能；
  • 优雅降级是一开始构建完整功能，再对低版本进行兼容

09.说一下常见的meta标签属性和作用？

  • <meta charset="UTF-8" >

  • <meta name="keywords" content="关键词" />

<meta name="description" content="页面描述内容" />

  • <meta http-equiv="refresh" content="0;url=" />

  • <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

10.说一下HTML5的离线存储？

  • 指的是没有网络连接的时候，可以正常访问应用，与网络连接时更新缓存文件

  • 在 cache.manifest 文件中编写需要离线存储的资源：

  • <html lang="en" manifest="index.manifest">

  • 在离线状态时，操作 window.applicationCache 进行离线缓存的操作。

  • 如何清除缓存：更新 manifest 文件，通过 javascript 操作，清除浏览器缓存

11.说一下怎么做好seo？

  • 语义化元素
  • title和meta标签描述页面内容
  • logo使用a标签加背景图

12.说一下b和strong，i和em的区别？

  • strong是有语义的，起到加强语气的效果，遇到阅读器会重读，即为了强调而加粗
  • em起到强调文本的作用

13.说一下img的srcset作用？alt和title的区别?

  • 响应式页面中经常用到根据屏幕密度设置不同的图片
  • 这时就用到了 img 标签的srcset属性。srcset属性用于设置不同屏幕密度下，img 会自动加载不同的图片
  • alt是图片失效的时候的备用图片地址，title是图片标题

14.说一下canvas和svg的区别？

  • canvas是画布，适合图形密集型的游戏，不支持事件处理，
  • svg是矢量图，不依赖分辨率，不适合游戏，适合大型渲染区域（地图），支持事件处理

15.说一下drag api？

  • dragstart：事件主体是被拖放元素，在开始拖放被拖放元素时触发。

  • darg：事件主体是被拖放元素，在正在拖放被拖放元素时触发。

  • dragenter：事件主体是目标元素，在被拖放元素进入某元素时触发。

  • dragover：事件主体是目标元素，在被拖放在某元素内移动时触发。

  • dragleave：事件主体是目标元素，在被拖放元素移出目标元素是触发。

  • drop：事件主体是目标元素，在目标元素完全接受被拖放元素时触发。

  • dragend：事件主体是被拖放元素，在整个拖放操作结束时触发。

16.说一下label的作用？

  • 控制表单控件关系，选择lable标签时，自动将焦点转到input上

17.说一下src和href的区别？

  • src是引入外部资源下载到文档，会暂停其他资源的下载
  • href是链接外部资源，不会暂停其他资源的下载

18.说一下音视频标签的使用？

  • audio和video标签
  • controls 控制面板、autoplay 自动播放、loop=‘true’ 循环播放
前端imber
关注
  • 32
    点赞
  • 踩
  • 262
    收藏
    觉得还不错? 一键收藏
  • 14
    评论
专栏目录
前端基础知识总结 （一） （2）
weixin_45433013的博客
12-10 376
**昊哥前端知识基本总结** 今天我们继续说说HTML其他基本知识！ 首先给大家推荐一个本人喜欢用的编辑器 ：Visual Studio Code。 这个编辑器用起来特别的人性化方便便捷，适合大部分初学者使用。点击网址就可以下载：Visual Studio Code 编辑器怎么样使用就不在这详细讲了，大家可以看下这个视频：VSCoder入门视频 1.HTML主体该怎么编写？ 先看一下主体的大概样子： <body> <h1></h1&g...
vue 面试题整理汇总学习
02-10
4. **指令**：Vue提供了一系列内置指令，如`v-if`（条件渲染）、`v-for`（循环）、`v-bind`（绑定属性）、`v-on`（绑定事件）等，它们用于在模板中增强HTML的功能。 5. **过滤器**：过滤器用于转换数据，比如日期...
【前端面试题】01—42道常见的HTML5面试题(附答案)
web前端开发
03-02 2138
HTML5为我们提供了更多的语义化标签、更丰富的元素属性，以及更让人欣喜的功能。但在面试中，HTML5部分的面试题主要考察应试者对HTML5API的掌握情况，这是HTML5的重点，也正是这...
20道HTML基础面试题(附答案)
xfy196的博客
04-27 1275
1、DOCTYPE有什么作用？标准莫诗雨混杂模式如何区分？它们有何意义？ 告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。 标准模式（Standards mode）以浏览器支持的最高标准运行；混杂模式（Quirks mode）中页面是一种比较宽松的向后兼容的方式显示。 2、HTML5为什么只需要写 <!DICTYPE HTM...
2024前端高频面试题之HTML&&CSS篇 持续更新
weixin_62305533的博客
05-28 619
在w3c规范中，盒子模型被定义为一个元素所占用的网页空间。盒模型由4部分组成：margin(外边距)、border(边框)、padding(内边距)、content(内容)盒子大小的计算模型有两种：标准盒模型、IE盒模型，通过改变 css 的box-sizing属性的值来改变两种盒模型的区别在于设置 width 和 height 的时候，对应的范围不同。
HTML面试题汇总
狡辉两门的博客
07-01 241
HTML面试题汇总
HTML面试题：50道含答案和代码示例的练习题
三拾的博客
05-31 4923
答案：meta标签用于向浏览器提供网页的元数据，包括网页的描述、关键词和编码等信息。答案：块级元素是独立的元素，会独占一行，并且可以设置宽度、高度、边距和填充等属性。答案：表单中的输入框可以是文本输入框、密码输入框、单选框、复选框、下拉列表框等。行内元素是内联的元素，不会独占一行，并且只能设置字体、颜色、背景等属性。答案：iframe标签用于在网页中嵌入另一个网页，创建一个内嵌框架。答案：属性是HTML标签的特性，用于描述标签的行为和外观。答案：标签是HTML中的元素，用于描述网页的结构和内容。
10个最常见的HTML5面试题及答案
delishcomcn的博客
07-17 507
提供了离线使用的功能，让应用程序可以获取本地的网站内容，例如 HTML、CSS、图片以及 JavaScript。用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件是可见的。Canvas 元素用于在网页上绘制图形，HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。HTML5 能够本地存储数据，在之前都是使用 cookies 使用的。用于持久化的本地存储，数据永远不会过期，关闭浏览器也不会丢失。不是一种持久化的本地存储，仅仅是会话级别的存储。
经典HTML前端面试题总结
hyqhyqhyqq的博客
05-12 1161
1. 1简述一下你对 HTML 语义化的理解？1.2 标签上 title 与 alt 属性的区别是什么？1.3 iframe的优缺点？1.4 href 与 src？1.5 HTML、XHTML、XML有什么区别1.6 知道img的srcset的作用是什么？1.7 link和@import的区别？1.8 谈谈对BFC的理解 是什么？1.9 html5有哪些新特性，移除了哪些元素？如何处理HTML5新标签的浏览器谦容问题？如何区分HTML和HTML5？1.10 浏览器的内核分别是什么？
面试题含答案(HTML篇)
qq_41897351的博客
03-02 1860
面试题含答案(HTML篇) 1、说一下对语义化的理解？ 2、cookies，sessionStorage 和 localStorage 的区别？ 3、如何实现浏览器内多个标签页之前的通信？ 4、DOCTYPE的作用？严格模式和混杂模式的区别？ 5、常用的 meta 标签有哪些？ 6、img的srcset作用？alt与title区别？ 7、::before 和:after中双冒号和单冒号有什么区别？ 共68个问题
前端面试题整理
02-12
前端面试题整理方便查询，包括HTML、css、javascript等前端相关的面试问题。
300道HTML、CSS习题及面试题（含答案）
01-14
该pdf适用于前端及javaEE页面设计方面的初学者，内容比较丰富，特此分享。
HTML5面试题面试整理（含答案）最新版.docx
06-10
HTML5 面试题总结 一、Doctype 的作用 Doctype（文档类型）是 HTML 文档的开头部分，位于 `<html>` 标签之前，告知浏览器的解析器，用什么文档类型规范来解析这个文档。DOCTYPE 不存在或格式不正确会导致文档以...
2017前端面试题整理汇总
08-23
这份"2017前端面试题整理汇总"旨在为求职者提供一个全面了解前端面试趋势和必备技能的平台。 1. **JavaScript** JavaScript是前端开发的核心语言，面试中通常会考察基础语法、函数、闭包、原型链、异步处理等方面...
前端面试题之Html相关题集.zip
最新发布
06-21
以上是HTML相关面试题集可能涉及的一些关键知识点，深入理解和熟练掌握这些内容对于前端开发者来说至关重要，也是面试中常被考察的部分。通过系统学习和实践，可以提升HTML技能，更好地应对前端面试。
分享：HTML常见面试题
silence_li的博客
12-22 2778
HTML基础 1.1请描述一个网页从开始请求到最终显示的完整过程？ 一般可分为7个步骤：  1.在浏览器中输入网址；  2.发送至DNS服务器并获得域名对应的WEB服务器的IP地址；  3.与WEB服务器建立TCP连接；  4.浏览器向WEB服务器的IP地址发送相应的HTTP请求；  5.WEB服务器响应请求并返回指定的URL的数据，或错误信息，如果设定重定向，则重定向到新的URL地
前端面试总结之HTML
垂死病中惊坐起，菜鸟竟是我自己，于是含泪写下博客
05-03 500
此篇文章总结了HTML面试中常见知识点，个人觉得挺详细的，希望能对一起备战秋招的同学有所帮助。通过本人的实习面试和听舍友面试中发现，其实前端面试对html的考查并不会很多（应该是共识），有一些比较细小的知识点可能会询问，主要是H5新特性、标签、行内元素与块元素、语义化含义等的考查。下面我将整理我的html面试题，对难点我会写的比较具体，后续有空也会陆续出前端其他知识点的面试题总结。............
2023前端面试题——HTML篇
HanXiaoXi_yeal的博客
02-01 949
主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核JS引擎则：解析和执行javascript来实现网页的动态效果。
HTML 面试知识点总结
qq_49133563的博客
10-09 849
DTD（ Document Type Definition 文档类型定义）是一组机器可读的规则，它们定义 XML 或 HTML 的特定版本中所有允许元素及它们的属性和层次关系的定义。在解析网页时，浏览器将使用这些规则检查页面的有效性并且采取相应的措施。DTD 是对 HTML 文档的声明，还会影响浏览器的渲染模式（工作模式）。HTML4 中，元素被分成两大类: inline （内联元素）与 block（块级元素）。一个行内元素只占据它对应标签的边框所包含的空间。
javaee面试题整理
09-11
当然！下面是一些常见的JavaEE面试题整理: 1. 什么是JavaEE？它是什么样的技术栈？ JavaEE（Java Enterprise Edition）是一套用于开发企业级应用程序的Java平台。它包括了一系列的规范和API，用于构建分布式、可伸缩、可安全性的应用程序。JavaEE的技术栈包括Servlet、JSP、EJB、JPA、JMS等。 2. Servlet是什么？它与JSP有什么区别？ Servlet是JavaEE中处理Web请求的基本组件，它可以接收HTTP请求并生成HTTP响应。与之相比，JSP（JavaServer Pages）是一种基于HTML的模板语言，用于生成动态内容。Servlet通常用于处理业务逻辑，而JSP则用于显示数据。 3. 什么是EJB？它的作用是什么？ EJB（Enterprise JavaBeans）是JavaEE中的一种组件模型，用于开发分布式事务处理应用程序。它提供了容器管理、事务管理、安全性等服务，简化了开发者的工作。EJB主要分为会话Bean、实体Bean和消息驱动Bean。 4. JPA与Hibernate有什么关系？ JPA（Java Persistence API）是JavaEE中用于对象关系映射（ORM）的规范，它定义了一套标准的API用于操作数据库。而Hibernate是一个实现了JPA规范的ORM框架，它提供了丰富的功能和灵活性。 5. 什么是连接池？为什么要使用连接池？ 连接池是一种用于管理数据库连接的技术，它通过预先创建一定数量的数据库连接并将其保存在连接池中，供应用程序使用。使用连接池可以避免频繁地创建和销毁数据库连接，提高数据库访问的性能和效率。 这只是一些常见的JavaEE面试题，希望对你有帮助！如果还有其他问题，请继续提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值