以下是一些 HTML5 和 CSS3 的基本示例，可以帮助您更好地理解和使用这些技术。
HTML5 示例
HTML5 引入了许多新的元素和功能，以下是一个简单的 HTML5 页面示例：
<!DOCTYPE html>
<html>
<head>
<title>HTML5 示例</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个 HTML5 示例。</p>
<a href="/en/tools/html5_css3_examples">更多示例</a>
</body>
</html>
CSS3 示例
CSS3 增加了许多新的样式和动画效果，以下是一个简单的 CSS3 示例：
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
color: #333;
text-align: center;
}
a {
color: #0066cc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
CSS3 示例效果
更多关于 HTML5 和 CSS3 的内容，请访问我们的 HTML5 教程 和 CSS3 教程。
## HTML5 与 CSS3 优势
使用 HTML5 和 CSS3 有以下优势：
- **更简洁的代码**：HTML5 引入了许多新元素，使代码更加简洁。
- **更丰富的样式**：CSS3 提供了更多的样式和动画效果，使网页更加美观。
- **更好的兼容性**：HTML5 和 CSS3 在各种浏览器上都有良好的兼容性。
