1、什么是语义化的HTML?
1、直观的认识标签 对于搜索引擎的抓取有好处，用正确的标签做正确的事情！
2、html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。
3、使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
2、HTML5 为什么只需要写 !DOCTYPE HTML？
1、 HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；
2、而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。
3、左侧定宽，右侧自适应布局
<div id="left">Left sidebar</div>
<div id="content">Main Content</div>
* {
margin: 0;
padding: 0;
}
#left {
float: left;
width: 220px;
background-color: green;
}
#content {
background-color: orange;
margin-left: 220px;
/*==等于左边栏宽度==*/
}
