本文详细探讨了HTML面试中常见的问题，包括语义化标签的好处和实践、文档声明的作用、meta标签、HTML5新特性、src与href的区别、行内元素与块级元素的差异、图片格式的应用、浏览器内核、script的defer和async属性以及link和@import导入样式的区别，还提及了SEO优化的相关要点。
1.html语义化（对语义化标签的理解）
好处：
- 对个人来讲，使用语义化能让自己的思路、代码结构更清晰
- 对团队来讲，别人维护和二次开发你的代码会更容易
- 对公司经营来讲，代码结构化很清晰、语义化很强的网站在搜索迎引擎当中被蜘蛛爬虫收到的几率更高，算是seo优化的一部分。
- 对用户来讲，语义化好的标签即使代码没有css也能呈现出良好的结构
行动：
- 少使用或者不适用div和span标签
- 用p标签代替div标签
- 强调文本放在strong或者em标签中，不要用b和i标签
- 使用table时，标题要用caption，表头要用thread，主体部分用tbody包围，尾部用tfoot包围
- 表头用 th，单元格用 td。表单域用filedset包裹，用lengend标签说明表单的用途。input标签通过id属性或for属性与label标签关联。html 语义化，css 类名也要语义化。等等
2.文档声明的作用？
声明作用：告知浏览器当前文档的类型，以html的哪个版本进行编写指令
声明位置：在html根标签之前进行声明，以保证浏览器第一时间去获取网页的文档模式，进而进行解析渲染页面
不声明or声明错误：文档将会使用混杂模式进行解析渲染呈现
什么是混杂模式什么是标准模式：
- 混杂模式：降低标准兼容旧网页，模拟老旧的浏览器保证站点能正常显示
触发方式：
- 省略文档开头的 doctype 声明
- doctype 声明 不正确，也会导致HTML和XHTML文档以混杂模式呈现
- 标准模式：按照w3c最新标准解析渲染
触发方式：
// HTML 4.01 Strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
// XHTML 1.0 Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
// HTML5:
<!DOCTYPE html>
3.meta标签
标签永远位于 head 元素内部
<meta charset='xxx'>：告诉浏览器页面的代码是用的xxx编码方式
http-equiv属性：
1.<meta http-equiv=”Set-Cookie” content=”cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/”>:如果网页过期，那么存盘的cookie将被删除。必须使用GMT的时间格式。
2.<meta http-equiv='expires' content=
最低0.47元/天 解锁文章
3232
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
