标签：doctype css meta mil soft doc 设置 pre 尺寸
<!doctype>声明必须处于HTML文档的头部，在<html>标签之前，HTML5中不区分大小写<!doctype>声明不是一个HTML标签，是一个用于告诉浏览器当前HTMl版本的指令<!doctype>声明指向一个DTD，由于HTML4.01基于SGML，所以DTD指定了标记规则以保证浏览器正确渲染内容SGML 是标准通用置标语言 Standard Generalized Markup language
2、常见的块元素和行内元素
1、块级元素 ：<div>, <p>, <h1>, <form>, <ul> 和<li>
2、行内元素：span img input select strong
3、常见的空元素：
<br> <hr> <img> <input> <link> <meta>区别：1、行内元素会在一条直线上排列，都是同一行的，水平方向排列，块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。
2、块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
3、行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效
为什么img 和 input 都是行内元素还可以设置宽度呢？
因为他们是空元素，也叫做可替换元素，这些元素往往没有实际的内容，即是一个空元素，替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。如果img不指定w 和 h ，就按照其内在尺寸来显示。img 即为原始的图片大小，input 和 type 以及浏览器的默认样式有关
3、什么 是 HTML 语义化？
用正确的标签做正确的事情。
html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;
即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的;
搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO，便于收录;
使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
4、想到再慢慢写----
标签：doctype css meta mil soft doc 设置 pre 尺寸
原文地址：http://www.cnblogs.com/wanonder/p/7472339.html
