Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个品牌项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!

厦门广川网络有限公司

地 址:厦门市思明区嘉联街道新景中心

电 话:0592-5720538

E-mail:4576980043@qq.com

填写您的项目信息

html5教程:[2]设计中如何合理规划页面

作者:admin 时间:2020-07-10

HTML5的强大功能中很重要的一面是信息的映射——也可以说是内容块化(content blocking)。将你所需要处理的信息模块化,你会发现整个设计思路特别的清晰而顺畅。

设计前,考虑一下你的网页上需要有什么?在HTML5页面的设计中,页面一般包含以下几个区域1、一个Header区2、一个Navigation区3、一个包含了三个Section区和一个Aside区的Article区4、一个Footer区。

Haeder区: (页面标题和副标题)Header区的例子包含了页面标题和副标题, header标签被用来创建页面的Header区的内容。除了网页本身之外, header标签还可以包含关于 section article的公开信息。这里创建的网页有该页面的一个Header区,这在高层设计中有给出,以及一个位于Article和Section区内部的Header区。

示例1. header标签的例子 (把下面代码复制到文本文档中,把后缀名改为首页.HTML)headerh1标题文字/h1p 文本或是图像可放在这里 Logo通常也放在这个地方/header

Navigation区 (导航区) nav标签来创建页面的Navigation区。 nav元素定义了一个专门用于导航的区域, nav标签应该用做主站点的导航,而不是用来放置被包含在页面的其他区域中的链接。

示例二:(把下面代码复制到文本文档中,把后缀名改为nav.HTML)navullia href=# kesrc=#Home/lilia href=# kesrc=#About Us/lilia href=# kesrc=#Our Products/lilia href=# kesrc=#Contact Us/li/ul/nav

Article和Section区:(存储了页面的实质内容) section标签也可以包含 article标签,就像 article标签可以包含 section标签一样。 section标签应该用来分组相类似的信息,而 article标签则应该是用来放置诸如一篇文章或是博客一类的信息,这些内容可在不影响内容含义的情况下被删除或是被放置到新的上下文中。

示例三:(把下面代码复制到文本文档中,把后缀名改为article.HTML)articlesection/sectionsection还是内容/section/articlesectionarticle内容依旧/articlearticle好吧,还是内容/article/section

Footer区:元素包含了与页面、文章或是部分内容有关的信息,比如说文章的作者或是日期。作为页面的页脚,其有可能包含了版权或是其他重要的法律信息

示例四:(把下面代码复制到文本文档中,把后缀名改为footer.HTML)footerpCopyright 2011 Acme United. All rights reserved./footer

返回列表

RELATED CASE

相关案例

网站公告

整站优化必须清楚的几点知识,赶紧收藏

一、整站优化的含义整站优化为使网站整...

网站公告

模板网站建设分为哪几种?

大家都知道网站建设主要分为两种,一种...

网站公告

网站建设五要素之用户体验

简单的网站建设大多是由知道该技术的人...

网站公告

网站建设要做哪些准备?

互联网发展得越来越快,各行业都在建立...

网站公告

友情链接作弊,这11种方法你知道吗?

相信大多数SEO人员都知道有友链这么一个...

Are you interested in ?

感兴趣吗?

有关我们服务的更多信息,请联系

0592-5720538

与我们合作

与我们合作,您将会得到更成熟的品牌建设服务。我们以客户至上,同时也相互挑战,力求呈现最好的品牌建设成果。

品牌咨询热线:

0592-5720538

填写您的项目信息

TOP

4576980043

0592-5720538