html网页设计板报,html5做一个黑板报页面
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做一个黑板报页面相关推荐
- 一个html5页面,html5做一个黑板报页面
html5做一个黑板报页面 我们结合移动设备(手机和平板电脑)的特性,介绍HTML5中新增的语义化标签元素,以及在移动Web浏览器下Web页面布局的知识及例子. 在HTML5标准添加的新元素中,用于常 ...
- 【网页设计】HTML做一个属于我的音乐页面(纯html代码)
- html5做一个展示页面,基于HTML5的WebGL实现json和echarts图表展现在同一个界面
突然有个想法,如果能把一些用到不同的知识点放到同一个界面上,并且放到一个盒子里,这样我如果要看什么东西就可以很直接显示出来,而且这个盒子一定要能打开.我用HT实现了我的想法,代码一百多行,这么少的代码 ...
- 如何去设计一个自适应的网页设计或HTMl5
如何去设计一个自适应的网页设计或HTMl5 如今移动互联网随着3G的普及,越来越火爆,更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动互联网带来新的挑战! 移动设备正超过桌面 ...
- HTML5期末大作业:艺术品商城网站设计——艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页 使用html+css实现一个静态页面(含源码)
HTML5期末大作业:艺术品商城网站设计--艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有 个 ...
- web网页设计——体育气步枪射击主题(5页面)带图片轮播特效(HTML+CSS) ~学生网页设计作业源码
web网页设计--体育气步枪射击主题(5页面)带图片轮播特效(HTML+CSS) ~学生网页设计作业源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手 ...
- DIV布局艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页 使用html+css实现一个静态页面(含源码)
HTML5期末大作业:艺术品商城网站设计--艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有 个 ...
- php做一个网页的源代码,用HTML5做一个个人网站此文仅展示个人主页界面。内附源代码下载地址...
下载说明: 1.再好的作品都不如将来要做的作品.在每一次的设计当中都能有所收获,才是设计师在web开发中最得益的. 2.本站所有作品均是杨青个人设计.如果发现模板有错,请尽情谅解. 3.如果遇到什么问 ...
- 用HTML5做一个类似于智能对话的可以自动回复的网页对话框
背景 作为一个入门级编程小白(现在正处于大三阶段,感觉学校教的东西实在是太少了,还是得自学)来说,自己动手做一些个小项目的时候,就会萌发一些奇怪的想法,但是呢我对这样一些奇怪的想法有时又不知从何处下手 ...
最新文章
- 19、Java并发性和多线程-嵌套管程锁死
- OO实现ALV TABLE 五:ALV的栏位属性
- 操作系统(二十九)预防死锁
- Java接口(interface)的概念及使用
- python 网络爬虫requests模块
- 运维必知的23个经验教训,值得收藏!
- MyBatisPlus分页
- jwt获取token_Koa开发之koa-jwt工作过程
- LeetCode 11. 盛最多水的容器(双指针)
- python 获取浏览器句柄下的网页控件_python webdriver操作浏览器句柄
- form表单回车提交问题,JS监听回车事件
- boost 静态库命名规则
- GRBL学习笔记1--Qt4安装
- IEEE ACCESS模板下载
- Linux c/c++开发常用头文件
- CAD 系统变量参数大全
- Web测试与App测试的区别
- 安装office2007时发生错误1706
- amazeUI的icon图标库
- PythonSPSS完成空气质量状况的指数(AQI)分析
热门文章
- Variable Values‘ hover uses the same modifier as ‘Combined Hover‘ hover.
- VS中C++解决方案中多个项目文件的引用
- UVA 10158 (记忆化搜索)
- DHCP V6 server配置
- 命令行导入mysql数据库
- 计算机程序设计员二级证书,大厂计算机程序设计员职业资格证书
- 关于声音的前后左右上下的控制以及单声道立体声的区别
- 二十余款Linksys路由器曝出安全漏洞,或可被远程控制
- 手机端获取用户详细地理位置(高德地图API)
- python分割pdf文档