你觉得html的标签(包括html5)总共有多少个?它们是如何分类的?

HTML标签的总数不是一个固定的数字,它会随着HTML标准的演进而变化。W3C(万维网联盟)会定期更新和添加新的标签。 因此,与其关注确切的数字,不如了解如何查找最新的标签列表以及它们的分类方法。

一个比较好的估计是超过 100 个。 你可以在 W3Schools 或 MDN Web Docs 等网站上找到最新的完整列表。

HTML 标签的分类方式有很多种,以下是一些常见的分类维度:

  • 按功能分类: 这是最常用的分类方式,可以帮助开发者快速找到需要的标签。

    • 根元素: <html> 整个HTML文档的根元素。
    • 文档元数据: <head>, <title>, <meta>, <link>, <style>, <base>, <script> 包含关于HTML文档的信息,例如标题、字符集、样式表链接等。
    • 内容分区: <body>, <article>, <section>, <nav>, <aside>, <header>, <footer>, <main> 用于划分页面不同的内容区域。
    • 文本内容: <h1> - <h6>, <p>, <span>, <br>, <hr>, <pre>, <blockquote>, <q>, <cite>, <abbr>, <address>, <dfn>, <em>, <strong>, <small>, <mark>, <del>, <ins>, <sub>, <sup>, <time>, <wbr> 用于显示和格式化文本内容,例如标题、段落、换行、引用等。
    • 内嵌元素: <a>, <img>, <iframe>, <embed>, <object>, <video>, <audio>, <canvas>, <map>, <picture>, <svg>, <math> 在文本或其他内容中嵌入其他资源,例如链接、图片、视频、音频等。
    • 列表: <ul>, <ol>, <li>, <dl>, <dt>, <dd> 用于创建各种类型的列表,例如无序列表、有序列表和定义列表。
    • 表格: <table>, <caption>, <thead>, <tbody>, <tfoot>, <tr>, <th>, <td>, <colgroup>, <col> 用于创建表格。
    • 表单: <form>, <input>, <textarea>, <button>, <select>, <option>, <optgroup>, <label>, <fieldset>, <legend>, <datalist>, <output> 用于创建用户交互表单。
    • 交互元素: <details>, <summary>, <dialog> 用于创建可交互的元素,例如折叠面板和对话框。
    • Web Components: <template>, <slot> 用于创建可复用的Web组件。
  • 按语义分类: HTML5 引入了许多语义化标签,这些标签清晰地表达了内容的含义,有助于提高页面的可访问性和SEO。例如 <article>, <aside>, <nav>, <header>, <footer> 等。

  • 按块级/内联元素分类:

    • 块级元素 (block-level): 会独占一行,例如 <p>, <h1>, <div>, <ul>, <form> 等。
    • 内联元素 (inline-level): 只占据内容所需的空间,不会换行,例如 <span>, <a>, <img> 等。
  • 按是否被废弃分类: 有些标签在HTML的新版本中已经被废弃,不再推荐使用,例如 <font><center> 等。

了解这些分类方法,可以帮助你更好地理解和使用HTML标签,构建语义化、结构良好、易于维护的网页。 记住,持续学习和参考最新的 W3C 标准至关重要。

posted @   王铁柱6  阅读(16)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示