主要内容：

1.新的文档类型声明（DTD）

2.新增的HTML5标签

3.删除的HTML标签

4.重新定义的HTML标签

一、新的文档类型声明（DTD）

   HTML 5的DTD声明为：<!doctype html>、<!DOCTYPE html>、<!DOCTYPE HTML>等也是正确的，因为HTML语法是不区分大小写的。

在编写HTML5文档时，要求指定文档类型，以确保浏览器能在HTML5的标准模式下进行渲染。

二、新增的HTML5标签

HTML5 新增的标签主要分为：结构标签、多媒体标签、Web应用标签等其它标签

2.1 结构标签：（块状元素）有意义的div

<article>             标记定义一篇文章

<header>            标记定义一个页面或一个区域的头部

<nav>                 标记定义导航链接

<section>            标记定义一个区域

<aside>              标记定义页面内容部分的侧边栏

<hgroup>           标记定义文件中一个区块的信息

<figure>             标记定义一组媒体内容以及它们的标题

<figcaption>       标签定义figure元素的标题

<footer>             标记定义一个页面或一个区域的底部

<dialog>             标记定义一个对话框（会话框）类似微信

新的结构标签带来的是网页布局的改变及提升对搜索引擎的友好

2.2  多媒体交互标签

<video>            标记定义一个视频

<audio>            标记定义音频内容

<source>          标记定义媒体资源

<canvas>          标记定义图片

<embed>           标记定义外部的可交互的内容或插件比如flash

　　HTML5的多媒体标签的出现意味着富媒体的发展以及支持不使用插件的情况下即可操作媒体文件，极大地提升了用户体验

2.3  Web应用标签

<menu>            命令列表

<menuitem>      menu命令列表标签FF（嵌入系统）

<command>      menu标记定义一个命令按钮

<meter>           状态标签(实时状态显示：气压、气温)C\O

<progress>       状态标签（任务过程：安装、加装）C、F、O

　　 <datalist> 为input标记定义一个下拉列表,配合option F、O

　　  <details> 标记定义一个元素的详细内容 ，配合dt、dd   C

2.4  注释标签

　　<ruby> 标记定义 注释或音标

　　<rp> 告诉那些不支持 Ruby元素的浏览器如何去显示

　　 <rt> 标记定义对ruby的注释内容文本

2.5 其他标签

　　<keygen> 标记定义表单里一个生成的键值(加密信息传送)O、F

　　<mark> 标记定义有标记的文本 (黄色选中状态)

　　<output> 标记定义一些输出类型,计算表单结果配合oninput事件

　　<time> 标记定义一个日期/时间 目前所有主流浏览器都不支持

三、删除的HTML标签

　　纯表现的元素：

　　　　basefont，big，center，font, s，strike，tt，u；

　　对可用性产生负面影响的元素：

　　　　frame，frameset，noframes；

　　产生混淆的元素：

　　　　acronym ，applet，isindex，dir。

四、重新定义的HTML标签

   

HTML元素

HTML5中的意义

<b>

代表内联文本，通常是粗体，没有传递表示重要的意思

<i>

代表内联文本，通常是斜体，没有传递表示重要的意思

<dd>

可以同details与figure一同使用，定义包含文本，dialog也可用

<dt>

可以同details与figure一同使用，汇总细节，dialog也可用

<hr>

表示主题结束，而不是水平线，虽然显示相同

<menu>

重新定义用户界面的菜单，配合commond或者menuitem使用

<small>

表示小字体，例如打印注释或者法律条款

<strong>

表示重要性而不是强调符号

整理未完～～

菜鸟学习HTML5+CSS3（一）的更多相关文章

  1. html5 + css3 + zepto.js实现的微信广告宣传页

    最新学习html5 + css3, 参考微信的一个推广页写出一个实例巩固自己知识,自己已经将原实例打包到自己博客文件当中,但是不知道如何提供下载,如有需要的朋友可以联系我qq309666726

  2. HTML5 & CSS3 初学者指南(4) – Canvas使用

    介绍 传统的HTML主要用于文本的创建,可以通过<img>标签插入图像,动画的实现则需要第三方插件.在这方面,传统的HTML极其缺乏满足现代网页多媒体需求的能力.HTML5的到来,带来了新 ...

  3. HTML5 & CSS3初学者指南(4) – Canvas使用

    介绍 传统的HTML主要用于文本的创建,可以通过<img>标签插入图像,动画的实现则需要第三方插件.在这方面,传统的HTML极其缺乏满足现代网页多媒体需求的能力.HTML5的到来,带来了新 ...

  4. HTML5 CSS3学习

    HTML5 CSS3学习 :http://www.1000zhu.com/course/css3/ HTML5 相关书籍:   http://www.html5cn.com.cn/news/gdt/2 ...

  5. HTML5+CSS3学习笔记（二） 页面布局：HTML5新元素及其特性

    HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. 本次学习HTML5的新标签元素有: <head ...

  6. HTML5+CSS3学习笔记（一）

    HTML5+CSS3概述 HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术.虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那就是HTML ...

  7. HTMl5/CSS3/Javascript 学习推荐资源

    HTMl5/CSS3/Javascript 学习推荐资源 前端的定义应该是数据内容的展示,在国内大家都觉得前端只是HTML+CSS+Javascript,但是实际上与展示有关的都是前端,所以Ruby/ ...

  8. HTML5+CSS3学习笔记（一） 概述

    HTML5+CSS3概述      HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术.虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那就 ...

  9. html5 +css3 第一章学习和笔记

    各位同学.身为本版的斑竹.,希望各位童鞋都能学到Html5 .特此没两天更新一个学习笔记和大家一起学习Html5.... 语法改变       1.新增的元素和废除的元素       2.新增的属性和 ...

随机推荐

  1. Matlab实现ItemBasedCF算法

    感谢开源大神,慢慢收集资料.网上资料很少,我在找如何用matlab处理movielens数据集时找到的. 用ml-100k这个数据集,包括主函数和相似度函数. 代码托管于CSDN.

  2. nginx上用fastcgi配置python环境

    费了2天的功夫,翻阅了无数的中文.英文资料,终于搞定.写下此文留待以后翻阅用      本文环境,centOS 5.4 ,Nignx-0.8.49, Python 2.6.5   ========== ...

  3. Kafka操作

    http://blog.csdn.net/xiao_jun_0820/article/details/46831203 http://blog.csdn.net/xcockroach/article/ ...

  4. hdu 4577 X-Boxes 大数

    java水过…… 代码如下: import java.math.*; import java.util.*; public class Main { public static void main(S ...

  5. redis 参考

    http://redis.readthedocs.org/en/2.4/index.html

  6. OSharp框架总体设计

    OSharp框架解说系列(1):总体设计 〇.前言 哈,距离前一个系列<MVC实用构架设计>的烂尾篇(2013年9月1日)已经跨了两个年头了,今天是2015年1月9日,日期已经相映,让我们 ...

  7. 多线程（一）NSThread

    iOS中多线程的实现方案: 技术 语言 线程生命周期 使用频率 pthread C 程序员自行管理 几乎不用 NSthread OC 程序员自行管理 偶尔使用 GCD C 自动管理 经常使用 NSOp ...

  8. MyBatis的动态SQL操作--插入

    需求:向数据库中插入一条数据 //id,name,sal非空,三个字段都插入 insert into student(id,name,sal) values (?,?,?) //id,name非空,只 ...

  9. [转]vim ruby等的ide设置

    使用vim做rails开发,推荐这个 https://github.com/carlhuda/janus 1. vim下的Rails常用插件 首先列出我比较常用的vim插件,基本都是网上提到的哪些.必 ...

  10. 【Codeforces】#345 Div1

    1. Watchmen1.1 题目描述给$n$个点,求曼哈顿距离等于欧式距离的点对数. 1.2 基本思路由$|x_i-x_j|+|y_i-yj| = \sqrt{(x_i-x_j)^2+(y_i-yj ...