HTML 5入门知识(一)
了解HTML 5
HTML5 并非仅仅用来表示web内容,它的使命是将web带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画,以及与电脑的交互都被标准化。
HTML 5概述
HTML 5实际上指的是包括HTML、CSS样式和JavaScript脚本在内的一整套技术的组合,希望通过HTML 5能够轻松地实现许多丰富的网络应用需求,而减少浏览器对插件的依赖,并且提供更多能有效增强网络应用的标准集。
HTML 5新增的标签
结构标签:
<article>标签用于在网页中标识独立的主体内容区域,可用于论坛帖子、报纸文章、博客条目和用户评论等。
<aside>标签用于在网页中标识非主体内容区域,该区域中的内容应该与附近的主体内容相关。
<section>标签用于在网页中标识文档的小节或部分。
<footer>标签用于在网页中标识页脚部分,或者内容区块的脚注。
<header>标签用于在网页标识页首部分,或者内容区块的标头。
<nav>标签用于在网页中标识导航部分。
文本标签:
<bdi>标签在网页中允许设置一段文本,使其脱离其父元素的文本方向设置。
<mark>标签在网页中用于标识需要高亮显示的文本。
<time>标签在网页中用于标识日期或时间。
<output>标签在网页中用于标识一个输出的结果。
应用和辅助标签:
<audio>标签用于在网页中定义声音,如背景音乐或其他音频流。
<video>标签用于在网页中定义视频,如电影片段或其他视频流。
<source>标签为媒介标签(如audio和video)在网页中用于定义媒介资源。
<track>标签在网页中为例如video元素之类的媒介规定外部文本轨道。
<canvas>标签在网页中用于定义图形,例如图标和其他图像。该标签知识图形容器,必须使用脚本绘制图形。
<embed>标签在网页中用于标识来自外部的互动内容或插件。
进度标签:
<progress>标签用于在网页中标识任务进度显示的进度条。
<meter>标签可以根据value属性赋值和最大、最小值得度量进行显示的进度条。
交互性标签:
<command>标签用于在网页中标识一个命令元素(单选、复选或者按钮);当且仅当这个元素出现在<menu>标签里面时才会被显示,否则将只能作为键盘快捷方式的一个载体。
<datalist>标签用于在网页中标识一个选项组,与input标签配合使用该标签,来定义input元素可能地值。
在文档和应用中使用的标签:
<detalis>标签在网页中用于标识描述文档或者文档某个部分的细节。
<summary>标签在网页中用于标识<detalis>标签内容的标题。
<figcaption>标签在网页中用于标识<figure>标签内容的标题。
<figure>标签在网页中用于标识一块独立的流内容(图像、图表、照片和代码等)。
<hgroup>标签在网页中用于标识文档或内容的多个标题。用于将h1至h6元素打包,优化页面结构在SEO中的表现。
rudy标签:
<ruby>标签在网页中用于标识ruby注释(中文注音或字符)。
<rp>标签在ruby注释中使用,以定义不支持<ruby>标签的浏览器所显示的内容。
<rt>标签在网页中用于标识字符(中文注音或字符)的解释或发音。
其他标签:
<keygen>标签用于标识表单秘钥生成器元素。当提交表单时,密钥存储在本地,公密钥发送到服务器。
<wbr>标签用于标识单词中适当的换行位置,可以用该标签为一个长单词指定合适的换行位置。
参考资料:
http://www.runoob.com/html/html5-intro.html
http://www.w3school.com.cn/html5/index.asp
HTML 5入门知识(一)的更多相关文章
- [置顶] Mysql存储过程入门知识
Mysql存储过程入门知识 #1,查看数据库所有的存储过程名 #--这个语句被用来移除一个存储程序.不能在一个存储过程中删除另一个存储过程,只能调用另一个存储过程 #SELECT NAME FROM ...
- 移动H5开发入门知识,CSS的单位汇总与用法
说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid a ...
- H5移动端开发入门知识以及CSS的单位汇总与用法
说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid a ...
- Java web 入门知识 及HTTP协议详解
Java web 入门知识 及HTTP协议详解 WEB入门 WEB,在英语中web即表示网页的意思,它用于表示Internet主机上供外界访问的资源. Internet上供外界访问的Web资 ...
- Java基础入门知识
Java编程入门知识 知识概要: (1)Java入门基本常识 (2)Java的特性跨平台性 (3)Java的编程环境的搭建 (4)Java的运行机制 (5)第一个Java小程序入门 (1)Java ...
- zabbix入门知识
zabbix入门知识 zabbix中文手册 https://www.zabbix.com/documentation/3.4/manual/ 1.zabbix介绍 Zabbix 是一个企业级的分布式开 ...
- React的入门知识与概念【1】
回顾在以往的项目开发中,从最初的使用的原生html+js+css+jquery开发,到后来随着项目功能的增加,也渐渐学习了Vue.js框架的开发,以及Vue.js的全家桶Axios,Vue-route ...
- 我的Python笔记补充:入门知识拾遗
声明:本文整理借鉴金角大王的Python之路,Day1 - Python基础1,仅供本人学习使用!!! 入门知识拾遗 一.bytes类型 二.三元运算 1 result = 值1 if 条件 else ...
- 浅谈TCP IP协议栈(一)入门知识【转】
说来惭愧,打算写关于网络方面的知识很久了,结果到今天才正式动笔,好了,废话不多说,写一些自己能看懂的入门知识,对自己来说是一种知识的总结,也希望能帮到一些想了解网络知识的童鞋. 万事开头难,然后中间难 ...
- 2. Mysql数据库的入门知识
2. Mysql数据库的入门知识 (1)打开Windows系统提供的服务查看相应的服务. (2)在Windows任务管理器的进程中查看 (3)使用命令行管理windows的Mysql数据库服务. Ne ...
随机推荐
- 002 android studio 常用设置
1.改变字体 file--->setting --->font--->size 2.更改最小安卓版本 在project目录下,app下的build.gradle中修改 注意:buil ...
- 使用Swagger生成简单接口文档
使用swagger通过简单的配置可以生成简单的接口文档: 依赖包: // Swagger2 compile 'io.springfox:springfox-swagger2:2.8.0' compil ...
- 洛谷 P4093 [HEOI2016/TJOI2016]序列(Cdq+dp)
题面 luogu 题解 \(Cdq分治+dp\) \(mx[i],mn[i]\)分别表示第\(i\)位最大,最小能取到多少 那么有 \(j < i\) \(mx[j] \le a[i]\) \( ...
- P3243 [HNOI2015]菜肴制作
传送门 把时间看成数,菜肴看成位置 考虑一个位置填什么数很麻烦 考虑一个数放在什么位置 一开始我想的是,对于一个限制 $(a,b)$ ,从 $a$ 往 $b$ 连一条边,然后如果有解则所有的限制构成了 ...
- Codeforces - 38G 可持久化Treap 区间操作
题意:\(n\)个人排队,每个人有重要度\(p\)和不要脸度\(c\),如果第\(i\)个人的重要度大于第\(i-1\)个人的重要度,那么他们之间可以交换,不要脸度-1,交换后先前的第\(i\)个人也 ...
- JavaScript的type属性等于text/html 例子
在使用JavaScript标签<script>的时候,其中type最常用的就是text/javascript 其实这个type还有其他用法,下面直接给出例子: type属性为text/ht ...
- Linux中断分层--软中断和tasklet
1. Linux中断分层 (1)上半部:当中断发生时,它进行相应的硬件读写,并“登记”该中断.通常由中断处理程序充当上半部.(一般情况下,上半部不可被打断) (2)下半部:在系统空闲的时候,对上半部“ ...
- PIE SDK地图图层渲染方案管理
1. 功能简介 在数据种类较多.渲染规则复杂的情况下,逐个设置其渲染方式是一件繁琐的工作.PIE SDK提供了一种省力省心的办法, PIE SDK提供栅格和矢量数据渲染方案的打开与保存.能够将配色方案 ...
- PIE SDK元素事件的监听
1功能简介 元素在操作的过程中,如添加,删除,选中等操作都需要有事件的监听,PIE SDK支持对元素操作事件的监听,下面对元素事件的监听进行介绍. 2功能实现说明 2.1.1 实现思路及原理说明 第一 ...
- idea中使用restclient测试接口发送http请求
转载:https://jingyan.baidu.com/article/ca41422f0bfd8e1eae99ed31.html