HTML 面试真题

1. doctype的意义是什么？

• 让浏览器以标准模式渲染
• 让浏览器知道元素的合法性

2. HTML XHTML ＨTML5的关系？

• HTML属于SGML
• XHTML属于XML, 是HTML进行XML严格化的结果
• HTML5不属于SGML或XML, 比 XHTML宽松

3. HTML5有什么变化？

• 新的语义化元素
  <section>、<hgroup>、<nav>、<article>、<aside>、<header>、<footer>、<address>
• 表单增强，多了新的元素和表单验证等
• 新的API
  离线、音视频、图形、实时通信、本地存储、设备能力
• 分类和嵌套变更

4. em和i有什么区别？

• em是语义化的标签，表强调
• i是纯样式的标签，表斜体
• HTML5中i不推荐使用，一般用做图标

5. 语义化的意义是什么？

• 开发者容易理解
• 机器容易理解结构
  搜索、读屏软件
• 有助于SEO（搜索引擎优化）
• semantic microdata

6. 哪些元素可以自闭合？

• 表单元素 input
• 图片 img
• br（换行）hr（水平线）
• 元信息 meta link

7. HTML和DOM的关系

• HTML是 “死” 的，只是一些字符串
• DOM由HTML解析而来，是活的
• JS可以维护DOM

property（特性） 和 attribute（属性） 的区别？

• attribute 是 “死” 的，浏览器解析成DOM前的
• property 是 “活” 的，浏览器解析成DOM后的

9. form的作用有哪些？

• 直接提交表单
• 使用submit / reset按钮
• 便于浏览器保持表单
• 第三方库可以整体提取值
• 第三方库可以进行表单验证

10. HTML 引入 css 、js 的方式有哪些？

引入 css

1. 行内样式

<p style="color: #2196f3;font-size:18px;">如何引入css样式</p>

2. 写下<style></style>标签内

<style>
      p{
       color: #2196f3;
       font-size:18px;
      }
</style>

3. 引入外部 css 文件

<link rel="stylesheet" href=".css样式存放路径" type="text/css">

引入 js

1. 引入外部 js

<script type="text/javascript" src=".js文件存放路径"></script>

2. 将 <script></script> 标签放在页面底部执行

11. DOMContentLoaded和load的区别？

• DOMContentLoaded

当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完成加载。

• load

load 仅用于检测一个完全加载的页面，页面的html、css、js、图片等资源都已经加载完之后才会触发 load 事件。