第一类：表现性元素basefontbigcenterfontsstrikettu建议用语义正确的元素代替他们，并使用CSS来确保渲染后的效果第二类：框架类元素因框架有很多可用性及可访问性问题，HTML5规范将以下元素移除。frameframesetnoframes但html5支持iframe。第三类:属性类很多表现性的属性也被新规范移除，如下：alignbody标签上的link、vlink、alink、text属性bgcolorheight和widthiframe元素上的scrolling属性valignhspace和vspacetable标签上的c...
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>html5语义化</title><style type="text/css">header, section, footer, aside, nav, article, figure{display: block;}nav,header,p,article{width: 1200px;margin:0 auto;}ul{height:40px;background-color: #fff;list-style: none;display: inline-block;width: 1200px;padding: 0px;}li{line-height: 40px;text-align: center;float: left;width: 400px;m...
<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。 <figure> 元素的内容应该与主内容相关，同时元素的位置相对于主内容是独立的。如果被删除，则不应对文档流产生影响。 <figcaption> 标签为 ' ref='nofollow'> 元素定义标题。 <figcaption> 元素应该被置于 <figure> 元素的第一个或最后一个子元素的位置。IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <article> 标签。注释： IE 8 或更早...
HTML5语义元素
语义学是研究语言中单词和短语的含义。语义元素=具有意义的元素。 语义元素清楚地描述了它对浏览器和开发人员的意义。 非语义元素的示例：<div>和<span>- 对其内容一无所知。 语义元素的示例：<form>，<table>和<article>- 清楚地定义其内容。 所有现代浏览器都支持HTML5语义元素。HTML5新语义元素许多网站都包含HTML代码，例如：<div id ="nav"> <div class ="header"> <div id ="footer"> 以指示导航，页眉和页脚。...
<canvas> 新元素 ' ref='nofollow'> 标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API 新多媒体元素' ref='nofollow'>定义音频内容' ref='nofollow'>定义视频（video 或者 movie）' ref='nofollow'>定义多媒体资源 <video> 和 <audio>' ref='nofollow'>定义嵌入的内容，比如插件。' ref='nofollow'>为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。 新表单元素' ref='nofollow'> 定义选项列表。...
<article>标签定义外部的内容（结构元素）<section>标签定义文档中的节（section，区段）。比如章节，页眉，页脚或文档中的其他部分（结构元素）<nav>引导和导航内容链接<aside>定义页面内容之外的内容。 aside的内容与article的内容相关。（结构元素）<meter>定义预定义范围内的度量。仅用于已知最大和最小值的度量（内联元素）<progress>定义任何类型的任务的进度。可以使用<progress>标签来显示javascript中耗费时间的函数的进度...
<mark>、<figure>、<figcaption>、<details>、<summary>、</progress>、<ol>(新增属性)<!DOCTYPE html><html><head><meta charset="utf-8"><title>页面增强元素</title></head><body><!--mark元素，高亮或标记--><p>纪念中国人民<mark>抗日</mark>战争暨世界反法西斯战争胜利70周年阅兵式（简称9·3阅兵，或者抗战胜利日大阅兵），是中国政府为纪念中国人民抗日战争暨世界反法西斯战争胜利70周年而开展的众多纪念活动中的一项活动。...
HTML5之前，要实现网页元素的拖动操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现；HTML5 中引入了直接支持拖动操作的API，大大简化了网页元素的拖动操作编程难度，并且这些API除了支持浏览器内部元素的拖动外，同时支持浏览器和其它应用程序之间的数据互相拖动。
本文通过一个简单示例，演示HTML5中拖动API的使用方法。场景：
如下图所示，我们要实现：
通过拖动将照片从左侧“相册”区域拖拽到右侧“...
一、新增的结构元素1、section元素表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用，标示文档结构。 h5中的代码事例：<section></section> h4中的代码事例：<div></div>2、article元素表示页面中的一块与上下文不相关的独立内容，譬如博客中的一篇文章或报纸中的一篇文章。 h5中的代码事例：<article><article> h4中的代码事例：<div></div>3、...
欢迎大家阅读HTML5 Canvas（画布）实战编程初级篇系列，在这个系列中，我们将介绍最简单的HTML5画布编程。包括：画布元素绘制直线绘制曲线绘制路径绘制图形绘制颜色，渐变和图案绘制图片绘制文本相关要求环境要求：Google Chrome, Firefox, Safari, Opera, 或者 IE9以上的现代浏览器编程要求：需要有基础的HTML和Javascript编程经验，相关的画布编程将调用Javascript API来处理HTML Canvas基本元素HTML5中包含一个专门为HTML画布功...
* HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。
* 绘画 canvas
用于媒介回放的 video 和 audio 元素
本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失;
sessionStorage 的数据在浏览器关闭后自动删除
语意化更好的内容元素，比如 article、footer、header、nav、section
表单控件，calendar、date、time、email、url、search
新的技术 webworker, websockt, Geolocation
* ...
<b> 定义粗体文本,可以定义id,class,style和onclick等各种事件属性<i> 定义斜体文本，,可以定义id,class,style和onclick等各种事件属性<em> 定义强调文本，但是实际效果于斜体文本差不多，,可以定义id,class,style和onclick等各种事件属性<strong> 定义粗体文本，与<b>用法和效果都差不多<small> 定义小号字体文本，,可以定义id,class,style和onclick等各种事件属性<sup> 定义上标文本,可以定义id,class,style和onclic...
video
通过<video>标签，我们可以抛弃最近不怎么讨好的Flash，直接在页面中播放视频文件。视频文件自然是最符合语义化的文件格式，但该元素标签同样支持音频与图片。
过去(及目前)，我们通常要使用类似下面这样繁冗丑陋的代码来将视频放置在页面中，但这种方式要求浏览器安装有Flash插件，并支持JavaScript：<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344"
codebase="http://download.ma...
这个礼拜学习了html5和css的知识，现在就来列举在html5中学习到的元素。 首先是块级元素：html/body/form/textarea/h/ul/ol/dl/pre/div/p/button/hr/table行内元素：head/meta/label/span/br/a/strong/b/em/i/title/行内块元素：img/td/input 块级元素与行内元素的差别：块级元素需要换行，而行内元素在没有css的干预下，块级元素独占一行，可以设置宽高，行内元素，并排显示，由内容撑起宽高。原文：http://www.cnblogs.com/wjf0...
HTML经过10多年的发展，其元素经历了废弃与不断重新定义的过程。为了更好的处理现在的互联网应用，HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、网络工作等新元素。http://hovertree.com/menu/html5/图形绘制新元素标签描述<canvas>标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API新多媒体元素标签描述<audio>定义音频内容<vedio>定义视频内容<source>定义多媒体资源（audio或vedio）<embed>定...
目录 [1]section [2]article [3]aside [4]nav [5]header [6]footer [7]hgroup [8]address [9]案例