返回 首页
HTML5 教程 - W3Cschool
浏览：5629268 收藏：19315

HTML5 教程

开始阅读 下载APP，阅读更畅快
教程说明：

教程简介

通过这本教程的学习，你可以了解HTML基础知识、HTML代码规范、HTML标签列表。如果你之前学习过 HTML教程，想必会对于HTML5的特性更加了解。看完HTML5之后，你还可以辅助以一些CSS样式的教程来进行学习。学好HTML5的话，相信制作一个精美的网站对于你而言不再是难题。

学完本教程之后，W3Cschool推荐您进行实战练习：HTML5实战

学习本门课程的同时，建议大家结合W3Cschool的《HTML和CSS3零基础快速入门》视频课程，学习效果更佳。

HTML5介绍

HTML5规范于2014年10月29日由万维网联盟正式宣布，HTML是万维网最核心的超文本标记语言。万维网不等同于互联网，但它是依靠互联网运行的服务之一，万维网又简写为www，它可以实现在互联网的帮助下，访问由许多互相链接的超文本组成的系统。

从1999年发布了HTML4.01之后，到2014年经历十五年才推行HTML，中间还出现了WHATWG和XHTML2.0两种规范，最后双方合并成全新的HTML5版本。

传言HTML5手机应用上运行缓慢并且漏洞百出，目前还不适合进行大规模推广，但这些问题都是可以优化的，并且HTML5手机应用有着可以在网页上直接调试和修改的优点，不需要再重复地编码和调试，相信未来HTML5手机应用的普及率只会越来越高。

HTML5新版本特性

  1. 淘汰过时的或冗余的属性
  2. Indexed DB本地存储功能
  3. 脱离Flash 和Silverlight直接在浏览器中显示图形或动画
  4. 一个HTML5文档到另一个文档间的拖放功能
  5. 提供外部应用和浏览器内部数据之间的开放接口

HTML5的缺点

欧洲网络信息安全机构已经发出警告，HTML5可能并不够安全。

HTML5还没有被各大浏览器所支持

HTML5要求技术必须全部开放，而这可能触及到一些大公司的利益

HTML5未来展望

随着移动化的进程，HTML5终将成为主流。

毕竟，它更简单、更规范、对于初学者而言更加友好。

HTML相关教程

HTML5开发者工具

附加资料


教程目录：

HTML5 教程

开始学习HTML5
HTML5 浏览器支持
HTML5 新元素
HTML5 Canvas
HTML5 内联 SVG
HTML5 MathML
HTML5 拖放
HTML5 地理定位
HTML5 Video(视频)
HTML5 Audio(音频)
HTML5 Input 类型
HTML5 表单元素
HTML5 表单属性
HTML5 语义元素
HTML5 Web 存储
HTML5 Web SQL
HTML5 应用程序缓存
HTML5 Web Workers
HTML5 SSE
HTML5 WebSocket
HTML5 代码规范

HTML5 参考手册

HTML5 标签

HTML5 <!DOCTYPE> 标签
HTML5 <a> 标签
HTML5 <area> 标签
HTML5 <abbr> 标签
HTML5 <applet> 标签
HTML5 <article>标签
HTML5 <aside> 标签
HTML5 <address> 标签
HTML5 <acronym> 标签 (已废弃)
HTML <audio> 标签
HTML5 <b> 标签
HTML5 <basefont> 标签 (已废弃)
HTML5 <base> 标签
HTML5 <blockquote> 标签
HTML5 <br />标签
HTML5 <big> 标签 (已废弃)
HTML5 <button> 标签
HTML5 <bdi> 标签
HTML5 <bdo> 标签
HTML5 <body> 标签
HTML5 <center> 标签 (已废弃)
HTML5 <command> 标签 (已废弃)
HTML5 <canvas> 标签
HTML5 <col> 标签
HTML5 <colgroup> 标签
HTML5 <caption> 标签
HTML5 <em> <strong> <dfn> <code> <samp> <kbd> <var> <cite> 标签
HTML5 <ul> 标签
HTML5 <dl> 标签
HTML5 <del> 标签
HTML5 <dd> 标签
HTML5 <details> 标签
HTML5 <div> 标签
HTML5 <dir> 标签 (已废弃)
HTML5 <embed> 标签
HTML5 <frameset> 标签 (已废弃)
HTML5 <figcaption> 标签
HTML5 <form> 标签
HTML5 <frame> 标签 (已废弃)
HTML5 <figure> 标签
HTML5 <footer> 标签
HTML5 <fieldset> 标签
HTML5 <hgroup> 标签
HTML5 <hr> 标签
HTML5 <h1> 至 <h6> 标签
HTML5 <header> 标签
HTML5 <html> 标签
HTML5 <head> 标签
HTML5 <i> 标签
HTML5 <iframe> 标签
HTML5 <input> 标签
HTML5 <img> 标签
HTML5 <ins> 标签
HTML5 <keygen> 标签 (已废弃)
HTML5 <link> 标签
HTML5 <li> 标签
HTML5 <legend> 标签
HTML5 <label> 标签
HTML5 <map> 标签
HTML5 <meta> 标签
HTML5 <menu> 标签
HTML5 <meter> 标签
HTML5 <mark> 标签
HTML5 <nav> 标签
HTML5 <noscript> 标签
HTML5 <ol> 标签
HTML5 <object> 标签
HTML5 <option> 标签
HTML5 <output> 标签
HTML5 <optgroup> 标签
HTML5 <p> 标签
HTML5 <pre> 标签
HTML5 <param> 标签
HTML5 <progress> 标签
HTML5 <q> 标签
HTML5 <rp> 标签
HTML5 <rt> 标签
HTML5 <ruby> 标签
HTML5 <s> 标签
HTML5 <sub> 和 <sup> 标签
HTML5 <span> 标签
HTML5 <small> 标签
HTML5 <style> 标签
HTML5 <strike> 标签
HTML5 <select> 标签
HTML5 <source> 标签
HTML5 <section> 标签
HTML5 <summary> 标签
HTML5 <td> 标签
HTML5 <th> 标签
HTML5 <tt> 标签
HTML5 <tr> 标签
HTML5 <table> 标签
HTML5 <title> 标签
HTML5 <tfoot> 标签
HTML5 <thead> 标签
HTML5 <time> 标签
HTML5 <tbody> 标签
HTML5 <textarea> 标签

拓展阅读

《HTML5从入门到精通》中文教程电子书
推荐11款程序员必备的HTML5开发工具
直接上源码教你做经典HTML5小游戏
大家都在找的HTML5模板下载
序员必知的HTML5 video视频二三事
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

HTML5 教程

开始学习HTML5
HTML5 浏览器支持
HTML5 新元素
HTML5 Canvas
HTML5 内联 SVG
HTML5 MathML
HTML5 拖放
HTML5 地理定位
HTML5 Video(视频)
HTML5 Audio(音频)
HTML5 Input 类型
HTML5 表单元素
HTML5 表单属性
HTML5 语义元素
HTML5 Web 存储
HTML5 Web SQL
HTML5 应用程序缓存
HTML5 Web Workers
HTML5 SSE
HTML5 WebSocket
HTML5 代码规范

HTML5 参考手册

HTML5 标签

HTML5 <!DOCTYPE> 标签
HTML5 <a> 标签
HTML5 <area> 标签
HTML5 <abbr> 标签
HTML5 <applet> 标签
HTML5 <article>标签
HTML5 <aside> 标签
HTML5 <address> 标签
HTML5 <acronym> 标签 (已废弃)
HTML <audio> 标签
HTML5 <b> 标签
HTML5 <basefont> 标签 (已废弃)
HTML5 <base> 标签
HTML5 <blockquote> 标签
HTML5 <br />标签
HTML5 <big> 标签 (已废弃)
HTML5 <button> 标签
HTML5 <bdi> 标签
HTML5 <bdo> 标签
HTML5 <body> 标签
HTML5 <center> 标签 (已废弃)
HTML5 <command> 标签 (已废弃)
HTML5 <canvas> 标签
HTML5 <col> 标签
HTML5 <colgroup> 标签
HTML5 <caption> 标签
HTML5 <em> <strong> <dfn> <code> <samp> <kbd> <var> <cite> 标签
HTML5 <ul> 标签
HTML5 <dl> 标签
HTML5 <del> 标签
HTML5 <dd> 标签
HTML5 <details> 标签
HTML5 <div> 标签
HTML5 <dir> 标签 (已废弃)
HTML5 <embed> 标签
HTML5 <frameset> 标签 (已废弃)
HTML5 <figcaption> 标签
HTML5 <form> 标签
HTML5 <frame> 标签 (已废弃)
HTML5 <figure> 标签
HTML5 <footer> 标签
HTML5 <fieldset> 标签
HTML5 <hgroup> 标签
HTML5 <hr> 标签
HTML5 <h1> 至 <h6> 标签
HTML5 <header> 标签
HTML5 <html> 标签
HTML5 <head> 标签
HTML5 <i> 标签
HTML5 <iframe> 标签
HTML5 <input> 标签
HTML5 <img> 标签
HTML5 <ins> 标签
HTML5 <keygen> 标签 (已废弃)
HTML5 <link> 标签
HTML5 <li> 标签
HTML5 <legend> 标签
HTML5 <label> 标签
HTML5 <map> 标签
HTML5 <meta> 标签
HTML5 <menu> 标签
HTML5 <meter> 标签
HTML5 <mark> 标签
HTML5 <nav> 标签
HTML5 <noscript> 标签
HTML5 <ol> 标签
HTML5 <object> 标签
HTML5 <option> 标签
HTML5 <output> 标签
HTML5 <optgroup> 标签
HTML5 <p> 标签
HTML5 <pre> 标签
HTML5 <param> 标签
HTML5 <progress> 标签
HTML5 <q> 标签
HTML5 <rp> 标签
HTML5 <rt> 标签
HTML5 <ruby> 标签
HTML5 <s> 标签
HTML5 <sub> 和 <sup> 标签
HTML5 <span> 标签
HTML5 <small> 标签
HTML5 <style> 标签
HTML5 <strike> 标签
HTML5 <select> 标签
HTML5 <source> 标签
HTML5 <section> 标签
HTML5 <summary> 标签
HTML5 <td> 标签
HTML5 <th> 标签
HTML5 <tt> 标签
HTML5 <tr> 标签
HTML5 <table> 标签
HTML5 <title> 标签
HTML5 <tfoot> 标签
HTML5 <thead> 标签
HTML5 <time> 标签
HTML5 <tbody> 标签
HTML5 <textarea> 标签

拓展阅读

《HTML5从入门到精通》中文教程电子书
推荐11款程序员必备的HTML5开发工具
直接上源码教你做经典HTML5小游戏
大家都在找的HTML5模板下载
序员必知的HTML5 video视频二三事

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }