.. _html5_startup:
======================
HTML5快速起步
======================
.. note::
我准备快速学习HTML5和 :ref:`css` ，为后续 :ref:`javascript` => :ref:`react` => :ref:`nextjs` 全栈技术提供基础
HTML5是一项 ``实践`` 中的 ``活`` 的技术:
- 和 ``XHTML`` 这项革新(但由于严格而不兼容旧技术)但失败但标准不同， ``HTML5`` 是多个浏览器的开发公司在工程实践中实现的工业级标准(我的理解)，也就是得到主流浏览器支持的事实标准
- 通过主要浏览器公司(Opera、Mozilla和 :ref:`apple` )组建的 ``WHATWG(Web Hypertext Application Technology Working Group, Web超文本应用技术工作组)`` 早期规范 ``Web Application 1.0`` 和 ``Web Forms 2.0`` 基础上，W3C废弃了 ``XHTML 2`` 标准，将 ``HTML5`` 改造为正式标准
- ``HTML5`` 最大的特点是向后兼容，致力于确保 **让互联网上的HTML成为活着的语言** :即使早期的设计存在不合理和混乱的实现， ``HTML5`` (现实中的浏览器)也会支持古老的(废弃的)标准。这让互联网上的信息能够尽可能的永存!
- 不过，虽然 ``HTML5`` 承诺向后兼容，但是我们现在编写 ``HTML5`` 还是要尽可能采用先进的现代标准
简明的 ``HTML5`` 案例
==========================
以下是一个非常简洁并且可以手工输入完成的 ``HTML5`` 文档，所有复杂的页面都可以从这个简单的HTML衍生出来:
.. literalinclude:: html5_startup/simple_html5.html
:language: html
:caption: 非常简单的HTML5案例
- **HTML5不区分大小写**
- 属性值中只要不包含受限字符(如 ``>`` , ``=`` 或空格)，就可以不加引号
虽然HTML5的语法非常松散(同一个内容可以有多种编写格式)，但是建议使用统一且规范的约定(尽管不是必须):
- 包含可选的 ```` / ```` 和 ```` 元素(规范并不强求)
- 标签全部小写
- 为属性值加引号(避免无效字符破坏页面)
``HTML5`` 剔除的元素
======================
``HTML5`` 官方标准剔除了少量元素: 虽然这些元素依然得到浏览器的支持
- **表现性元素** 例如 ```` / ```` / ```` / ```` / ``>`` ，这些为页面添加样式的元素已经全部由 :ref:`css` 样式表来处理
- **已经摒弃的HTML框架** 也就是早期在浏览器窗口中显示多个页面的方式，由于框架存在严重的可访问性问题(难以适应搜索引擎、辅助软件和移动设备)。不过 ``