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来实现样式和布局是推荐的做法。