HTML5---HTML5初探151019解析.ppt

* HTML5新增的元素 新增的结构元素 section、article、aside、header、hgroup、footer、nav、figure 新增的其它元素 video、audio、embed、mark、progress、meter、time、ruby、rt、rp、wbr、canvas、command、details、datalist、datagrid、keygen、output、source、menu 新增的input元素类型 email、url、number、range、datepickers * HTML5废除的元素 能使用css替代的元素：basefont、big、center、font、s、tt、u等 不再使用框架：如frame元素和frameset元素，但保留iframe元素。 只有部分浏览器支持的元素 其他被废除的元素 * 新增的属性和废除的属性 新增的属性 表单相关的属性 链接相关的属性 其它属性（全局属性等） 废除的属性 样式相关属性 HTML头部信息 第二章： HTML5头部信息 script在网页中使用js或加载外部js文件时使用 style在网页中使用css样式表 link在网页中使用外链式样式表 title显示网页的标题，标题文字会出现在浏览器的标题栏 base标签：用于指定该页面中所有链接的基准链接。可用属性有href和target。 Meta标签1 meta标签：用来定义网页的元信息，元信息就是name-value对。主要有三个属性： http-equiv：指定元信息名称，可向浏览器传回一些有用的信息，帮助浏览器正确的处理网页内容。 Name：元信息名称，该名称值可随意指定。 Content：指定元信息的值。 Meta name常见应用案例： meta name=“author” content=“mr.qin” meta name=“website” content=“” meta name=“copyright” content=“2001-2008 ” meta name=“keywords” content=“HTML,CSS,Javascript,PHP” meta name=“description” content=“关于网页内容的语言描述 / Meta标签2 Meta http-equiv常见应用案例： meta http-equiv=“expires” content=“sat sep 27 16:12:36 cst 2008” meta http-equiv =“pragma” content=“no-cache” meta http-equiv =“refresh” content=“2;url=” meta http-equiv =“set-cookie” content=“name=value expires=sat sep 27 16:12:36 cst 2008,path=/” meta http-equiv =“content-type” content=“text/html; charset=GBK” / HTML5通用知识常用标记 第三章： 基本元素 HTML的注释：! HTML的根元素：html HTML的头元素：head HTML的主体元素：body HTML的标题栏信息：title HTML中引入样式定义：style HTML的换行元素：br HTML的水平线元素：hr HTML的区块元素：div HTML的间隔元素：span 文本格式化元素 定义文本粗体：b 定义文本倾斜：i 定义强调文本：em 定义重要的文本：strong 定义小号字体文本：small 定义下标文本：sup 定义上标文本：sub 定义文本方向：bdo，该标签可指定dir属性，该属性值只能是ltr或rtl。 注释的多功能用法 使用HTML注释加入条件，就可以让IE浏览器根据注释的内容进行条件判断，而其它浏览器则只会把IE注释当作普通注释来处理。 例子： !--[if !IE]!-- 除IE外都可识别 !--![endif]-- !--[if IE] 所有的IE可识别 ![endif]-- !--[if IE 5] 仅IE5.0与IE5.5可以识别 ![endif]-- !--[if gt IE 5.0] IE5.0以及IE5.0以上版本都可以识别 ![endif]-- !--[if lt IE 6] IE6以及IE6以下版本可识别 ![endif]-- 真实用法： !--[if lt IE 9] script src=“/svn/trunk/html5.js”/script![endif]-- * 语义相关元素 用于表示一个缩写：abbr，title属性，指定该缩写所