了解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入门知识(一)的更多相关文章

  1. [置顶] Mysql存储过程入门知识

    Mysql存储过程入门知识 #1,查看数据库所有的存储过程名 #--这个语句被用来移除一个存储程序.不能在一个存储过程中删除另一个存储过程,只能调用另一个存储过程 #SELECT NAME FROM ...

  2. 移动H5开发入门知识,CSS的单位汇总与用法

    说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid a ...

  3. H5移动端开发入门知识以及CSS的单位汇总与用法

    说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid a ...

  4. Java web 入门知识 及HTTP协议详解

     Java  web  入门知识 及HTTP协议详解 WEB入门 WEB,在英语中web即表示网页的意思,它用于表示Internet主机上供外界访问的资源. Internet上供外界访问的Web资 ...

  5. Java基础入门知识

    Java编程入门知识   知识概要: (1)Java入门基本常识 (2)Java的特性跨平台性 (3)Java的编程环境的搭建 (4)Java的运行机制 (5)第一个Java小程序入门 (1)Java ...

  6. zabbix入门知识

    zabbix入门知识 zabbix中文手册 https://www.zabbix.com/documentation/3.4/manual/ 1.zabbix介绍 Zabbix 是一个企业级的分布式开 ...

  7. React的入门知识与概念【1】

    回顾在以往的项目开发中,从最初的使用的原生html+js+css+jquery开发,到后来随着项目功能的增加,也渐渐学习了Vue.js框架的开发,以及Vue.js的全家桶Axios,Vue-route ...

  8. 我的Python笔记补充:入门知识拾遗

    声明:本文整理借鉴金角大王的Python之路,Day1 - Python基础1,仅供本人学习使用!!! 入门知识拾遗 一.bytes类型 二.三元运算 1 result = 值1 if 条件 else ...

  9. 浅谈TCP IP协议栈(一)入门知识【转】

    说来惭愧,打算写关于网络方面的知识很久了,结果到今天才正式动笔,好了,废话不多说,写一些自己能看懂的入门知识,对自己来说是一种知识的总结,也希望能帮到一些想了解网络知识的童鞋. 万事开头难,然后中间难 ...

  10. 2. Mysql数据库的入门知识

    2. Mysql数据库的入门知识 (1)打开Windows系统提供的服务查看相应的服务. (2)在Windows任务管理器的进程中查看 (3)使用命令行管理windows的Mysql数据库服务. Ne ...

随机推荐

  1. 【第一周】 网络爬虫之规则 北京理工大学嵩天 mooc

    rrequests库的7个主要方法 方法 说明 requests.request() 构造一个请求,支撑以下各方法的基础方法 requests.get() 获取HTML网页的主要方法,对应于HTTP的 ...

  2. 基于 bootstrap html 响应式 布局

    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8& ...

  3. Codeforces Round #549 (Div. 2) Solution

    传送门 A.The Doors 看懂题目就会写的题 给一个 $01$ 序列,找到最早的位置使得 $0$ 或 $1$ 已经全部出现 #include<iostream> #include&l ...

  4. POJ - 2676 暴搜 注意实现细节

    经典sudoku问题 按部就班就好 一定要注意细节 大于1还是大于等于1 r c越界判断 judge时0的特判 blabla居然磨了2个小时 改了很多地方所以实现得有点冗余,反正能A吧 /*H E A ...

  5. java - list 报java.lang.UnsupportedOperationException

    情景 现在有个数组,比如:String[]  array = new String[]{"1","2","3"}; 我们想要往这个数组中添加 ...

  6. Phyton Flask框架学习记录。

    注意:在左侧菜单栏(在JQuery插件库下载的)右边是采用<iframe> 标签嵌入其他页面,此时标签的src应用用后台中的方法名称(本人测试用的是无参数的方法), 而页面跳转window ...

  7. BankNote

    # coding=utf-8 import pandas as pd import numpy as np from sklearn import cross_validation import te ...

  8. PIE SDK算法的异步调用

    1.算法功能简介 异步方法一旦开始,方法调用就会立即返回,调用者就可以继续后续的操作.异步方法通常会在另外一个线程中,“真实”地执行着.整个过程,不会阻碍调用者的工作. PIE SDK支持算法功能的执 ...

  9. zTree 图标样式

    <link rel="stylesheet" href="jquery/ztree/css/zTreeStyle/zTreeStyle.css" /> ...

  10. (转)SSH服务详解

    SSH服务详解 原文:http://www.cnblogs.com/clsn/p/7711494.html 第1章 SSH服务1.1 SSH服务协议说明SSH 是 Secure Shell Proto ...