html常见的块级元素

* dir - 目录列表

* div - 常用块级容易，也是css layout的主要标签

* dl - 定义列表

* fieldset - form控制组

* form - 交互表单 （只能用来容纳其它块元素）

* h1 - 大标题

* h2 - 副标题

* h3 - 3级标题

* h4 - 4级标题

* h5 - 5级标题

* h6 - 6级标题

* hr - 水平分隔线

* menu - 菜单列表

* noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容

* noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）

* ol - 排序表单

* p - 段落

* pre - 格式化文本

* table - 表格

* ul - 非排序列表

1、行内元素：a–锚点；abbr–缩写；acronym–首字；b–粗体(不推荐)；bdo–bidi override；big–大字体；br–换行；cite–引用。

code–计算机代码(在引用源码的时候需要)；dfn–定义字段；em–强调；font–字体设定(不推荐)；i–斜体；img–图片。input–输入框。

kbd–定义键盘文本；label–表格标签；q–短引用；s–中划线(不推荐)；samp–定义范例计算机代码；select–项目选择；small–小字体文本。

span–常用内联容器，定义文本内区块；strike–中划线；strong–粗体强调；sub–下标；sup–上标；textarea–多行文本输入框；tt–电传文本；u–下划线；var–定义变量。

2、块级元素：address-地址；blockquote-块引用；center-居中对齐块；dir-目录列表；div-常用块级容器，也是css layout的主要标签；dl-定义列表。

fieldset-form控制组；form-交互表单；h1-大标题；h2-副标题；h3-3级标题；h4-4级标题；h5-5级标题；h6-6级标题；hr-水平分隔线。

isindex-input prompt；menu-菜单列表；noframes-frames可选内容，（对于不支持frame的浏览器显示此区块内容）。

noscript-可选脚本内容（对于不支持script的浏览器显示此内容）；ol-排序表单；p-段落；pre-格式化文本；table-表格；ul-非排序列表（无序列表）。

扩展资料

行内元素特点：和其他元素都在一行上；高度、行高和顶以及底边距都不可改变；宽度就是它的文字或图片的宽度，不可改变。

总的来说，内联元素一般都是基于语义级(semantic)的基本元素，它只能容纳文本或者其他内联元素，通常被包括在块元素中使用，常见内联元素有“a、b、br”等。

块级元素的特点：总是在新行上开始；高度，行高以及外边距和内边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度。它可以容纳内联元素和其他块元素。

参考资料来源：百度百科-块元素

参考资料来源：百度百科-内联元素

1、块状元素：

块级元素是指本身属性为display:block的元素。因为它自身的特点，我们通常使用块级元素来进行大布局（大结构）的搭建。  

布局上：独占一行，可以容纳内联元素和其他块元素

 样式上：设置width、height有效，可以设置盒子模型的相关css属性，

 在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度

 在不设置高度的情况下，块级元素的高度是它本身内容的高度

2、 行内元素：

内联元素是指本身属性为display:inline的元素。因为它自身的特点，我们通常使用块级元素来进行文字、小图标（小结构）的应用。     

布局上：和其他元素从左到右在一行排列，只能容纳文本或者其他内联元素（不要在内联元素中嵌套块级元素）

样式上：不能直接控制width、height，只能使用盒模型部分属性，如padding、line_height、margin-left、margin-right。

内联元素的宽高是由本身内容的大小决定（文字、图标等）

 3、  行内块状元素：尽可能少的占用横向空间，和其他元素都在一行上；可以设置width、height、margin、padding等盒模型相关属性。

         *常用：img、input、td。

               display:block；(将元素变为块级元素)

               display:inline；  (将元素变为行级元素)

               display：inline-block；（将元素变为行级块元素）

       a. 块元素特立独行；内联元素随波逐流。

       b.块元素通常用作网页的主要构建模块，而内联元素常用来标记小段内容（修饰文本）

       c.设计一个页面时，一般从较大的块开始 ，然后完善页面的时候再加入内联元素。      

       d. 对标签能够清晰的分类，掌握标签的特性，在选择标签时避免犹豫不决，提高布局效率。

HTML5新结构标签

HTML5-新的属性语法

HTML5图形

HTML5音视频标签

对本地离线存储的更好的支持

新的表单控件，比如 calendar、date、time、email、url、search

移除的元素：

纯表现的元素：basefont，big，center，font, s，strike，tt，u

 对可用性产生负面影响的元素：frame，frameset，noframes；

支持HTML5新标签 ： IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shim

<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

---