html5新标签笔记,HTML5新标签学习笔记
文章相关
:定义文章
:定义页面内容之外的内容。(侧边栏)
:定义文本的文本方向,使其脱离其周围文本的方向设置。
浏览器支持:IE不支持
:指定了更多细节,元素的内容可以查看或隐藏。
:定义了一个对话框或窗口。元素很容易创建网页上弹出对话框和模态窗口
浏览器支持:IE不支持
默认动作:
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}
:定义 section 或 page 的页脚。
:定义 section 或 page 的页眉。
:标记指定文档的主要内容。
元素中的内容应该是惟一的文档。它不应该包含任何内容重复等文件栏,导航链接、版权信息、网站标志,搜索表单。
不能超过一个元素在文档中。元素不能是, , , , or 元素的后代
:定义有记号的文本。
默认动作:
mark {
background-color: yellow;
color: black;
}
:定义一个命令/菜单项弹出菜单,用户可以调用。
浏览器支持:仅firefox8.0支持
:定义了一个已知的范围内的标量测定(量规),不应该用来显示进度(如一个进度条)。进度条,使用标记。
:定义导航链接。
:定义了任务的进展
:定义若浏览器不支持 ruby 元素显示的内容。
:定义 ruby 注释的解释。
默认动作:
rt {
line-height: normal;
}
:定义了一个ruby注释
:定义在文档,如章节、页眉,页脚,或任何其他文档的部分。
:为 元素定义可见的标题
浏览器支持:IE不支持
:定义日期/时间。
:为指定的文本添加一个换行符。
新的表单元素
标签
描述
< datalist >
定义下拉列表
< keygen >
定义生成密钥
< output >
定义输出的一些类型
浏览器支持:IE不支持 (以上三个)
新的输入类型
color
date
datetime
datetime-local
month
number
range
search
tel
time
url
week
新输入属性
autocomplete //指定一个表单或输入字段是否应该自动完成。
autofocus //自动对焦(布尔属性)
form //表单属性指定一个或多个元素属于形式。
formaction //指定一个文件的URL,将处理表单提交时输入控件
formenctype //指定应该如何编码的格式提交到服务器时(只对
)。
formmethod //定义以HTTP方法发送表单数据到action URL。
formnovalidate //指定元素不应提交时验证(布尔属性)
formtarget //指定一个名称或关键字,显示提交表单后,接收到的响应。
height and width
list //< datalist >元素包含预定义的选项出现在元素里。
min and max
multiple //指定用户可以输入多个值
pattern (regexp) //指定一个正则表达式,检查元素输入的值
placeholder
required //表格提交前必须输入一个字段
step //指定输入的间隔,如数量,日期等
HTML5-新的属性语法
HTML5允许四种不同的语法属性:
这个例子演示了在标签的不同语法形式:
标签
举例
Empty(空)
< input type="text" value="John" disabled >(disabled 禁用)
Unquoted(未加引号)
< input type="text" value="John" >
Double-quoted(双引号)
< input type="text" value="John Doe" >
Single-quoted(单引号)
< input type="text" value='John Doe' >
在HTML5,所有四个语法可以使用,这取决于什么是属性的需要
HTML5 Graphics(HTML5图形)
标签
描述
< canvas >
定义使用JavaScript图形绘制图形。
< svg >
定义使用矢量图绘制图形。
New Media Elements(新媒体元素)
标签
描述
< audio >
定义声音内容
< embed >
定义外部交互内容或插件。
< source >
定义媒体资源
< track >
定义用在媒体播放器中的文本轨道。
< video >
定义视频。
html5新标签笔记,HTML5新标签学习笔记相关推荐
- php video标签使用方法,HTML_HTML5 video标签(播放器)学习笔记(一):使用入门,近有在学习html5中video标签(播 - phpStudy...
HTML5 video标签(播放器)学习笔记(一):使用入门 近有在学习html5中video标签(播放器)的使用,这里做一些学习笔记,方便自己查阅和记录,本文是第一篇,将介绍的是使用该标签初始化该做 ...
- html5视频播放器脚本怎么用,HTML5 video标签(播放器)学习笔记(一):使用入门...
近有在学习html5中video标签(播放器)的使用,这里做一些学习笔记,方便自己查阅和记录,本文是第一篇,将介绍的是使用该标签初始化该做的哪些工作. 网上的教程其实也不少了 w3cschool里面的 ...
- 前端获取div里面的标签_web前端教程JavaScript学习笔记DOM
web前端教程JavaScript学习笔记 DOM一DOM(Document Object Model): 文档对象模型 其实就是操作 html 中的标签的一些能力 我们可以操作哪些内容 获取一个元素 ...
- 计算机 运行新ie 命令,(新)计算机应用基础IE浏览器设置学习笔记——精品.doc
计算机应用基础IE浏览器设置学习笔记 一.IE浏览器设置简介 Internet Explorer浏览器(简称IE浏览器)是能够接收用户的请求信息,并到相应网站获取网页内容的专用软件.IE浏览器的使用和 ...
- [Pandas 学习笔记] - No.1 pandas学习笔记
pandas学习笔记 pandas是基于numpy开发出的数据分析包,用于高效地操作大型数据集.pandas的数据结构有三种 分别为 series,dataframe和panel,对应一维,二维,三维 ...
- Spark学习笔记(7)---Spark SQL学习笔记
Spark SQL学习笔记 Spark SQL学习笔记设计到很多代码操作,所以就放在github, https://github.com/yangtong123/RoadOfStudySpark/bl ...
- java jdk 8学习笔记,Java JDK 8学习笔记 PDF_源雷技术空间
资源名称:Java JDK 8学习笔记 PDF 内容简介: ●本书是作者多年来教学实践经验的总结,汇集了学员在学习课程或认证考试中遇到的概念.操作.应用等问题及解决方案 ●针对Java SE 8新功能 ...
- Spark学习笔记(8)---Spark Streaming学习笔记
Spark Streaming学习笔记 同Spark SQL一样,Spark Streaming学习也是放在了github https://github.com/yangtong123/RoadOfS ...
- elasticsearch狂神说笔记_神级学习笔记!别再说不会Elasticsearch了,这位架构师都整理好了...
搜索是软件工程师的一项必备技能.而 Elasticsearch 就是一款功能强大的开源分布式搜索与分析引擎,在同领域几乎没有竞争对手--近三年 DB-Engines 数据库评测中,ES 在搜索引擎领域 ...
- 【web开发学习笔记】Structs2 Result学习笔记(三)带參数的结果集
Result学习笔记(三)带參数的结果集 第一部分:代码 //前端 <head> <meta http-equiv="Content-Type" content= ...
最新文章
- 数据分析能力到底有多重要
- python怎么开发软件_怎么使用python进行软件开发
- vc2010 mysql5.7_VC2010利用MySQL++访问mysql. 及连接池示例
- Algs4-1.3.33矩阵库
- 小米公寓,年轻人的第一套公寓?回应来了
- mysql可视化创建外键说明_关于使用可视化图形工具navicat for mysql来创建外键的步骤...
- IIS------配置.Net 4.0
- 手机信号强度dbm与天线格度的关系
- 理解OpenContrail(by quqi99)
- Drillbeach---第二章 Drillbench 5.1 Dynaflodrill 用户指南
- 百度ueditor编辑器控制图片在编辑框中的大小
- SSM | SpringMVC
- 随身wifi挑选要注意哪些问题才能避免上当
- springbootsecurity实现权限管理详细步骤
- 【ansys常见命令集合】
- Java每日一题——>19. 删除链表的倒数第 N 个结点
- Healthcare Cloud on Windows Azure (0) 开篇
- 计算机工具的认识教学反思,-计算机常用工具软件教学反思(最新整理)
- 自己动手玩转深度学习项目 1
- Flutter试用报告
热门文章
- 自动生成小学四则运算题目(加强版)
- C/c++输入输出函数
- 20191113每日一句
- 190712每日一句 生命的韧性
- Atitit spring springboot 集成mybatis法 目录 1.1. 使用spring管理数据源。。需要修改spring、 配置	1 1.2. 直接代码集成,无需修改任何配置	1
- Atitit 研发团队建设----福利法案--非物质福利与物质福利法案
- atitit.条形码的原理与生成总结java Barcode4j barcode o5
- paip.python错误解决5
- paip. C#.NET循环获取不同随机数的方法根据时间
- XSS跨站点脚本攻击解决方案