html基础笔记与html5代码展示
以下是一个简单的HTML5页面示例，包含了基本的页面结构和一些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="#home">首页</a></li>
<li><a href="#news">新闻</a></li>
<li><a href="#contact">联系我们</a></li>
<li><a href="#about">关于</a></li>
</ul>
</nav>
<section id="home">
<article>
<header>
<h2>欢迎来到我的网站</h2>
</header>
<p>这是一个示例段落。</p>
</article>
</section>
<section id="news">
<article>
<header>
<h2>最新新闻</h2>
</header>
<p>这里展示最新的新闻内容。</p>
</article>
</section>
<footer>
<p>版权所有 © 我的网站</p>
</footer>
</body>
</html>这个示例展示了HTML5中常见的元素，包括<header>, <nav>, <section>, <article>, 和 <footer>。这些语义化的标签有助于搜索引擎理解页面内容，同时也提高了代码的可读性和可维护性。
评论已关闭