HTML5究竟是什么？

（注：目前网上介绍HTML5的文章都是千篇一律，譬如某个时间段发布某个版本，这种对于初学者或者从实用性角度来看，没有太多甚至完全不具备学习价值，只能说了解到它的出现时间，但是具体作用是什么呢？基本都是没有详细阐述，不少读者看完估计还是一头雾水的，因此笔者会用更加通俗易懂的话语，让各位能够知道HTML5究竟是什么） 首先HTML是定义了网页的结构，那么HTML5则是其不断更新的一部分。它目前有两个版本， 第一个是万维网联盟的5.2推荐标准(w3c) ，是为网页内容开发者设计的；第二个是浏览器开发者的 HTML 生活标准(HTML Living Standard) ，由微软网页超文本技术工作小组公司(WHATWG)维护。

HTML5引入了一些新的元素和属性，同时也是一个 W3C推荐标准。Web 应用程序以这些 HTML 元素为基础运行，同时包含了 HTML4和 XHTML，但是向后兼容以前的版本。另外，它与 PHP 更加兼容，新的 api 包括拖放、网络消息和网络存储、协议处理程序注册、微数据、画布、文本轨道和定时媒体播放，还有一个标准化的服务器发送事件自动更新和更好的浏览器支持，这些新的 api 为网页设计者提供了更好的控制。对于生活标准版本，新的 API 还包括地理定位、web 音频(Javascript 音频应用程序)、web RTC 和 web 加密 API。

这些元素和属性反映了现代网站的典型用法，其中包括超文本标记语言和对文档对象模型(DOM)脚本的新兴趣。HTML5语法还允许在文档内部使用 MathML，而 indexeddb将存储扩展到本地存储之外。并且从 HTML 4.01中删除了一些不推荐的元素，包括像 font 和 center 这样的纯表示元素，这些元素的效果早已被更强大的层叠样式表所取代。此外，DOM 脚本在 Web 行为中的重要性也得到了重新强调。

HTML5知识点有哪些？

经过前面的一些讲解，相信各位对HTML5已经有初步的认识，那么接下来我们将会正式探讨下，究竟有哪些知识点需要我们学习掌握的呢？（注：由于HTML5涵盖知识点较多，且本文属于入门级别的知识指南，不适宜进行全面深入地讲解，因此笔者筛选出了必须掌握的知识点，希望能够让初学者迅速入门） 知识点一：HTML5主体结构 <!doctype> 声明必须位于 HTML5 文档中首行，声明此为HTML5文档

标签限定了文档的开始点和结束点，内部包含文档头部和主体 标签用于定义文档的头部，内部的元素可以引用脚本或者样式表、提供元信息等等，并且描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等，绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 标签声明使用utf-8编码 标签定义文档标题 定义文档的主体，内部包含文档的所有内容，比如文本、超链接、图像、表格和列表等等，均可展示给用户浏览器显示出来（注释除外）

以上就是HTML5主体结构的讲解，可能有细心地读者就会发现，有的标签是一个的，有的又是两个对称的，那么这是何解呢？ 这里就引入一个知识点，通常情况下绝大多数标签都是双标签，也就是需要写成格式，但是也有的单标签也称为自闭合标签是不需要结束符的，如

等，那么这些标签具体用法又是如何呢？下面我们将会进行常用标签的讲解！

知识点二：HTML5常用标签

众所周知，HTML5简单点说就是由一个个标签组成的文档，既然如此我们就需要学习，每一个标签究竟代表着什么含义如何使用呢？（因为标签实在太多，倘若全部阐释一遍，怕初学者们嫌弃篇幅太长感到枯燥，或者是知识点太多很难吸收掌握，因此笔者精选出一些较为常用的标签进行讲解，对于标签可能有多个属性可以选择，笔者同样会挑选出较为常用属性进行讲解） 注：以下标签，笔者没有截效果图，建议初学者自主尝试

注释标签：在我们日常编写代码时候，为了日后方便自己查看或者是别人查阅，我们通常会在某些地方写上注释标签，里面内容不会展示给浏览器用户看到

阿里云开发者社区 链接标签：超链接跳转，把需要跳转的网址写到标签的href里面，然后在开始标签和结束标签之间可以写内容展示出去，当用户点击内容将会发生跳转

换行标签：换行作用，有的小伙伴可能看到这里会说，为什么我写
也是有效果的呢？这种写法不能说错误只能说是老版本的规范，按照HTML4.0规范都需要按照XHTML的写法，也就是对于单标签都是采用
加斜杠的写法（下同）

按钮 按钮标签：按钮上需要展示什么文字，可在开始标签和结束标签之间写入，现阶段若写静态网站用得较少，后期学JS制作动态网站或者做交互时候比较常用

块级标签：标签本身没有特殊含义，那么在其里面可以写文本内容，或者是加入其它标签均可，凡是加入其内部所有东西都会被其所包裹，形成一个独立的块级区域并且独自占用一行（css可格式化）

标题

标题标签：用于定义标题，从h1至h6均可根据自身需求选择

---

分隔符标签：起到装饰分隔作用，默认显示为一条黑色的水平线

图片标签：展示图片，src里面放置图片的链接，然后有时候可能出现各种原因导致图片未能加载，那么系统会自动展示alt里面的文字内容

输入框标签：默认是输入框，当然其有多个属性可以选择，然后较为常用的是type属性，该属性又有多个值可供选择，如： password 用户输入任何文本内容均会显示为小圆点 checkbox 选择框 Button按钮

• 列表

列表标签：通常用于展示一列数据，而且数据所采用的css样式均相同，譬如导航栏、当然还有

有序列表不过较为少用

段落

段落标签：写在内部的一段文字将会被定义为一个段落 脚本标签：现阶段不会用到，等学习到js需要用到，初学者可在标签内部写js代码，随着学习深入可以采用外部写好js文件后导入

文字 脚本标签：通常需要搭配css样式进行使用，对部分内容进行样式修改

样式标签：现阶段不会用到，等学习到css需要用到，样式需要写在标签内部

HTML5入门知识指南

经过前面的一系列学习，相信各位已经初步掌握HTML5的使用，能够制作一些简单的界面了，当然对于学习能力较强或者有一定基础的同学，可以自主深入学习HTML5深层次的知识点，当能够熟练敲出你想要的界面时候，那建议开始学习CSS让界面变得更加美丽，笔者下期将会给各位带来CSS入门知识指南，欢迎大家踊跃参与学习，当然如果有童鞋看完本文，对于某些知识点还是不太明白，或者是对下一期学习有什么建议，欢迎各位在下方评论区留言哦，如果觉得笔者文章写得不错，那么也可以分享给朋友一起学习，咱们下期再见啦！