html5做一个黑板报页面

我们结合移动设备(手机和平板电脑)的特性,介绍HTML5中新增的语义化标签元素,以及在移动Web浏览器下Web页面布局的知识及例子。

在HTML5标准添加的新元素中,用于常见页面结 构的包括header footer footer nav aside aside article section hgroup 。

下面简单介绍一下这个元素:

1,header

header>元素定义文档的页面组合,通 常是一些引导和导航信息,标签内通常包含 secti- on的头部信息,如h1~h6 或 hgroup等。

HTML5布局学习

勤学苦练

与下面的代码是一致的:

HTML5布局学习

勤学苦练

2,footer

元素定义文档或章节的末尾部分 包含一些章节的基本信息,如作者信息,相关连 及版权信息。 一个页面上可以使用多个 header 和footer,也可以插入一些别的元素,比如div ul 等。

3,nav

元素用于定义构建导航,显示导航 链接,用于放入一些当前页面的主要导航链接。

4,aside

元素用于定义一个页面的区域, 用来表示包含页面相关的主要内容,用于装载非 正文的'主要内容,如广告栏,侧边栏等。

5,article

元素表示文档,页面,用来显示一块独立的文章内容,如一则网站新闻,一偏博客文章等。

6,section

元素第一位文章中的节,比如章节,页眉,页脚。

7,hgroup

定义为对网页或区段的标题元素进行组合,通常使用多级别的h1~h6标签节点进行分组。

实际上,除了我们介绍的语义标签外,在HTML5的标准中还定义了更多不同语义的标签。

* audio:定义音频内容。

* canvas:定义画布功能。

* command:定义一个命令按钮。

* datalist:定义一个下拉列表。

* details:定义一个元素的详细内容。

* dialog:定义一个对话框。

* keygen:定义表单里一个声称的键值。

* mark:定义有标记的文本。

* output:定义一些输出类型。

* progress:定义任务的过程。

* source:定义媒体资源。

* video:定义一个视频内容。

虽然HTML5标准中新增了很多新的元素,但实际上在移动Web应用中使用的机会并不多。

audio及video等标签虽然可以在移动Web应用中得到实践,但由于其性能、兼容性以及页面渲染等原因,它们还不能很好地应用到智能手机以及平板电脑的Web浏览器上。

html网页设计板报,html5做一个黑板报页面相关推荐

  1. 一个html5页面,html5做一个黑板报页面

    html5做一个黑板报页面 我们结合移动设备(手机和平板电脑)的特性,介绍HTML5中新增的语义化标签元素,以及在移动Web浏览器下Web页面布局的知识及例子. 在HTML5标准添加的新元素中,用于常 ...

  2. 【网页设计】HTML做一个属于我的音乐页面(纯html代码)

  3. html5做一个展示页面,基于HTML5的WebGL实现json和echarts图表展现在同一个界面

    突然有个想法,如果能把一些用到不同的知识点放到同一个界面上,并且放到一个盒子里,这样我如果要看什么东西就可以很直接显示出来,而且这个盒子一定要能打开.我用HT实现了我的想法,代码一百多行,这么少的代码 ...

  4. 如何去设计一个自适应的网页设计或HTMl5

    如何去设计一个自适应的网页设计或HTMl5 如今移动互联网随着3G的普及,越来越火爆,更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动互联网带来新的挑战! 移动设备正超过桌面 ...

  5. HTML5期末大作业:艺术品商城网站设计——艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页 使用html+css实现一个静态页面(含源码)

    HTML5期末大作业:艺术品商城网站设计--艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有 个 ...

  6. web网页设计——体育气步枪射击主题(5页面)带图片轮播特效(HTML+CSS) ~学生网页设计作业源码

    web网页设计--体育气步枪射击主题(5页面)带图片轮播特效(HTML+CSS) ~学生网页设计作业源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手 ...

  7. DIV布局艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页 使用html+css实现一个静态页面(含源码)

    HTML5期末大作业:艺术品商城网站设计--艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有 个 ...

  8. php做一个网页的源代码,用HTML5做一个个人网站此文仅展示个人主页界面。内附源代码下载地址...

    下载说明: 1.再好的作品都不如将来要做的作品.在每一次的设计当中都能有所收获,才是设计师在web开发中最得益的. 2.本站所有作品均是杨青个人设计.如果发现模板有错,请尽情谅解. 3.如果遇到什么问 ...

  9. 用HTML5做一个类似于智能对话的可以自动回复的网页对话框

    背景 作为一个入门级编程小白(现在正处于大三阶段,感觉学校教的东西实在是太少了,还是得自学)来说,自己动手做一些个小项目的时候,就会萌发一些奇怪的想法,但是呢我对这样一些奇怪的想法有时又不知从何处下手 ...

最新文章

  1. 19、Java并发性和多线程-嵌套管程锁死
  2. OO实现ALV TABLE 五:ALV的栏位属性
  3. 操作系统(二十九)预防死锁
  4. Java接口(interface)的概念及使用
  5. python 网络爬虫requests模块
  6. 运维必知的23个经验教训,值得收藏!
  7. MyBatisPlus分页
  8. jwt获取token_Koa开发之koa-jwt工作过程
  9. LeetCode 11. 盛最多水的容器(双指针)
  10. python 获取浏览器句柄下的网页控件_python webdriver操作浏览器句柄
  11. form表单回车提交问题,JS监听回车事件
  12. boost 静态库命名规则
  13. GRBL学习笔记1--Qt4安装
  14. IEEE ACCESS模板下载
  15. Linux c/c++开发常用头文件
  16. CAD 系统变量参数大全
  17. Web测试与App测试的区别
  18. 安装office2007时发生错误1706
  19. amazeUI的icon图标库
  20. PythonSPSS完成空气质量状况的指数(AQI)分析

热门文章

  1. Variable Values‘ hover uses the same modifier as ‘Combined Hover‘ hover.
  2. VS中C++解决方案中多个项目文件的引用
  3. UVA 10158 (记忆化搜索)
  4. DHCP V6 server配置
  5. 命令行导入mysql数据库
  6. 计算机程序设计员二级证书,大厂计算机程序设计员职业资格证书
  7. 关于声音的前后左右上下的控制以及单声道立体声的区别
  8. 二十余款Linksys路由器曝出安全漏洞,或可被远程控制
  9. 手机端获取用户详细地理位置(高德地图API)
  10. python分割pdf文档