当前位置:首页 > 日记 > 正文

移动设备HTML5页面布局分析

移动设备HTML5页面布局分析
本文将向您介绍移动设备HTML5页面的布局,并向对磁盘文章感兴趣的朋友学习。
根据移动设备(手机和平板电脑)的特点,介绍了HTML5中新的语义标记元素,以及在移动web浏览器中的网页布局知识和实例。
通过HTML5标准中加入了新的元素,常见的页面结构包括页眉页脚页脚导航搁置一边第第H组。
下面是这个元素的简单介绍:
1.header
元素定义文档的页面组合,通常是一些导航和导航信息。标签通常包含篇-头信息,如H1 ~ H6或H组。

复制代码代码如下所示:

HTML5布局学习
勤学苦练
它与下面的代码一致:

复制代码代码如下所示:

HTML5布局学习
勤学苦练
2.footer
元素定义文档或章节的结尾包含了一些章节的基本信息,如作者的信息、相关的连接和版权信息。

复制代码代码如下所示:

隐私信息
关于我们
3.nav
元素用于定义构建导航,显示导航链接,并将其放入当前页面的主导航链接中。

复制代码代码如下所示:

U3000 U3000
U3000 U3000 U3000 U3000
隐私信息
版权信息
关于我们
联系我们
U3000 U3000 U3000 U3000
U3000 U3000
4.aside
元素用于定义页面的区域,该区域用于表示包含页面的主要内容,并用于加载非文本的主要内容,如广告栏、侧栏等。
5.article
元素表示文档、页面,用于显示单独的文章内容,如新闻网站、博客等。
U3000 U3000
复制代码代码如下所示:

U3000 U3000 U3000 U3000
HTML5新元素
条新的元素
U3000 U3000 U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000 U3000 U3000 U3000 U3000
文章标签1
文章标签2
U3000 U3000 U3000 U3000 U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000
U3000 U3000
6.section
在元素的第一篇文章中的元素,如章、页眉、页脚。
U3000 U3000
复制代码代码如下所示:

U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000
U3000 U3000
7.hgroup
它被定义为一个组合的一个网页或部分的标题元素,这通常是由一个多层次的H1 ~ h6标签节点。
U3000 U3000
复制代码代码如下所示:

U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000 U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000 U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000
U3000 U3000
事实上,除了我们引入的语义标记之外,HTML5标准中定义了更多不同的语义标记。
*音频:定义音频内容。
*画布:定义画布函数。
*命令:定义命令按钮。
*数据:定义一个下拉列表。
*详细信息:定义元素的详细信息。
*对话框:定义对话框。
*凯基:定义表单中的一个关键价值主张。
*标记:定义标记文本。
*输出:定义一些输出类型。
*进度:定义任务的过程。
*来源:定义媒体资源。
*视频:定义视频内容。
尽管HTML5标准中添加了许多新元素,但在移动Web应用程序中没有太多的应用机会。
虽然音频和视频等标签可以应用在移动Web应用程序中,但由于它们的性能、兼容性和页面呈现能力,它们不能很好地应用于平板电脑的智能手机和Web浏览器。

相关文章

WPS文本中的表格转换工具WPS文本教

WPS文本中的表格转换工具WPS文本教

教程,文本,转换工具,表格,电脑软件,如今,电脑的使用越来越普及。很多人需要使用WPS办公软件来工作或生活。但也有一些小的知识,比如WPS语言中的表转换工具的技巧是什么,这里是详细回答的。 在新版WPS中,提供给用户的表单转换工具,允许用户在表格…

QQ个性情人签名:这朵花有主人,不需要

QQ个性情人签名:这朵花有主人,不需要

不需要,这朵,爱人,主人,情人,我一直没有抓住你,说:我需要你。 我没有一直抱着你说:我想念你。 李 情人节那天我会和你在一起,好吗 我爱你无可救药。 李 直到最后一秒,我的手才被放开。 直到最后一秒,你还在我身边。 李 手掌的高温是爱情…

经典跨年经典签名个性签名

经典跨年经典签名个性签名

经典,个性签名,电脑软件,QQ、微信和微薄的拥有自己的签名或声明。人们的情绪是复杂多样的。他们大多用语言表达。这是个性化签名,希望大家喜欢。 2016岁的第一天,我不得不去上班,只有一岁,但年轻的心还在。 2016年1月1日,新年的第一天,新年快乐! 2…

情人非主流签名爱好者的签名

情人非主流签名爱好者的签名

非主流,爱好者,情人,电脑软件,但我很害怕你爱别人,这让我无法绝望。以下是这对夫妇的签名,是你安排的。我希望你能从中得到一些好处。 情人的人格签名: 薰衣草枯萎了一天,洒下了一个悲伤的地方。 向日葵盛开的四分之一,染上了心脏的伤害。 爱你…

一对签名爱好者的签名

一对签名爱好者的签名

爱好者,电脑软件,听你说:我喜欢你,那是一种幸福。下面的小编辑分享情人的个性签名,欢迎阅读: 情人的人格签名: 茹华美娟,也敌不过似水流年。 如果岩石的心,也敌不过过眼云烟 有一种爱,叫做友谊,但它没有。 有一种爱,叫做爱,但它失去了。 给我一个放弃…

AI使用渐变使无缝连接成为完美的标

AI使用渐变使无缝连接成为完美的标

渐变,无缝连接,标志,完美,电脑软件,本教程将介绍一个完美的符号方法AI,使无缝连接使用梯度。它很漂亮,很难通过教程来创建。这很难。值得学习。建议你喜欢你的朋友快速学习。 导师的朋友们使用AI通过渐变来完美地实现无缝连接的标志。本教程…

伤感签名使伤心,伤感的个性签名

伤感签名使伤心,伤感的个性签名

名使,伤感,个性签名,伤心,电脑软件,Ldquo;我在一个城市,等着一个老的到来。 1,我的真心话藏在笑话里。 2。也许我只是你的附属品之一。你不需要在任何时候扔掉它。 3,最好的爱是快乐地做你自己,并且仍然爱着你。 4,冰淇淋比你好,它不会让我的心凉…

女孩性格的感性签名

女孩性格的感性签名

感性,性格,女孩,电脑软件,一路上,也许感觉草还是好吃的,但它总是让人的花瓣躺在缤纷,美丽。下面的小编辑分享女孩的情感性格签名,欢迎阅读: 女性情感人格签名: 1。祝你今天过得愉快,即使你以后和我没什么关系。 2。睁开你的眼睛,笑着生活,继续用爱…

你的脑袋里满是你快乐的个性QQ签名

你的脑袋里满是你快乐的个性QQ签名

快乐,个性签名,脑袋,个性,电脑软件,如果有一天我消失了,你会想起我吗 我们在同一个世界,在两个不同的角落。 红绳缠在手腕上,回想着伤口。 一天一天,我想念你,蓝天。 看着我的自我,我看到你在敷衍,在你的情感世界里,我是支持的。 *(______,满脑子都是…

如何引用外部滑ppt2003教程素材

如何引用外部滑ppt2003教程素材

教程,引用,素材,电脑软件,PowerPoint2003是微软公司提供的幻灯片制作软件,它通常是一起使用的投影机,无论在语音、类、会议、培训等,这是必不可少的工具和设备。当我们正在编辑的文稿,如果我们需要在其他PPT模板引用一些幻灯片,我们可以快速插入…

最新快乐签名女孩签名

最新快乐签名女孩签名

女孩,快乐,最新,电脑软件,如今,网络的日益普及,QQ是流行的签名的东西,人们喜欢用它来表达自己,或者为了吸引眼球,萧边介绍一些新的快乐的女孩,我希望你能喜欢哦。 1。我不想做你生命中的插曲,只想成为你生命的完美结局。 2,我找不到终点,怕两个世界…

给出一个在CSS中使用位置属性的详

给出一个在CSS中使用位置属性的详

位置,属性,例子,详细,电脑软件,本文主要介绍CSS中位置属性的使用,这是CSS入门学习的基础知识。 位置属性决定了元素将如何定位。它有以下五种值: 每个页面都可以被看作堆叠在页面的一层,如下图所示。 当位置设置为相对时,元素仍在正常流中,位置…