html+css基础-4-html标签、Doctype、iframe，table布局

一，html标签

基本

<html>…</html>      定义 HTML 文档
<head>…</head>   文档的信息
<meta>                    HTML 文档的元信息
<title>…</title>        文档的标题
<link>                      文档与外部资源的关系
<style>…</style>    文档的样式信息
<body>…</body>   可见的页面内容

文本

<h1>...</h1>               标题字大小（h1~h6）
<b>...</b>                   粗体字
<strong>...</strong>   粗体字(强调) 
<i>...</i>                      斜体字 
<em>...</em>              斜体字(强调)
<center>…</center>   居中文本
<ul>…</ul>                 无序列表 
<ol>…</ol>                 有序列表
<li>…</li>                    列表项目
<a href=”…”>…</a>    超链接
<font>                         定义文本字体尺寸、颜色、大小
<sub>                         下标
<sup>                         上标
<br>                           换行
<p>                            段落

图形

<img src=’”…”>   定义图像
<hr>                   水平线
<del>                  加删除线

表格

<table>…</table>   定义表格
<th>…</th>            定义表格中的表头单元格
<tr>…</tr>             定义表格中的行
<td>…</td>           定义表格中的单元

其它

<form>…</form>    定义供用户输入的 HTML 表单
<frame>                 定义框架集的窗口或框架

转义字符

< &lt; 
> &gt; 
空格 &nbsp; 
© &copy; 
® &reg; 
™ &trade;

二，Doctype的作用，有几种文档类型

声明该网页所采用的文档类型。
由于历史的原因，浏览器对页面的渲染方式是不一样的，但在W3C标准出台之后，浏览器对页面的渲染有了同一的标准即（严格模式或标准模式）。但是为了保证以前就得页面仍然正常显示，有的浏览器就保存了这两种渲染模式（标准兼容模式）。那么究竟采用哪一种方式进行渲染，就要看DOCTYPE生命中的DTD。　　
1．过渡版本
一种要求不很严格的DTD，允许在页面中使用HTML4.01的标识（符合xhtml语法标准）。过渡的DTD的写法如下：
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
2．严格版本
一种要求严格的DTD，不允许使用任何表现层的标识和属性，例如
等。严格的DTD的写法如下：
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
3．基于框架的html版本
一种专门针对框架页面所使用的DTD，当页面中含有框架元素时，就要采用这种DTD。框架的DTD的写法如下：
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
使用严格的DTD来制作页面，当然是最理想的方式。但是，对于没有深入了解Web标准的网页设计者，比较合适的是使用过渡的DTD。因为这种DTD还允许使用表现层的标识、元素和属性，比较适合大多数网页制作人员。

三，iframe

rame是嵌入式框架, 是html标签, 还是一个内联元素, iframe 元素会创建包含另外一个文档的内联框架（即行内框架) . 说白了, iframe用来在页面嵌入其他页面.
优点：

可以通过iframe嵌套通用的页面, 提高代码的重用率, 比如页面的头部样式和底部版权信息
重新加载页面时, 不需要重载iframe框架页的内容, 增加页面重载速度.
维护性好一点（修改简单）
缺点:
会产生很多页面，不容易管理，还会增加很多http请求
iframe框架的内容无法被搜索引擎捕获, 所以iframe不适用于首页
iframe兼容性较差
iframe会阻塞主页面的Onload事件
浏览器的后退按钮无效

四，div+css布局较table有什么优点

1，布局更加灵活，而不是像table那样，只能table,tr,td.
2,符合W3C标准，代码结构清晰明了，结构、样式和行为分离，带来足够好的可维护性。
3，seo好，加快了页面的加载速度（最重要的）（在IE中要将整个table加载完了才显示内容）。

五，px和em,rem的区别

1，px是固定的像素
2，em是相对于父元素的字体大小。
3，rem是相对于根元素html的字体大小。