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图形,逐像素渲染,位置发生改变时,需要重绘。

相关推荐
一张假钞2 分钟前
Firefox默认在新标签页打开收藏栏链接
前端·firefox
高达可以过山车不行3 分钟前
Firefox账号同步书签不一致(火狐浏览器书签同步不一致)
前端·firefox
m0_593758104 分钟前
firefox 136.0.4版本离线安装MarkDown插件
前端·firefox
掘金一周7 分钟前
金石焕新程 >> 瓜分万元现金大奖征文活动即将回归 | 掘金一周 4.3
前端·人工智能·后端
三翼鸟数字化技术团队25 分钟前
Vue自定义指令最佳实践教程
前端·vue.js
Jasmin Tin Wei1 小时前
蓝桥杯 web 学海无涯(axios、ecahrts)版本二
前端·蓝桥杯
圈圈编码1 小时前
Spring Task 定时任务
java·前端·spring
转转技术团队1 小时前
代码变更暗藏危机?代码影响范围分析为你保驾护航
前端·javascript·node.js
Mintopia1 小时前
Node.js高级实战:自定义流与Pipeline的高效数据处理 ——从字母生成器到文件管道的深度解析
前端·javascript·node.js
Mintopia1 小时前
Three.js深度解析:InstancedBufferGeometry实现动态星空特效 ——高效渲染十万粒子的底层奥秘
前端·javascript·three.js