这篇文章将为大家详细讲解有关HTML5结构是怎样的,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
由于缺少结构,即使是形式良好的HTML页面也比较难以处理,必须分析标题的级别,才能看出各个部分的划分方式。边栏,页脚,页眉,导航条,主内容区和各篇文章都由通用的div元素来表示. HTML 5添加了一些新元素,专门用来标识这些常见的结构:
部分:这可以是书中的一章或一节,实际上可以是在HTML 4中有自己的标题的任何东西
头:页面上显示的页眉;与头元素不一样
页脚,页脚,可以显示电子邮件中的签名
导航:指向其他页面的一组链接
文章:博客,杂志,文章汇编等中的一篇文章
我们来考虑一个典型的博客主页,它的顶部有页眉,底部有页脚,还有几篇文章,一个导航区和一个边栏,见代码1典型的博客页面
& lt; html>
& lt; head>
& lt; title> Mokka街& lt;/title>
& lt;/head>
& lt; body>
& lt; div id=皃age"在
& lt; div id=癶eader"在
& lt; h2> & lt; https://www.yisu.com/zixun/a href=" http://www.elharo.com/blog "> Mokka经营
& lt;/div>
& lt; div id=癱ontainer"在
& lt; div id=癱enter"类=癱olumn"比;
& lt; div类=皃ost"id=?000572后“在
& lt; h3> & lt; a href=https://www.yisu.com/zixun/
“/博客/观鸟/2007/04/23 spring-comes-and-goes-in-sussex-county/霸?br/>春天来临(,)在苏塞克斯County & lt;/h3>
& lt; div类=癳ntry"在
& lt; p>昨天我加入了布鲁克林鸟俱乐部为我们
年度前往西部新泽西,特别是超
腐殖质,相对最近发现热点。它
是一个冬天的早晨,当我们到达现场
上午七点半,发展到春天
上午10:00左右,达到了初夏10:15。& lt;/p>
& lt;/div>
& lt;/div>
& lt; div类=皃ost"id=?000571后“在
& lt; h3> & lt; a href=https://www.yisu.com/zixun/
“/博客/观鸟/2007/04/23 but-does-it-count-for-your-life-list/霸?br/>但数量为你的生活清单吗? & lt;/a> & lt;/h3>
& lt; div类=癳ntry"在
& lt; p>似乎现在可以去& lt; https://www.yisu.com/zixun/
href=" http://www.wired.com/science/discoveries/news/
2007/04/cone_sf"在观鸟通过Internet。我
文# 39;t被能够对其进行测试(20用户
限制显然)但这当然是酷。
我个人停下来# 39;t想象其实替换
被任何少量的领域。
关于“HTML5结构是怎样的”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。
