`

HTML5介绍 - HTML5的特长,特性及其相关资源

阅读更多

日期:2013-3-29  来源:GBin1.com

 

HTML5介绍 - HTML5的特长,特性及其相关资源

什么是HTML5?

HTML5 是万维网联盟(W3C)推出的最新的超文本标记语言。第一稿出版于2008年,但是直到2011年才真正的发展起来。在2011年的时候,HTML5开始 发布,人们逐渐开始使用它,但是相关的浏览器对它的支持仍很贫乏。直到今日,几乎所有主流浏览器 (Chrome,Safari,Firefox,Opera,IE)都提供了对 HTML5的支持,现在才是HTML5真正发挥它特性的时候。

HTML5和CSS3目前仍在开发中。W3C计划明年发布一个稳定版本,但是看起来这仍是一个胆大的冒险。从HTML5发布至今,它一直在持续发展中,W3C添加了越来越多令人印象深刻的特性,因此看起来HTML5的开发远远不会结束,当然这并不是一件坏事。

HTML5是1999年首次发布的HTML4.01的继任者。从1999年开发网络开发有了翻天覆地的变化,HTML5的出现是必然的。新出的标记语言建立在预留标准上:

  • 新特性基于HTML,CSS,DOM和JavaScript
  • 对外部的插件(如Flash)的需求需要减少
  • 错误处理要比过去的版本更加简单
  • 脚本被更多的标记所替代
  • HTML5特性必须与设备无关
  • 开发过程必须对大众是可视的

HTML5的新特性?

HTML5 的创建是为了使编码过程更加简单并具有逻辑性。再过不久,你会看到许多已过时的语法会很快被提出后门。伴随HTML5而来的是在多媒体方面的,独特而又令 人印象深刻的特性。考虑到让用户可以在低功率的设备上运行繁重的内容,许多特性伴随HTML5衍生而来。语法特色上包 括<video>,<audio>和<canvas>元素,而且还集成了矢量图形内容(例如我们之前就知道 的<object>标签)。这意味着网络上的多媒体和图形内容可以被更快捷的执行,不需要插件或者API。

这里有一组新添加的语法,但是以下我列出了较为重要的一部分。其余的可以在W3C的HTML5部分找到。

  • <article> - 这个标签定义了文章,用户留言或是帖子,作为内容的独立项目。
  • <aside> - aside标签标记了除了页面内容的内容,例如一个横向的侧边栏。
  • <header>,<footer> - 你不再需要手动为页首与页尾命名ID,现在你有为他们而生的预定义标签。
  • <nav> - nav标签用于标记导航,可以自动使你的列表像个导航。
  • <section> - 这是另一个重要的新语法,它在可以你的文档里定义任何类型的段落。它像div一样划分了不同的段落。
  • <audio>,<video> - 这两个标签明显标记了语音和视频内容,使音频与视频更容易得在设备上运行。
  • <embed> - 这个新标签为交互内容(如插件)或外部应用定义了一个容器。
  • <canvas> - canvas标签叫人尤为兴奋,它允许通过脚本实现画图(大多是JavaScript,当然其他的脚本语言也可以)。

阅读相关教程:

HTML5基本标签使用header,nav和footer

HTML5中的Article和Section元素

需 要记住的重要的一点是,新的HTML5标签和以前的标签不太一样。例如,<header>和<footer>标签不仅仅是用于标 记页面的开始和截止,还用于标示每一个段落的开始和结束。这意味着这两个标签比以前应用的更多。你可以通过下面的代码明白我所说的。

<!DOCTYPE html><!--The new DOCTYPE declaration, such easier than before-->
    <head> <!--Like before, this is where the style declaration goes-->
    </head>
    <body>
         <header> <!--This marks the header of the page and includes the navigation-->
         <nav>
         </nav>
         </header>
         <section> <!--This starts the content section -->
            <header>
            <!--This time the header tag marks the beginning of the content section -->
            </header>
            <article>
            </article>
            <footer>
            <!--As with the header tag, this time the footer marks the end of the content section -->
            </footer>
       </section> <!--This ends the content section -->
       <aside>
       <!--Here comes the sidebar content -->
       </aside>
       <footer>
       <!--The footer, which marks the end of the page, is here -->
       </footer>
</body>
</html>

是的,DOCTYPE声明有一定道理。或者至少,这一次它比以前要简单的多,它很容易让我记住,我们不需要在网络上搜索它,并且从一个站点复制到另一个站点。<!DOCTYPE html>起始,以</html>结束一个页面让我们等了很长一段时间,现在它终于出现在了这里.......

......

相关教程

HTML5入门教程

Semantics of HTML5

37个绝对不容错过的HTML5教程和资源

高效HTML5代码开发最佳实践

via Nelly@极客标签

 

来源:HTML5介绍 - HTML5的特长,特性及其相关资源

分享到:
评论

相关推荐

    96道web前端面试题.pdf

    - 除了基本个人信息,重点介绍自己在前端领域的特长和成就。 - 可以分享一些特别的项目经验或者技术专长,如React、Vue等框架的实际应用案例。 - 强调自己的学习能力、团队协作能力和解决问题的能力。 2. **项目...

    晋城市-晋城市-街道行政区划_140500_Shp数据-wgs84坐标系.rar

    晋城市-晋城市-街道行政区划_140500_Shp数据-wgs84坐标系.rar

    【Linux系统管理】经典Linux面试题汇总:涵盖路径操作、文件管理、权限设置及磁盘配额查询等核心知识点

    内容概要:本文档汇总了46个经典的Linux面试题及其答案,涵盖了Linux系统操作的基本命令和概念。内容涉及路径表示与目录切换、进程管理、文件和目录操作、权限设置、文件内容查看等多个方面。每个问题都给出了明确的答案,旨在帮助面试者全面掌握Linux命令行操作技能,同时加深对Linux系统原理的理解。 适合人群:准备Linux相关职位面试的求职者,尤其是有一定Linux基础但缺乏实战经验的技术人员。 使用场景及目标:①用于个人自学或面试前复习,巩固Linux基础知识;②作为企业内部培训资料,帮助员工提升Linux操作水平;③为初学者提供系统化的学习指南,快速入门Linux命令行操作。 其他说明:文档内容侧重于实际操作命令的讲解,对于每个命令不仅提供了基本语法,还解释了具体应用场景,有助于读者更好地理解和记忆。建议读者在学习过程中多加练习,将理论知识转化为实际操作能力。

    唐山市-路南区--街道行政区划_130202_Shp-wgs84坐标系.rar

    街道级行政区划shp数据,wgs84坐标系,直接下载使用。

    【C++编程竞赛】华中杯C++真题解析:涵盖函数参数传递、宏定义、数组操作等10个经典算法题型及源码实现

    内容概要:本文提供了10道华中杯C++竞赛真题的详细解析,涵盖多种基础编程技能与高级特性。每道题目不仅包含详细的解题思路和代码实现,还附带了完整的运行结果。具体包括:函数参数传递(指针实现)、宏定义比较、数组元素打印、几何图形面积计算、字符串拼接、素数判断、多态的实现、文件操作、简单计算器和学生信息管理。这些题目帮助读者深入理解C++语言的核心概念和技术应用。 适合人群:对C++有一定了解的编程初学者和中级开发者,尤其是准备参加编程竞赛的学生或程序员。 使用场景及目标:①作为编程练习和竞赛备考资料,帮助读者掌握C++的基本语法和常用算法;②通过实际代码示例加深对C++特性的理解,如指针、宏定义、面向对象编程等;③提供完整的源码供读者参考和调试,增强动手能力和问题解决能力。 阅读建议:建议读者按照题目难度逐步学习,先理解题目背景和解题思路,再仔细研读代码实现,并尝试独立编写和调试代码。同时,鼓励读者扩展思考,探索更多可能的解决方案,以提高编程水平。

    邯郸市-曲周县--街道行政区划_130435_Shp-wgs84坐标系.rar

    街道级行政区划shp数据,wgs84坐标系,直接使用。

    沧州市-孟村回族自治县--街道行政区划_130930_Shp-wgs84坐标系.rar

    街道级行政区划shp数据,wgs84坐标系,直接使用。

    通用计算器的设计FPGA.doc

    通用计算器的设计FPGA.doc

    晋城市-沁水县-街道行政区划_140521_Shp数据-wgs84坐标系.rar

    晋城市-沁水县-街道行政区划_140521_Shp数据-wgs84坐标系.rar

    赤峰市-松山区-街道行政区划_150404_Shp数据-wgs84坐标系.rar

    赤峰市-松山区-街道行政区划_150404_Shp数据-wgs84坐标系.rar

    JAVA中Stream编程常见的方法分类

    JAVA中Stream编程常见的方法分类

    呼和浩特市_和林格尔县_街道级--街道行政区划_150123_Shp_wgs84坐标系.rar

    街道级行政区划shp数据,wgs84坐标系,直接使用。

    【K02】基于51单片机的秒表计时器设计(二).zip

    大同市-浑源县-街道行政区划_140225_Shp数据-wgs84坐标系.rar

    大同市-浑源县-街道行政区划_140225_Shp数据-wgs84坐标系.rar

    包头市-昆都仑区-街道行政区划_150203_Shp数据-wgs84坐标系.rar

    包头市-昆都仑区-街道行政区划_150203_Shp数据-wgs84坐标系.rar

    临汾市-翼城县-街道行政区划_141022_Shp数据-wgs84坐标系.rar

    街道级行政区划shp矢量数据,wgs84坐标系,下载直接使用

    张家口市-阳原县--街道行政区划_130727_Shp-wgs84坐标系.rar

    街道级行政区划shp数据,wgs84坐标系,直接下载使用。

    汽车电子车载网络拓扑开发概述:涵盖总线类型、设计原则及流程优化

    内容概要:本文详细介绍了车载电子电器架构中的网络拓扑开发,涵盖开发概述、车载网络总线、网络设计原则、开发流程及小结。网络拓扑开发是汽车电气架构中的重要环节,旨在设计合理的网络结构以确保各电子控制单元(ECU)之间的高效通信。文中阐述了通信协议选择、网络节点布局、通信介质选择、拓扑结构设计及安全性考虑等关键要素,并强调了仿真与验证的重要性。此外,还讨论了网络设计的原则,如前瞻性、兼容性、拓展性、实时性、可靠性和安全性,以及网络负载的优化措施。最后,总结了网络拓扑开发的流程,包括需求分析、设计、仿真验证、优化迭代及文档记录。 适合人群:汽车电子工程师、各域功能工程师、子系统及零部件开发者、测试工程师等从事汽车电气架构开发的相关人员。 使用场景及目标:①帮助工程师理解汽车网络拓扑开发的关键步骤和技术要点;②指导工程师在设计过程中遵循科学合理的设计原则,确保网络拓扑的高性能和可靠性;③提供网络负载优化的措施,确保数据传输的实时性和效率。 其他说明:网络拓扑开发不仅需要考虑技术层面的因素,还需兼顾成本效益,以适应不断变化的市场需求和技术趋势。本文建议读者在实践中不断积累经验,关注新技术的应用和发展,以应对未来的挑战和机遇。

    金融行业智能分析AI Agent的应用实践与技术创新:提升企业数字化决策能力

    内容概要:本文探讨了智能分析AI Agent在金融行业的先进实践与展望,指出金融行业在经营分析领域面临的现状和痛点,包括管理团队无法快速获得深度结论,业务团队面对BI产品学习门槛高、依赖人工等问题。文中介绍了智能分析AI Agent相较于传统解决方案的技术创新,如数据建模右移、基于虚拟层的数据编织、指标平台与大模型组合方案等,强调其在降低使用门槛、提高效率和增强交互性方面的优势。同时,文章展示了智能分析AI Agent在交互式指标问询、自动分析报告生成等应用场景中的价值,并对未来的发展进行了展望。 适合人群:金融行业的管理层、业务分析师、数据科学家以及对金融科技感兴趣的从业者。 使用场景及目标:①帮助管理层快速获取数据背后的深层次原因和结论;②降低业务团队使用数据分析工具的门槛,提高工作效率;③实现数据的自动化处理和分析,减少人工干预;④推动企业内部的数据民主化,使更多员工能够参与数据分析和决策。 阅读建议:本文不仅提供了智能分析AI Agent的技术细节,还结合实际案例展示了其应用效果,因此在阅读过程中应重点关注技术创新点及其对企业管理和业务流程的具体影响。

Global site tag (gtag.js) - Google Analytics