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;
    /*==等于左边栏宽度==*/
}