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=