了解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. IntelliJ IDEA 把Maven项目导出可执行jar包

    2017年04月05日 14:05:08 waterimelon 阅读数:1574 标签: intellij ideamaven 更多 个人分类: idea   第一步  第二步  第三步 

  2. selenium python 时间控件的输入问题

    对于时间的选择问题,查到的大部分为两种情况: 1.存在readonly属性的 2.没有readonly属性的 可直接赋值send_keys() 测试用例中刚好是没有readonly属性的 且定位不到弹 ...

  3. CentOS 7 系统区域和键盘设置

    系统区域设置包括语言.键盘布局等,可以通过修改/etc/locale.conf配置文件或使用localectl实用程序来进行设置,一般在安装时设置为默认选择(英文.美式键盘)即可 修改配置文件 [ro ...

  4. python学习之路---day04

    一:元组 元组案例:tuple=("张三","李四","王五","小六","大七",["1 ...

  5. Django-admin 的使用

    admin 组件的使用 Django 提供功能十分强大的后台管理组件 admin 来实现自动管理. admin 是一个组件,与 APP 一样,项目启动一开始就加载了.在 setting.py 中的 I ...

  6. Web下TreeView同一节点连续点击,只执行一次SelectedNodeChanged的解决

    Web下TreeView同一节点连续点击,只执行一次SelectedNodeChanged的解决 http://blog.csdn.net/net_boy/archive/2009/11/05/477 ...

  7. linux下安装使用虚拟环境

    一.导语 在使用 Python 开发的过程中,工程一多,难免会碰到不同的工程依赖不同版本的库的问题: 亦或者是在开发过程中不想让物理环境里充斥各种各样的库,引发未来的依赖灾难. 此时,我们需要对于不同 ...

  8. 墨菲定律&吉德林法则&吉尔伯特定律&沃尔森法则&福克兰定律

    一.墨菲定律:越害怕什么,就越会发生什么 二.吉德林法则:把问题清楚地写下来,就已经解决一半了 三.吉尔伯特定律:工作中的最大问题就是没人跟你说该如何去做 四.沃尔森法则:把信息和情报排在第一位,金钱 ...

  9. Win32窗口创建过程

    编写窗口程序的步骤:    1 定义WinMain函数    2 定义窗口处理函数–自己定义处理消息    3 注册窗口类(往OS写入数据)    4 创建窗口 (在内存中创建窗口)    5 显示窗 ...

  10. 网页引用Font Awesome图标

    问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间. 原因:因为服务器IIS不认SV ...