HTML5 是 HTML 的最新版本,引入了许多新的元素和功能,使得网页开发更加简单和灵活。在本章节中,我们将介绍一些 HTML5 中的新元素,并讨论它们的用途和示例代码。
1. <header>
<header>
元素用于定义文档或节的页眉。通常包含网站的标题、logo、导航菜单等内容。
示例代码:
-------- ------ ------------ ----- ---- ------ ---------------------- ------ ----------------------- ------ ------------------------- ----- ------ ---------
2. <footer>
<footer>
元素用于定义文档或节的页脚。通常包含版权信息、联系方式、网站地图等内容。
示例代码:
-------- --------- ---- -- -------- --- ------ ------------- --------- ---------------------- ---------
3. <section>
<section>
元素用于定义文档中的一个节或区块。通常用于组织相关内容,如文章的章节、产品的介绍等。
示例代码:
--------- ----------- ------ -------- ----- ----- --- ----- ----------- ---------- --------- ----------
4. <article>
<article>
元素用于定义独立的内容,如一篇文章、一篇博客等。可以包含标题、作者、发布日期等信息。
示例代码:
--------- ----------- ---------- ----- ---- ------- ------------ -- ------- -- -------- -------- ----- ----- --- ----- ----------- ---------- --------- ----------
以上是 HTML5 中一些常用的新元素,通过合理使用这些元素,可以使网页的结构更加清晰和语义化。在实际项目中,可以根据需要结合这些元素来构建具有良好结构的网页。