HTML5知典 http://zhidian.wuute.com/html5dev/ 2026-04-16T02:34:25+09:00 HTML5知典 http://zhidian.wuute.com/html5dev/ http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico text/html 2018-08-21T16:12:54+09:00 liwenfeng 机制和原理 http://zhidian.wuute.com/html5dev/doku.php/16/06/start?rev=1534835574&do=diff 机制和原理 文档结构 HTML5的一大革新之一就是文档结构更为简洁。 相对于HTML4，很多标签都有了非常简化的写法，比如根元素，HTML4里是这样的： <html xmlns="http://www.w3.org/1999/xhtml"lang="en"xml:lang="en"> text/html 2018-08-21T15:14:56+09:00 liuxiaofang embed - [标准属性] http://zhidian.wuute.com/html5dev/doku.php/16/86/96/embed?rev=1534832096&do=diff embed 用途 <embed> 元素定义嵌入的资源，比如插件。 例子 代码 <embed src="catgame.swf"> 执行结果 属性 标准属性 属性描述HTML5新全局核心属性全局文本属性全局操作属性height设置嵌入资源的高度。✔src嵌入资源的 URL。✔type嵌入资源的 MIME 类型。 text/html 2018-07-16T16:06:48+09:00 liuxiaofang data - [例子] http://zhidian.wuute.com/html5dev/doku.php/16/86/46/data?rev=1531724808&do=diff data 用途 <data>元素将一个指定内容和机器可读的翻译联系在一起。 例子 <p>product list</p> <ul> <li><data value="0001">pc</data></li> <li><data value="0002">ipad</data></li> <li><data value="0003">smartphone</data></li> </ul> text/html 2018-07-08T18:01:14+09:00 liuxiaofang section - [例子] http://zhidian.wuute.com/html5dev/doku.php/16/86/26/section?rev=1531040474&do=diff section 用途 <section> 标签定义文档中的一个区域或者节（section）。比如章节、页眉、页脚或文档中的其他部分。 例子 代码 <section> <h3>HTML5知典</h3> <p>HTML5知识库</p> </section> 执行结果 text/html 2018-07-08T17:59:56+09:00 liuxiaofang head - [例子] http://zhidian.wuute.com/html5dev/doku.php/16/86/16/head?rev=1531040396&do=diff head 用途 <head>标签用于包含关于文档的信息，定义在文档的头部，且是所有头部元素的容器。<head>中的元素能够引用脚本、样式表的路径等等。 例子 代码 <html> <head> <title> HTML5知典 </title> </head> <body> <p> HTML5知典内容 </p> </body> </html> text/html 2018-07-06T11:51:30+09:00 liuxiaofang nav - [例子] http://zhidian.wuute.com/html5dev/doku.php/16/86/26/nav?rev=1530845490&do=diff nav 用途 标签定义导航链接的部分。一个含有多个链接的区域，这个区域包含转到其他页面，或者页面内部其他部分的链接列表。 例子 代码 <nav> <ul> <li><a href="http://html5dev.insidekb.cn/">HTML5知典</a></li> <li><a href="./address">Address</a></li> <li><a href="#">Nav</a></li> </ul> </nav> text/html 2018-07-06T11:32:23+09:00 liuxiaofang header - [例子] http://zhidian.wuute.com/html5dev/doku.php/16/86/26/header?rev=1530844343&do=diff header 用途 <header> 元素定义 section 或 document 的页眉，也可能包含其他元素，像logo、分节头部、搜索表单等。 例子 代码 <header> 欢迎来到HTML5知典 </header> 执行结果 属性 标准属性 属性 text/html 2018-07-05T16:45:18+09:00 liuxiaofang div - [例子] http://zhidian.wuute.com/html5dev/doku.php/16/86/26/div?rev=1530776718&do=diff div 用途 <div>元素可以把文档分割为独立的、不同的部分，用于对其他元素进行分组。 它是一个块级元素，意味着会自动产生换行。 例子 代码 <div style="color:#00FF00"> <h3>This is a header</h3> <p>This is a paragraph.</p> </div> text/html 2018-07-04T16:29:31+09:00 liuxiaofang body - [事件属性] http://zhidian.wuute.com/html5dev/doku.php/16/86/26/body?rev=1530689371&do=diff body 用途 <body>元素定义文档的主体，并且只允许存在一个 <body> 元素。包含文档的所有内容（比如文本、图像、颜色、图形等等）。 例子 代码 <html> <head></head> <body>文档的内容 ......</body> </html> text/html 2018-07-03T17:55:29+09:00 liuxiaofang article - [例子] http://zhidian.wuute.com/html5dev/doku.php/16/86/26/article?rev=1530608129&do=diff article 用途 <article>元素表示文档、页面、应用或网站中的独立结构，其意在成为可独立分配的或可复用的结构，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他独立内容。 例子 text/html 2018-06-04T23:33:50+09:00 liwenfeng WebAPI编程 http://zhidian.wuute.com/html5dev/doku.php/36/start?rev=1528122830&do=diff WebAPI编程 WebAPI(Web Application Programming Interface)是HTML5所提供的用于开发WEB应用程序的一系列编程接口。 概述 HTML5已逐步成为开发WEB应用程序最理想的前端平台。WEB应用都是以网页的形式运行在浏览器中,因此也常常被称为网页应用程序。 text/html 2017-06-03T20:54:44+09:00 liwenfeng 选择器参考 http://zhidian.wuute.com/html5dev/doku.php/26/88/start?rev=1496490884&do=diff 选择器参考 定义 在CSS中，选择器是一种用于选择需要添加样式的元素的条件指定。 概述 CSS的选择器大致可分为以下几大类： * 类选择器（Class selectors） 通过设置元素的 class 属性，可以为元素指定类名。