文档章节

HTML基础篇--H5新标签及属性

ToyLevom
 ToyLevom
发布于 2016/03/17 20:59
字数 489
阅读 142
收藏 0

一、H5新标签--结构标签?

  1、article定义文章,使用情境:论坛帖子、博客文章、新闻故事、评论等;

  2、aside定义文章的侧边栏;

  3、datalist定义列表(safari不支持,firefox支持有问题与id相关联);

  4、details定义展开详细内容safari chrome 支持

  5、figure定义一组媒体图像及文字,定义独立的流内容(图像、图表、照片、代码等)figcaption定义figure的标题;

  6、section定义文档中的某个区域,章节,头部,底部都可以使用;

  7、header定义section或者document页眉,介绍文章内容,导航链接的容器可以使用;

  8、footer定义section或者document页脚,使用:文档创建名作者姓名,版权信息,使用条款链接,联系信息等等;

  9、nav定义导航部分;

  10、mark定义带有标记的文本;


二、H5新标签--多媒体标签?

  1、audio音频,支持格式MP3 WAV Ogg 属性control控制条autoplay自动播放loop自动循环muted静音src路径;

  2、video视频,支持格式MP4 webm ogg 属性支持宽高poster视频加载时显示的图像。

  3、embed插入各种多媒体;

  4、canvas 画布;

  5、progress进度条;

  6、meter进度条较宽;

  6、time 时间;


三、H5新标签--输入标签?

  1、日期和时间date time;

  2、email必须输入邮箱;

  3、url必须输入URL;

  4、number必须输入数字;

  5、range输入一定范围内的数字;

  6、属性placeholder提示文字,required是否为必填项。


四、H5中不支持的元素?

  1、center是文字居中标签;

  2、font定义字体标签;

  3、strike添加删除线文字;

  4、basefont定义页面中默认字体。颜色、尺寸;

  5、big dir noframes 大号字体,目录列表,定义不支持框架的用户的代替内容。

© 著作权归作者所有

ToyLevom
粉丝 1
博文 5
码字总数 3427
作品 0
海淀
程序员
私信 提问
HTML5-基础篇-从0基础到移动网页开发 ( 一 )

一 : 科普一分钟 开发的时候有很多好看绚丽的页面是由HTM5构成,我个人来说看着很激动,脑袋中有着种种奇妙的想法,想去完成它,仿佛进入了魔幻世界一样,但是好的设计师的基础通常也是很不错的,...

TianTianBaby223
2017/07/20
0
0
WEB前端性能优化基本套路

前言 前端性能优化这是一个老生常谈的话题,但是还是有很多人没有真正的重视起来,或者说还没有产生这种意识。 当用户打开页面,首屏加载速度越慢,流失用户的概率就越大,在体验产品的时候性...

32氪
2017/07/31
0
0
前端基础之html:day01

版权声明:原创博客,转载请注明地址 https://blog.csdn.net/eve_gf/article/details/84673069 序言:从2018年6月23号大学毕业之后,顺利进入一家上市公司,也是从事软件开发,但是自己对前端...

eve_gf
2018/12/02
0
0
JavaWeb01-HTML篇笔记(四)

1.1 案例五:网站的注册页面的显示:1.1.1 需求: 使用HTML完成注册页面的设计: 1.1.2 分析:1.1.2.1 技术分析 【HTML的表单标签(*****)】 HTML的表单标签: 常用属性: :单选按钮. :复选按...

我是小谷粒
2018/04/26
0
0
Jsoup实战_2_WhiteList清理文档

在做网站的时候,经常会提供用户评论的功能。有些不怀好意的用户,会搞一些脚本到评论内容中,而这些脚本可能会破坏整个页面的行为,更严重的是获取一些机要信息,此时需要清理该HTML,以避免...

lkee6760
2018/05/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

oracle ORA-39700: database must be opened with UPGRADE option

ORA-01092: ORACLE instance terminated. Disconnection forced ORA-00704: bootstrap process failure ORA-39700: database must be opened with UPGRADE option 进程 ID: 3650 会话 ID: 29......

Tank_shu
今天
1
0
分布式协调服务zookeeper

ps.本文为《从Paxos到Zookeeper 分布式一致性原理与实践》笔记之一 ZooKeeper ZooKeeper曾是Apache Hadoop的一个子项目,是一个典型的分布式数据一致性的解决方案,分布式应用程序可以基于它...

ls_cherish
今天
4
0
聊聊DubboDefaultPropertiesEnvironmentPostProcessor

序 本文主要研究一下DubboDefaultPropertiesEnvironmentPostProcessor DubboDefaultPropertiesEnvironmentPostProcessor dubbo-spring-boot-project-2.7.3/dubbo-spring-boot-compatible/au......

go4it
昨天
1
0
redis 学习2

网站 启动 服务端 启动redis 服务端 在redis 安装目录下 src 里面 ./redis-server & 可以指定 配置文件或者端口 客户端 在 redis 的安装目录里面的 src 里面 ./redis-cli 可以指定 指定 连接...

之渊
昨天
2
0
Spring boot 静态资源访问

0. 两个配置 spring.mvc.static-path-patternspring.resources.static-locations 1. application中需要先行的两个配置项 1.1 spring.mvc.static-path-pattern 这个配置项是告诉springboo......

moon888
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部