开发者社区 问答 正文

HTML5之新增的元素和废除的元素 (声明:内容节选自《HTML 5从入门到精通》)

HTML5之新增的元素和废除的元素 (声明:内容节选自《HTML 5从入门到精通》)

展开
收起
社区秘书 2019-12-17 09:30:09 1055 分享 版权
阿里云 AI 助理回答

HTML5作为对HTML标准的一个重要升级,引入了许多新的元素以增强网页的结构化和语义化,同时也废除了一些在旧版本HTML中使用较少或已不再适用的元素。以下是一些主要的新增元素和废除的元素概览:

新增的元素

  1. <article>:表示文档、页面或应用程序中的独立内容,如新闻文章、博客帖子等。
  2. <aside>:表示和页面主要内容相关但可以独立分开的内容,如侧边栏、注释等。
  3. <details>:用于创建一个可以显示或隐藏详细信息的可折叠小部件。
  4. <figcaption>:为<figure>元素提供标题或说明文字。
  5. <figure>:用于标记媒体内容(图片、图表、视频等)及其caption(通过<figcaption>)。
  6. <footer>:定义页面或区域的底部,通常包含版权信息、联系方式等。
  7. <header>:定义页面或区域的头部,常包含导航条、logo、标题等。
  8. <main>:标识文档的主要内容,直接与文档主题相关。
  9. <mark>:高亮显示文本,比如搜索结果中的关键词匹配部分。
  10. <nav>:定义页面的导航链接部分。
  11. <section>:定义文档中的独立部分或章节。
  12. <summary>:作为<details>元素的第一个子元素,提供一个可见的摘要或标题,用户点击后展开详细内容。
  13. <time>:表示日期或时间,支持机器可读的时间格式。

废除的元素

  1. <acronym>:曾经用于缩写词,现在推荐使用<abbr>替代,并且明确缩写的全称。
  2. <applet>:用于嵌入Java小程序,已被现代Web技术如JavaScript和WebAssembly取代。
  3. <basefont>:用于设置文档中所有文本的默认字体、颜色和大小,现在应使用CSS来控制样式。
  4. <big>:用于加大字体,已被CSS的font-size属性替代。
  5. <center>:用于居中文本,现在推荐使用CSS的text-align属性。
  6. <dir>:用于目录列表,被<ul><ol>以及CSS样式替代。
  7. <font>:用于设置文本的字体、颜色和大小,同样被CSS替代。
  8. <frame>, <frameset>, <noframes>:这些与框架集相关的元素由于对SEO不友好、用户体验差及无障碍性问题,已被淘汰,推荐使用iframe或其他现代布局技术。

请注意,虽然一些元素被“废除”,但在实际开发中为了兼容老浏览器,可能仍会看到它们的身影。不过,遵循最新的标准和最佳实践,使用更语义化的元素和CSS来实现样式和布局是推荐的做法。

有帮助
无帮助
AI 助理回答生成答案可能存在不准确,仅供参考
0 条回答
写回答
取消 提交回答