实践中，我们会更多的根据元素的上述分类以及语义特性有选择的使用，下面列举常用的布局元素及他们的简单使用。
1、div，英文全称division，该元素从internet explorer3.0版本就开始使用，到4.0版本时候得到更进一步的完善，并在脚本中获得支持。
div作为通用块状元素，在标准网页布局中是最常用的结构化元素，div没有明确的语义，但不等于说它没有意思，通过理解他的英文全称和w3c对于div和span的定义，我们可以这样理解，div元素表示文档结构块的意思，它可以把文档分割为多个有意义的区域或模块，因此，使用div元素可以实现网页的总体布局，网页布局格式千变万化，没有定规，但div一定是网页总体布局的首选元素，例如下面代码中，用了3个div元素分割三大块区域，这些区域分别属于页眉，主体和页脚，然后在页眉和主题区域分别又用几个div元素再次细分几个更小的单元区域，如此等等就可以把一个网页切分为很多个功能模块。
2、span，表示范围的意识，该元素从ie3.0版本开始使用，到ie4.0版本的时候得到更进一步的完善，并在脚本中获得支持。
span是一个通用的内联元素，从元素本身来看，虽然没有明确的语义特征，但它可以作为文本或内联元素的容器，我们通过原文定义的描述也可以看出他的功能。
span元素和div元素一样在css布局中很有用，我们一般用span元素为部分文本或内联元素定义特殊样式，辅助并完善排版，修饰特定的内容或者局部区域。
3、h1----h6，这六个元素具有明确的语义，这些元素的第一个字母h是header的首字母缩写，后面的数字表示标题的级别，使用1-6可以定义网页标题，其中h1表示一级标题，字号最大，h2表示二级标题，字号最小，其他元素依次类推。天津网站建设，天津网站优化，汽车玻璃，商业策划招商，钢板桩租赁，天津废锡回收，天津网站制作
标题元素是块状元素，css和浏览器都预定义了h1-h6元素的样式，h1元素定义的标题字号最大，h6元素定义的标题最小，一般搜索引擎对标题元素有较强的敏感性，有些搜索引擎能够对其进行检索，所以建议h1-h6元素定义标题，而不是使用其他元素。
4、p，p是段落的缩写，该元素具有明确的语义特征，用来设置段落，p元素是块状元素，每个文本段在默认状态下都定义了上下边界，具体大小在不同浏览器中有区别。
5、ul,ol,li,dl,dt和dd
这些元素被用来实现项目列表，他们都有着明确的语义，其中各个元素的语义如下：列表元素全部是块状元素，列表元素一般不单独使用，因为单独的元素不能表示完整的语义，同时在样式呈现上会出现很多意想不到的问题，所以不建议拆开列表元素单独使用。
列表元素能够实现网页结构化列表，对于常常需要排列显示的导航菜单，新闻信息，标题列表等，使用它们优势比较明显，即时在没有css支持的情况下，列表元素也能够很好的确保信息的类表显示
6、tale ,tr,td
这3个元素被用来实现表格化数据显示，它们有着明确的语义，其中各个元素的语义如下：这三个元素都是块状元素，与数据表格相关的元素还有很多，上面所列的6类元素师css标准布局中的主力元素，另外还有很多其他元素，但都与特定显示内容相关联。