前言
貌似又到了一年一度跑路跳槽的时刻, 由于个人的一些原因最近也参加了很多面试, 发现有很多基础性的东西掌握程度还是不够, 故此想总结一下最近面试遇到的问题以及个人认为比较重要的东西, 留给自己消化, 也分享给有需要的小伙伴
如果文章中有出现纰漏, 错误之处, 还请看到的小伙伴多多指教, 先行谢过
好了, 废话不多说, 以下 ↓
1. Doctype 作用, HTML5 为什么只需要写 <!DOCTYPE HTML>
doctype 是一种标准通用标记语言的文档类型声明, 目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义 (DTD) 来解析文档.<!DOCTYPE > 声明必须是 HTML 文档的第一行, 位于 HTML 标签之前
HTML5 不基于 SGML, 所以不需要引用 DTD. 在 HTML5 中<!DOCTYPE > 只有一种
SGML: 标准通用标记语言, 是现时常用的超文本格式的最高层次标准
2. 行内元素有哪些, 块级元素有哪些, 空 (void) 元素有那些
行内元素: a span i img input select b 等
块级元素: div ul ol li h1~h6 p table 等
空元素: br hr link 等
3. 简述一下你对 HTML 语义化的理解
简单来说, 就是合适的标签做合适的事情, 这样具有以下好处:
有助于构架良好的 HTML 结构, 有利于搜索引擎的建立索引, 抓取, 利于 SEO
有利于不同设备的解析
有利于构建清晰的机构, 有利于团队的开发, 维护
4. 常见的浏览器内核有哪些, 介绍一下你对浏览器内核的理解
Trident 内核: IE
Gecko 内核: NETSCAPE6 及以上版本, 火狐
Presto 内核: Opera7 及以上.[Opera 内核原为: Presto, 现为: Blink;]
webkit 内核: Safari,Chrome 等.[Chrome 的: Blink(WebKit 的分支)]
浏览器内核又可以分成两部分: 渲染引擎和 JS 引擎. 渲染引擎主要负责取得网页的内容, 整理讯息, 计算网页的显示方式等, JS 引擎则是解析 JavaScript 语言, 执行 JavaScript 语言来实现网页的动态效果.
5. html5 有哪些新特性
- localStorage.setItem(key,value)
- ,
- localStorage.getItem(key)
- <link href="style.CSS" rel="stylesheet" />
- 浏览器加载到这里的时候, HTML 的渲染和解析不会暂停, CSS 文件的加载是同时进行的
- <script src="script.js">
- < /script > 当浏览器解析到这句代码时, 页面的加载和解析都会暂停直到浏览器拿到并执行完这个 JS 文件/
- .fix::after {
- content:"";
- display:block;
- clear:both;
- }
- .father {
- position: relative;
- }
- .son {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- }
- .father {
- position: relative;
- }
- .son {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- .father {
- display: flex;
- justify-content: center;
- align-items: center;
- }
来源: https://segmentfault.com/a/1190000018528413