HTML5新特性详解-优快云博客

本文链接：https://blog.youkuaiyun.com/shaowei828/article/details/78603873

本文介绍了HTML5作为HTML、XHTML及HTML DOM的新标准所带来的变化。重点讲述了HTML5的新元素、新属性及其对CSS3的支持，并列举了一系列新增的语义化元素标签。此外，文章还提到了废弃的HTML4元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>龙门课栈</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search

HTML5 的改进

1）新元素
2）新属性
3）完全支持 CSS3
4）Video 和 Audio
5）2D/3D 制图
6）本地存储
7）本地 SQL 数据
8）Web 应用

* Html5 新增的语义化元素标签*

<article>   定义页面独立的内容区域。
<aside>     定义页面的侧边栏内容。
<bdi>       允许您设置一段文本，使其脱离其父元素的文本方向设置。
<command>   定义命令按钮，比如单选按钮、复选框或按钮
<details>   用于描述文档或文档某个部分的细节
<dialog>    定义对话框，比如提示框
<summary>   标签包含 details 元素的标题
<figure>    规定独立的流内容（图像、图表、照片、代码等等）。
<figcaption>    定义 <figure> 元素的标题
<footer>    定义 section 或 document 的页脚。
<header>    定义了文档的头部区域
<mark>      定义带有记号的文本。
<meter>     定义度量衡。仅用于已知最大和最小值的度量。
<nav>       定义导航链接的部分。
<progress>  定义任何类型的任务的进度。
<ruby>      定义 ruby 注释（中文注音或字符）。
<rt>        定义字符（中文注音或字符）的解释或发音。
<rp>        在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
<section>   定义文档中的节（section、区段）。
<time>      定义日期或时间。
<wbr>       规定在文本中的何处适合添加换行符。

废弃html4 的元素

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>

什么是html5