重点
HTML 八股文
概念
- 什么是 HTML！
- 常用的浏览器引擎是什么 ！
- 请列举常用的 HTML 实体字符 ！
- HTML 注释如何写 ！
- 什么是 HTML 语义化，有什么好处，一定要 HTML 语义化吗 ！
- 连续空格如何渲染，意义是什么 ！
- 如何声明文档类型 DOCTYPE ！
- 哪些字符集编码支持简体中文，如何解决 HTML 乱码问题 ！
- 如何验证 HTML 是否正确 ！
- 什么是 HTML5，HTML5 有哪些新特性 ！
- 什么是 MIME types，常见的 MIME types 有哪些 ！
- 什么是 ARIA！
元素
- 什么是 HTML 标签 ！
- HTML 标签区分大小写吗 ！
- 什么是 HTML 元素 ！
- HTML 元素有哪些分类方法 ！
- 什么是 HTML 头部元素 ！
- 什么是元数据 ！
- 常见的内容结构标签有哪些，为什么我们需要结构化 ！
- 列表标签都有哪些 ！
- 常见的标记引用标签有什么 ！
- 如何标记缩略语 ！
- 如何标记作者的联系方式 ！
- 如何现实一个化学方程式或数学公式，如何表示上标和下标 ！
- 如何标记计算机代码 ！
- 如何标记时间和日期 ！
- 什么是可替换元素，为什么称它们为可替换元素 ！
- 如何强制手机浏览器采用真实可视窗口宽度来加载网页 ！
- 如何链接到 HTML 文档的特定部分（文档片段）
- 浏览器如何对待引号没有闭合的属性，如何理解 HTML 的宽松解析 ！
- 详解script标签中的几种type属性值
图片
- 为什么要设置 alt 属性！
- alt 属性应该填写什么内容 ！
- 为什么要指定图片高度和宽度属性 ！
- title 属性应该填写什么内容 ！
- 如何设置图片的说明文字 ！
- HTML 图像和 CSS 图像的区别是什么 ！
- 什么是矢量图形，它和位图的区别是什么 ！
- 什么是 SVG！
- SVG 对比光栅图形的优缺点是什么 ！
- 如何在 HTML 中引入 SVG！
- 如何创建响应式的图片 ！
- 为什么不能使用 JavaScirpt 来实现响应式图片 ！
- 如何调试响应式 ！
多媒体及嵌入
- 有哪些标签可以嵌入外部内容 ！
- 如何使媒体文件支持不同平台，不同设备的浏览器 ！
- 如何为视频设置缩略图 ！
- 为什么设置
autoplay的视频无法自动播放 ！ - Iframe 的优缺点！
- 简述一下 src 与 href 的区别
表格
- 为什么要使用 CSS 而不是
table表格布局 ！ - 常用的表格标签有什么 ！
- 如何为表格中的列设置相同的样式 ！
- 表格结构标签有哪些，为什么要使用 ！
- 如何实现table表格的表头head固定但内容tbody滚动
表单
- 如何设置
input和textarea的初始值 ！ button有哪几种类型 ！- 使用
input和button生成按钮有什么不同 ！ - 哪些表单属性与向 web 服务器发送表单数据有关系 ！
- 表单元素一定要用
form包裹吗，不包裹会怎样 ！ - 如何将标签连接到表单元素，连接后有什么好处 ！
- 如何构建一个姓名为必填项的表单，满足语义和可访问性的要求 ！
- 如何禁用表单元素 ！
- 如何让表单元素自动对焦 ！
- 如何将表单元素与表单关联 ！
- 如何允许用户一次输入多个电子邮件地址，逗号分隔 ！
- HTML 下拉框有哪两种实现方式 ！
- 如何构建一个兼顾老版本浏览器的自动补全输入框 ！
- 如何构建单选框，如何构建复选框 ！
- 如何在表单中发送图片被点击时的坐标 ！
- 哪种输入表单适合显示密码强度 ！
- 使用 GET 和 POST 发送表单数据，有什么不同 ！
- 什么是表单校验，为什么要使用表单校验 ！
- 如何使用 HTML5 的内置表单数据校验 ！
- 使用 JavaScript 发送表单数据都有哪些方法 ！