HTML 标签文档 / 帮助手册

764 阅读2分钟

写在前面

这是我整理的一份 HTML 标签文档,我按照标签的功能和字母顺序进行了分类;

你可以直接按照自己需要查看

把文档写出了更符合阅读的格式;

每个标签的内容结构一般是下面这个样子的

  • 标签功能
  • 标签用法
  • 标签演示
  • 浏览器支持
  • 提示和注释 / 注意事项
  • HTML4 与 HTML5 之间的差异
  • HTML 与 XHTML 之间的差异
  • 全局属性
  • 事件属性

如果您有什么更好的建议,欢迎告诉我,我对做出优秀的基础文档非常有兴趣

HTML 的意义

HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。

除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。

“超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。

链接是网络的一个基本方面。只要将内容上传到互联网,并将其与他人创建的页面相链接,你就成为了万维网的积极参与者。

HTML 标签是什么?

HTML 使用“标记”(markup)来注明文本、图片和其他内容,以便于在 Web 浏览器中显示。

HTML 标记包含一些特殊“元素”如 </code>,<code><body></code>,<code><header></code>,<code><footer></code>,<code><article></code>,<code><section></code>,<code><p></code>,<code><div></code>,<code><span></code>,<code><img></code>,<code><aside></code>,<code><audio></code>,<code><canvas></code>,<code><datalist></code>,<code><details></code>,<code><embed></code>,<code><nav></code>,<code><output></code>,<code><progress></code>,<code><video></code> 等等等等。</p> <blockquote> <p>本文档就是介绍上面这种标签的</p> </blockquote> <h2>标签使用演示</h2> <p></p> <pre><code><!DOCTYPE html> <html> <head> <title>网页标题</title> </head> <body> <h1>阿西河前端教程<h1> </body> </html></code></pre> <p>上面就是 HTML 标签的使用;是一组成对使用;</p> <h2>掌握 HTML 标签的好处</h2> <p>可以更好的驾驭 HTML,HTML 可以说非常简单,当时很多有经验的前端开发都经常翻车;</p> <p>就是很多人不屑于研究;</p> <p>导致很多 HTML 标签能做的时候,因为开发者没有了解过,所以用 JS 写很多代码才实现需求;</p> <p>掌握 HTML 的所有标签,知道能做哪些事情,是非常有必要的!!!</p> <h2>本文档的阅读建议</h2> <p>建议可以按照右侧整理好的目录进行查找,我已经按照标签的功能进行归类整理了;</p> <p>这样读者按照功能去学习,同一功能下的标签有对比,有区别,有联系,会让你理解的更深刻;</p> <p>你也可以按照功能和字母查看本文参考<a href="https://www.axihe.com/api/html/html-doc/api.html" title="HTML中文帮助文档">HTML中文帮助文档</a></p>