HTML5之新增的元素和废除的元素 (声明:内容节选自《HTML 5从入门到精通》)
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
HTML5作为对HTML标准的一个重要升级,引入了许多新的元素以增强网页的结构化和语义化,同时也废除了一些在旧版本HTML中使用较少或已不再适用的元素。以下是一些主要的新增元素和废除的元素概览:
<article>
:表示文档、页面或应用程序中的独立内容,如新闻文章、博客帖子等。<aside>
:表示和页面主要内容相关但可以独立分开的内容,如侧边栏、注释等。<details>
:用于创建一个可以显示或隐藏详细信息的可折叠小部件。<figcaption>
:为<figure>
元素提供标题或说明文字。<figure>
:用于标记媒体内容(图片、图表、视频等)及其caption(通过<figcaption>
)。<footer>
:定义页面或区域的底部,通常包含版权信息、联系方式等。<header>
:定义页面或区域的头部,常包含导航条、logo、标题等。<main>
:标识文档的主要内容,直接与文档主题相关。<mark>
:高亮显示文本,比如搜索结果中的关键词匹配部分。<nav>
:定义页面的导航链接部分。<section>
:定义文档中的独立部分或章节。<summary>
:作为<details>
元素的第一个子元素,提供一个可见的摘要或标题,用户点击后展开详细内容。<time>
:表示日期或时间,支持机器可读的时间格式。<acronym>
:曾经用于缩写词,现在推荐使用<abbr>
替代,并且明确缩写的全称。<applet>
:用于嵌入Java小程序,已被现代Web技术如JavaScript和WebAssembly取代。<basefont>
:用于设置文档中所有文本的默认字体、颜色和大小,现在应使用CSS来控制样式。<big>
:用于加大字体,已被CSS的font-size
属性替代。<center>
:用于居中文本,现在推荐使用CSS的text-align
属性。<dir>
:用于目录列表,被<ul>
或<ol>
以及CSS样式替代。<font>
:用于设置文本的字体、颜色和大小,同样被CSS替代。<frame>
, <frameset>
, <noframes>
:这些与框架集相关的元素由于对SEO不友好、用户体验差及无障碍性问题,已被淘汰,推荐使用iframe或其他现代布局技术。请注意,虽然一些元素被“废除”,但在实际开发中为了兼容老浏览器,可能仍会看到它们的身影。不过,遵循最新的标准和最佳实践,使用更语义化的元素和CSS来实现样式和布局是推荐的做法。