整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

元素中新增的非主体结构《HTML5系列教程11》

TML5元素

在上一篇中我们介绍了元素中新增的主体结构,那么与之对应就是元素中新增的非主体结构了。在HTML5中,非主体结构元素表示逻辑结构或附加信息。本次主要为大家介绍HTML5中新增的几个非主体结构元素的定义及使用方法和例子。

1.header元素

header元素用于定义HTML文档的页眉,是一种具有引导和导航作用的结构元素。header元素通常表示整个页面或者页面内的一个内容区块的标题。一般情况,一个header元素内嵌一个heading元素(h1~h6)。元素的示例如下图:

HTML5中的header元素

在这段代码中,h1元素表示该区域内容的标题,nav元素表示一个导航列表,除此之外,header元素的内容还可以是数据表格、搜索表单或相关的logo图片,这也包括我们接下来要介绍的hgroup元素。不过要注意是,header元素应该放在页面的开头,而且可以存在多个。

2.hgroup元素

hgroup元素用于对header元素标题及其子标题进行分组。在使用header元素时,我们通常会嵌入一个heading(h1~h6)元素,那是因为我们只有一个标题,并且没有子标题。如果header元素的标题下还有子标题,这时候就需要使用hgroup元素对其进行分组。示例代码如下:

HTML5中的hgroup元素

3.footer元素

footer元素用于定义区块的脚注,这个区块可以是article元素或section元素。通常情况下,footer元素会包含创作者的姓名、文档的创建时间、联系方式和版权信息等。示例代码如下图:

HTML5中的footer元素

4.address元素

address元素用于定义文档作者或者拥有者的联系信息,包括文档作者或文档维护者的姓名、网站、电子邮件、联系电话等。如果address元素位于article元素内部,则它表示该文章作者或拥有者的联系信息。一般情况下,address元素应该添加到网页的头部或底部。比如将文章作者的联系方式显示在footer元素中的代码如下图所示:

HTML5中的address元素

这里要注意一下的如果在footer元素中需要显示联系方式,应该使用address元素,就像上图中的那样。在HTML5元素中新增非主体结构就到这里了。关注最新动态、了解更多精彩资讯请加我们的官方微信:pyyuanxing。谢谢大家的观看,祝大家身体健康、生活愉快。

机app个人中心页面模板源码

app 内嵌H5页面,个人中心页面模板,包含 列表 按钮 图片 icon 搜索 布局 上传 对话框 。

手机演示地址:http://www.17sucai.com/preview/10221/2017-01-20/ceshi/index.html — my-read.html — my-secure.html — my-put.html — my-up.html

html5 css3手机app登录页面模板下载


手机演示地址http://www.17sucai.com/pins/demoshow/22887

蓝色的采购信息管理系统手机界面wap模板

手机版大气信息管理系统界面模板

手机演示地址:http://www.17sucai.com/pins/demoshow/22475

蓝色通用的手机app登录注册页面模板

蓝色的手机登录模板

手机演示地址:http://www.17sucai.com/pins/demoshow/22480

苹果ios风格企业博客网站手机模板

苹果风格

手机演示地址:http://www.17sucai.com/pins/demoshow/20946

web前端开发的小伙伴经常会听到HTML5这个词,那么这个HTML5到底是什么呢?其实HTML5 是对 HTML 标准的第五次修订。其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。

HTML5草案的前身名为 Web Applications 1.0,于04年被WHATWG提出,于07年被W3C接纳,并成立了新的 HTML 工作团队。

HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试和运行,这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准,开发人员可以轻松调试修改。

HTML5将会取代99年制定的HTML 4.01、XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求,为桌面和移动平台带来无缝衔接的丰富内容。

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。

HTML5的出现大大节省了人们的开发成本。因为它通吃PC、Mac、iPhone、iPad、Android、Windows Phone等跨语言平台。程序员们再也不必为不同款的手机做不同的APP了。那么创建HTML5网站需要哪些工具?

Aptana这个HTML5编辑器是一个开源的开发工具,支持开放的Web开发。开发者可以使用单一的设置来测试他们的Web应用程序。很多人更喜欢Adobe的Dreamweaver等工具,因为它在2010年获得了HTML5包。

编辑方式

HTML其实是文本,它需要浏览器的解释,它的编辑器大体可以分为以下几种:

基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。

半所见即所得软件,如:FCK-Editer、E-webediter等在线网页编辑器;尤其推荐:Sublime Text代码编辑器(由Jon Skinner开发,Sublime Text2收费但可以无限期试用)。

所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,如:AMAYA(出品单位:万维网联盟);FRONTPAGE(出品单位:微软);;Dreamweaver(出品单位Adobe)。

Microsoft Visual Studio(出品公司:微软):其中所见即所得软件与半所见即所得的软件相比,开发速度更快,效率更高,且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂,不利于大型网站的多人协作和精准定位等高级功能的实现。