0130-2-秋招面试—HTML篇

2023 HTML面试题

1.src和href的区别

  • scr用于替换当前元素,href用于在当前文档和外部资源之间建立联系。
html 复制代码
<script src="main.js"></script>
html 复制代码
<link href="style.css" rel="stylesheet" />

2.对HTML语义化的理解

根据内容的结构化,选择合适的标签,通俗来讲,就是用正确的标签做正确的事。

html 复制代码
<header>头部</header> 
<nav>导航栏</nav>
<section>区块</section>
<main>主要区域</main>
<article>主要内容</article>
<aside>侧边栏</aside>
<footer>底部栏</footer>

3.script标签中defer 和 async 的区别

  • async 表示后续文档JS脚本是异步执行的,多个带有async属性的标签,不能保证加载的顺序;
  • defer表示JS脚本 需要等待文档加载完成之后才能加载,多个带有defer属性的标签能够按照顺序执行。
4.HTML5 有那些更新的地方

<1>.语义化标签

​ header: 头部、footer:尾部、nav:导航栏、aside: 侧边栏、section:主要区域、article:主要内容

<2>.媒体标签

​ audio: 音频、video: 视频

<3>.表单

​ email、url、number、search、range、color...

<4>.DOM查询操作

javascript 复制代码
document.querySelect()

document.querySelectAll()

<5>.拖放、canvas、SVG、定位

html 复制代码
<canvas id="myCanvas" width="200" height="100"></canvas>

5.行内元素有哪些?快级元素有哪些?空元素有哪些?

行内元素:a b span img input select strong

快级元素: div ul li dl dt dd h1-h6 p

空元素:常见的有:、、``;

6.Canvas 和 SVG 的区别

SVG: 在SVG中,每个被绘制的图形均被视为对象,如果SVG对象属性发生改变,那么浏览器会自动重绘图形。

Canvas: 画布,通过JS来绘制2D图形,逐像素渲染,位置发生改变时,需要重绘。

相关推荐
爱吃的强哥8 分钟前
vue3 使用 vite 管理多个项目,实现各子项目独立运行,独立打包
前端·javascript·vue.js
谈不譚网安17 分钟前
CSRF请求伪造
前端·网络安全·csrf
TT模板23 分钟前
苹果cmsV10主题 MXonePro二开优化修复开源版
前端·html5
拖孩24 分钟前
【Nova UI】十一、组件库中 Icon 组件的测试、使用与全局注册全攻略
前端·javascript·vue.js·ui·sass
去伪存真29 分钟前
不用动脑,手把手跟着我做,就能掌握Gitlab+Jenkins提交代码自动构部署
前端·jenkins
天天扭码1 小时前
深入解析 JavaScript 中的每一类函数:从语法到对比,全面掌握适用场景
前端·javascript·面试
小希爸爸1 小时前
4、中医基础入门和养生
前端·后端
kooboo china.1 小时前
Tailwind CSS 实战:基于 Kooboo 构建企业官网页面(一)
前端·css·编辑器
uhakadotcom2 小时前
Fluid:云原生数据加速与管理的简单入门与实战
前端
凉豆菌2 小时前
在html中如何创建vue自定义组件(以自定义文件上传组件为例,vue2+elementUI)
vue.js·elementui·html