H5新增标签

以下是一些常用的标签

1、结构标签
(1)section:独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节、页眉、页脚或页眉的其他部分;
(2)article:特殊独立区块,表示这篇页眉中的核心内容;
(3)aside:标签内容之外与标签内容相关的辅助信息;
(4)header:某个区块的头部信息/标题;
(5)hgroup:头部信息/标题的补充内容;
(6)footer:底部信息;
(7)nav:导航条部分信息
(8)figure:独立的单元,例如某个有图片与内容的新闻块。
2、表单标签
(1)email:必须输入邮件;
(2)url:必须输入url地址;
(3)number:必须输入数值;
(4)range:必须输入一定范围内的数值;
(5)Date Pickers:日期选择器
(6)search:搜索常规的文本域;
(7)color:颜色;
3、媒体标签
(1)video:视频
(2)audio:音频
(3)embed:嵌入内容(包括各种媒体),Midi、Wav、AU、MP3、Flash、AIFF等。
H5新增属性
(1)对于js进行添加的属性

异步加载先出现b再出现a。
(2)网页中标签中加入小图标的样式代码
有序列表ol:新增start(列表起始值),reversed(是否倒置)menu菜单type属性(3个菜单类型)
内嵌css样式:在标签内部来定义一个样式区块(scoped),只对样式标签内部才有效
内嵌框架:iframe元素,新增了seamless无边距无边框,srcdoc定义了内嵌框架的内容。
总结新增属性:
(1)manifest属性:定义页面需要用到的离线应用文件,一般放在标签里
(2)charset属性:meta属性之一,定义页面的字符集
(3)sizes属性: 新增属性,当link的rel="icon"时,用以设置图标大小
(4)base属性: 表示当在新窗口打开一个页面时,会将href中的内容作为前缀添加到地址前
(5)defer属性:script标签属性,表示脚本加载完毕后,只有当页面也加载完毕才执行(推迟执行)
(6)async属性:script标签属性,脚本加载完毕后马上执行(运行过程中浏览器会解析下面的内容),即使页面还没有加载完毕(异步执行)
(7)media属性: 超链接a元素属性:表示对何种设备进行优化
(8)hreflang属性: 超链接a 的属性,表示超链接指向的网址使用的语言
(9)ref属性:超链接a的属性,定义超链接是否是外部链接
(10)reversed属性:ol的属性,定义序号是否倒叙
(11)start属性:ol的属性,定义序号的起始值
(12)scoped属性:内嵌CSS样式的属性,定义该样式只局限于拥有该内嵌样式的元素,适用于单页开发

H5新增标签以及常用标签相关推荐

  1. html5常用的属性标签,HTML5常用标签及其属性设置

    一.Html5的基本结构 网页的内容 二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...

  2. Struts2标签库常用标签

    Struts2标签库常用标签 基本概述 对于一个MVC框架而言,重点是实现两部分:业务逻辑控制器部分和视图页面部分.Struts2作为一个优秀的MVC框架,也把重点放在了这两部分上.控制器主要由Act ...

  3. Struts2标签库常用标签(转)

    struts2标签讲解 要使用Struts2的标签,只需要在JSP页面添加如下一行定义即可:<%@ taglib prefix="s" uri="/struts-t ...

  4. java struts2标签库 常用标签

    基本概述 对于一个MVC框架而言,重点是实现两部分:业务逻辑控制器部分和视图页面部分.Struts2作为一个优秀的MVC框架,也把重点放在了这两部分上.控制器主要由Action来提供支持,而视图则是由 ...

  5. bootstrape常用标签_bootstrap_03_常用标签

    益司CMS-PC与手机建站集成 @media(max-width:670px){ body{background:whtie} } 用户标签 tag这里面放我们的常用标签,Here is some u ...

  6. [JavaWeb-HTML]HTML标签(大部分常用标签介绍)

    标签学习: 1. 文件标签:构成html最基本的标签* html:html文档的根标签* head:头标签.用于指定html文档的一些属性.引入外部的资源* title:标题标签.* body:体标签 ...

  7. html标签之常用标签

    常用标签 html常用的标签: <h1>~<h6> 表示是一个标题 <p> 段落标签 <hr/> 水平线标签 <br/> 换行标签 < ...

  8. html5y页面布局标签,HTML常用标签 - osc_wc3dz06y的个人空间 - OSCHINA - 中文开源技术交流社区...

    1 HTML初识 HTML标签就是用来表达网页上的文字.图片.链接.音视频等等的······ 1.1 HTML标签分类 在HTML页面中,带有"< >"符号的元素被称为 ...

  9. html用于排版标题标签,HTML常用标签(示例代码)

    排版标签: 标题标签: (n=1~6) 段落标签: 水平线标签: 换行标签: 引用标签:(短引用内联元素) (长引用块级元素) 无语义标签(用于布局):(内联元素) 文本格式化标签: 图片标签: 元素 ...

最新文章

  1. 洛谷题单的Python版题解(有需要的小伙伴可以来看看哦~!)
  2. js 时间戳转为日期格式
  3. 【BZOJ3518】点组计数 [欧拉函数]
  4. 4后期盒子叫什么_Carlife转Carplay盒子科普
  5. python找出文本的位置和替换_python查找文本文档中特定间隔位置的字符并替换
  6. 每日一笑 | 对不起,我还没下班...
  7. jax-rs jax-ws_如何以大数据的JAX-RS响应的形式将JPA结果流化/序列化
  8. mysql 缓冲查询_MySQL查询高速缓冲
  9. 2019牛客多校第五场C generator 2(BSGS)题解
  10. 106. 数据库增删改的封装
  11. 【转载】【SQL】Sql Server Management Studio 18 打开闪退问题
  12. golang db事务的统一封装
  13. sift算法matlab详解,sift算法原理详解及应用
  14. 预约报名小程序 — 预约班车小程序
  15. matlab两线段的夹角,两条线段的夹角计算
  16. oracle中is not null,oracle之is null和is not null的优化
  17. java mp3文件合并,java怎么实现mp3合并
  18. Oracle数据库(四)备份与还原
  19. Tampermonkey脚本
  20. 学思录(一):带着信息的角度去学习

热门文章

  1. MySQL——SQLyog如何导出、导入数据库
  2. ERP-企业资源计划
  3. php图片上传存储源码,可实现预览
  4. Kubernetes集群中部署Node节点
  5. 《黑马程序员2023新版黑马程序员大数据入门到实战教程,大数据开发必会的Hadoop、Hive,云平台实战项目》学习笔记总目录
  6. 高德地图 坐标与地址
  7. 用MATLAB的函数scatter()绘制散点图
  8. 从零开始学习SVM(二)---松弛变量
  9. 自然语言处理——金庸小说的信息熵计算
  10. [19]python uniform() 函数