html页面的布局

HTML5可以使用结构元素构建网页布局,使Web设计和开发变得更加容易，并且对数据挖掘服务更加友好。HTML5提供了各种切割和划分页面的手段,允许用户创建的切割组件不仅能用来有逻辑地组织站点页面布局,而且能够赋予网站聚合的能力。HTML5可以称为“信息到网站设计的映射方法”,因为它体现了信息映射的本质,划分信息更加有逻辑，并给信息加上标签,使其变得容易使用和理解。

html5中的主要文档结构元素：

header    用于设置页面的页眉

<header>
<h1>欢迎光临计算机学院主页</h1>
<p>计算机学院</p>
<header>

 nav    用于构建导航

<nav>
<a href="index.html">首页</a>
<a href="prev.html">首页</a>
<a href="next.html">首页</a>
</nav>

 main    呈现< body >或应用的主体部分,在一个文档中不能出现一个以标签。目前IE浏览器不支持,其经常被< div>代替

 article    表示文档、页面、应用程序或网站中一体化的内容
 aside    表示与页面内容相关、有别于主要内容的部分

<aside>这是网页侧边栏</aside>

 section    用于对网站或应用程序中页面中的内容进行分块

<section>
<h1>HTML</h1>
<p>Hypertext Markup Language,超文本标记语言</p >
</section>

footer    用于设置页面的页脚用于对页面中的内容进行分组

<footer>
<p>Copyright &copy;2024 H5计算机学院</p>
</footer>