H5+CSS3+JS逆向前置——HTMLH5基础
HTML5是HTML的最新版本,它为现代web应用程序提供了新的语义标签、图形、视频、音频等功能。以下是一些基本的HTML5元素和属性的示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>示例HTML5页面</title>
</head>
<body>
<header>
<h1>我的网站</h1>
</header>
<nav>
<ul>
<li><a href="#">主页</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">联系</a></li>
</ul>
</nav>
<section>
<article>
<header>
<h2>文章标题</h2>
</header>
<p>这是一个示例文章的内容。</p>
</article>
<article>
<header>
<h2>另一个文章标题</h2>
</header>
<p>这是另一个示例文章的内容。</p>
</article>
</section>
<aside>
<h3>侧边栏</h3>
<p>这里可以放置侧边栏内容。</p>
</aside>
<footer>
<p>版权所有 © 2023</p>
</footer>
</body>
</html>
这个示例展示了一些常用的HTML5元素,包括<header>
, <nav>
, <section>
, <article>
, <aside>
, 和 <footer>
。这些语义化的标签有助于改善搜索引擎的索引和页面的可访问性。
评论已关闭