All articles| All Pictures| All Softwares| All Video| Go home page| Write articles| Upload pictures

Reading number is top 10 articles
delphi类中的属性使用方法
NET精简框架的“无法找到资源程序集”异常释疑_[Asp.Net教程]
将ASP.NET,Control转换为String_[Asp.Net教程]
ASP.NET,2.0中直接将Access数据库导入到Excel文件中_[Asp.Net教程]
visual c++中打印基础
ASP.Net防止刷新自动触发事件的解决方案_[Asp.Net教程]
八 图像 Images_[Html教程]
Delphi带历史信息的菜单实例
PHP基础:PHP4和PHP5的配置异同比较_[PHP教程]
Windows 环境下的 PHP5+Apache+mysql 服务器的配置_[PHP教程]
Reading number is top 10 pictures
So beauty, will let you spray blood1
Extremely rare TianShan Mountains snow lotus2
The terra-cotta warriors1
The money of more than 100 countries and regions5
The girl of like self-time
去瑜伽会所面试的经过
玩手机对身体不好
Exquisite decoration is not paying too much2
The money of more than 100 countries and regions10
A man's favorite things10
Download software ranking
Professional killers2 for Android
White deer villiage
Boxer vs Yellow4
The cock of the Grosvenor LTD handsome
打鸟视频
Wild things 2
终极变速大师Speeder3.26
The Bermuda triangle1
Boxer Classic video1
Tram sex maniac 2 (H) rar bag2
归海一刀 published in(发表于) 2014/3/30 5:17:32 Edit(编辑)
HTML 5 预览(1)_[Html教程]

HTML 5 预览(1)_[Html教程]

HTML 5 预览(1)_[Html教程]

原文:http://www.alistapart.com/articles/previewofhtml5
作者:Lachlan Hunt
译者:zhaozy in 3user.com


概要


网络是不断的进化的. 新的和有创意的网站每天都在出现, 从各方面都在冲击着HTML的边界. HTML 4来到我们身边已经差不多有10年了, 发行者们不断的寻求提供更强大的功能的新技术, 但是常会因为标记语言和浏览器的约束而路途坎坷.


为了给作者们提供更灵活, 更具互操作性, 能有更多交互性并令人振奋的网站和应用程序, HTML 5 引入并加强了一系列功能, 包括表单控制, 应用程序接口(APIs), 多媒体, 结构化和语义化.


HTML 5的工作, 开始于2004年, 在 W3C HTML WG 和 WHATWG 的共同努力下现在正在全面贯彻落实. 很多关键角色参与了W3C的努力, 最具代表性的是4大浏览器厂商: Apple, Mozilla, Opera, Microsoft; 还有一系列的有着不同利益和专业技术的其他机构以及个人.


编写详细规范的工作还在进行中, 离完成还有很长的路要走. 同样的, 在这篇文章中讨论的功能不排除在未来有所改动的可能. 这篇文章只是以大纲的形式介绍一些在当前的草案中的主要的特性.


结构


HTML 5 引入了一整套全新的元素来让构建页面变得更加简单. 大多数基于HTML 4的页面的包含多种常用结构, 比如说页首(header), 页脚(footer)和纵列(column). 现阶段我们通常会用div元素标记这些区块, 然后为它们定义一个描述性的id或是class.



图表说明一个典型的用div元素带上id和class属性标记的2栏布局. 其中包括页首(header)和页脚(footer), 在页首下面是一个水平导航条, 主体内容又包含了文章(article)和它右边的侧边栏(sidebar).


大量的使用div元素是因为目前的HTML 4版本缺少更明确的语义描述这些区块所致. HTML 5 为了表现这些不同的区块而引入了新的元素.



那些div元素可以被新的元素代替了: header, nav, section, article, aside以及footer.



...




...



...


用这些新元素会有一些优势(相对于HTML 4). 当和标题元素(h1 - h6)一同使用时, 可以标记出嵌套的章节标题层次, 超越之前版本的HTML仅有的六个层次. 规范中包含了一份生成大纲的详细算法. 把结构化这些内容纳入考虑范围, 并仍旧向后兼容先前的版本. 这样可以在编辑工具以及浏览器中生成目录来帮助用户来浏览这个文档.


举例说明, 下面的标记结构使用了嵌套的章节和h1元素构成:



Level 1



Level 2



Level 3





这里要注意, 为了更好的兼容现在的浏览器, 它也能在适当的位置利用其它的标题元素(h2 - h6)来代替h1元素.


通过辨别页面中的章节使用特殊章节元素的确切目的, 辅助的技术能帮助用户更容易的浏览这个页面. 举例, 他们能不费力的略过导航区块或者能快速的从一篇文章直接跳到下一篇而不需要作者提供跳转链接. 对于创作者来说, 在文档中去掉多余的div, 而用一些更明显的元素代替它们, 会让源代码更清楚而且更容易书写.







添加到del.icio.us 添加到新浪ViVi 添加到百度搜藏 添加到POCO网摘 添加到天天网摘365Key 添加到和讯网摘 添加到天极网摘 添加到黑米书签 添加到QQ书签 添加到雅虎收藏 添加到奇客发现 diigo it 添加到饭否 添加到飞豆订阅 添加到抓虾收藏 添加到鲜果订阅 digg it 貼到funP 添加到有道阅读 Live Favorites 添加到Newsvine 打印本页 用Email发送本页 在Facebook上分享


Disclaimer Privacy Policy About us Site Map

If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)
Copyright ©2011-
uuhomepage.com, Inc. All rights reserved.