标签和属性
META 标签
META 标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。
Favicon
Favicon 是收藏夹图标。收藏夹图标就是出现在浏览器地址栏左侧的那个小图标。
让不同的移动设备都很好的显示 Favicon,有点难。
标签语义化
选择合适的 HTML 标签以和属性,使开发者、机器能更好的理解文档。
文档类型和渲染模式
浏览器根据文档类型来决定该用何种方式来渲染页面。
转义字符
在 HTML 中,某些字符是预留的。如,在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。
关于ARIA(网页无障碍)
Accessible Rich Internet Applications 简称 ARIA。
ARIA 是一个通过给自定义元素添加一些语义化的说明,来提高残障人士对页面的可访问性的W3C规范。比如,我们用ul和li来自定义了一个select下拉框。如何让盲人用户知道我们使用li标签是用来模拟标准select控件呢?根据规范,我们可以给ul加
role="listbox"
来标识这是个下拉框。
代码片段
- HTML代码片段
- CSS Tricks HTML 代码片段
- 图片占位服务 Placeholder
- 工具
- Emmet 快速补全代码。
- Placeholders 生成占位 HTML 占位标签。
面试题
Web 标准
工具
- Markup Validation Service 标签格式验证。
- Code Beautify 支持对 HTML 压缩和格式化。