分帧html5结构怎么写( 二 ) _结构

块元素的代表标记 div
行内元素的代表标记 span，行内标记不具备组织结构框架
9）网页布局分为：自然布局，浮动布局，定位布局
10）当一个元素被定义为浮动显示时，即定义为块状元素。并且该元素就会收缩自身体积为最小状态。所以，应该有个好的习惯即把浮动元素设置高和宽。如果没有设置，则元素会按照它所包含的内容大小来确定它的大小。
11）当元素浮动后，周边的对象会自动环绕浮动元素周围，形成一种环绕关系。
12）块状元素之间的外边距会有重叠现象，但是浮动元素之间的外边距不会发声重叠现象。
13）浮动元素移动，上移：margin-top：-**；下移：margin-botom:-*px，其他以此类推。
14）一般定位元素（绝对或是相对元素）都会覆盖在文档流对象之上。但是，select元素的窗口控件还不完全支持z-index
15）在css定位布局中，一般遵循“外部相对定位，内部绝对定位”
16）在body中设置min-width:760px，可以避免布局重叠现象。
5.html5结构元素的作用①HTML5出现了很多代表新的语义的标签，就想你说的hgroup、section、aside、figure等等。
②如果你了解布局方式从以前的“table表格布局”到现在注重语义化的布局的转变，你就不会奇怪为什么对多出怎么多看上去有点啰嗦的新标签了。
简单点说，你用div也可以实现像aside等标签的功能，但div这个标签创作出来时，目的很简单，就是创建一个分区（division），而如果你用div来实现其他功能，就违背了它原来的语义了，这不利于代码的可读性、搜索引擎优化等。
③举点例子：
你问的hgroup元素，语义就是组合网页或区段的标题，修改hgroup样式后，被他包围的h1、h4之类的标题元素就会同时继承他设置的样式。
section、aside：分别是定义节（如章节/页眉）和定义某内容之外的内容（类似题外话的意思）。
比起在HTML5以前的版本，这些标签都是对页面更细致的设置。HTML5使以前用一个像div那样的元素来实现多种作用而导致其语义模糊的情况少了很多。
6.HTML5的标准格式是什么标准格式如下：
<!DOCTYPE HTML>
<html>
<head>
<meta ; charset=UTF-8" />
<title>Your Website</title>
</head>
<body>
<header>
<nav>
<ul>
<li>Your menu</li>
</ul>
</nav>
</header>
<section>
<article>
<header>
<h2>Article title</h2>
<p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="http://www.xuexi88.com/zhishi/#">Writer</a> - <a href="http://www.xuexi88.com/zhishi/#comments">6 comments</a></p>
</header>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</article>
<article>
<header>
<h2>Article title</h2>
<p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="http://www.xuexi88.com/zhishi/#">Writer</a> - <a href="http://www.xuexi88.com/zhishi/#comments">6 comments</a></p>
</header>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</article>
</section>
<aside>
<h2>About section</h2>
<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</aside>