HTML面试题

1、 DOCTYPE是什么,有什么作用

DOCTYPE一般放在文档的开头,告诉浏览器页面使用的HTML或XHTML的版本,让浏览器按照相应的规则解析页面。如果不写DOCTYPE,那么浏览器会按照自己的规则解析页面,这不利于维护网页的兼容性

2、XML 、HTML 、XHTML 的区别

xml 可拓展标记语言,主要用于数据和结构存储,曾用于数据传输,现在已经被JSON数据取代

html 超文本标记语言,语法较为松散

xhtml 可拓展的超文本标记语言,基于xml和html但语法更严格

3、页面那三层构成,浏览器的内核有哪些

结构层html、表示层 css 、行为层 js

浏览器内核分为两部分:

一、渲染引擎,取得网页内容,计算网页的显示方式,输出显示

二、JS引擎:解析JS来实现网页的动态交互效果

常见的浏览器内核有:trident(ie内核)、gecko(火狐内核)、blink(chorme内核)、webkit(苹果内核)

4、html5新特性

1、语义化标签(hrader、footer、nav等),使得页面的内容结构化,见名知义;

2、video和audio元素,提供了播放视频和音频文件的标准方法;

3、canvas绘图;

4、web worker;

5、新增表单属性:required placeholder autofoucs

相关推荐
Larcher14 分钟前
新手也能学会,100行代码玩AI LOGO
前端·llm·html
徐子颐26 分钟前
从 Vibe Coding 到 Agent Coding:Cursor 2.0 开启下一代 AI 开发范式
前端
小月鸭39 分钟前
如何理解HTML语义化
前端·html
jump6801 小时前
url输入到网页展示会发生什么?
前端
诸葛韩信1 小时前
我们需要了解的Web Workers
前端
brzhang1 小时前
我觉得可以试试 TOON —— 一个为 LLM 而生的极致压缩数据格式
前端·后端·架构
yivifu1 小时前
JavaScript Selection API详解
java·前端·javascript
这儿有一堆花2 小时前
告别 Class 组件:拥抱 React Hooks 带来的函数式新范式
前端·javascript·react.js
十二春秋2 小时前
场景模拟:基础路由配置
前端
六月的可乐2 小时前
实战干货-Vue实现AI聊天助手全流程解析
前端·vue.js·ai编程