HTML布局

最新推荐文章于 2025-05-21 22:19:12 发布

原创最新推荐文章于 2025-05-21 22:19:12 发布 · 317 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html

html5 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了HTML5中关键的结构元素及其用途，如<header>、<footer>、<nav>等，这些元素有助于更好地组织网页内容并增强语义化。

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

                    
                        
                    
                    页眉和页脚
< header >、< footer >：< header >元素和< footer >元素可以用作 ：网站中出现在每个页面顶部的主页眉或者底部的主页脚；页面中单独的< article >或< section >中的页眉或页脚
导航栏
< nav >： < nav >元素专门用于包含网站的主要导航快，比如网站的主导航
文章
< article >：该元素就像是页面中任意部分（可能是单独存在的部分，也可能是联合出现的某一部分）的一个容器
附属信息
< aside >：该元素有两个作用，具体具有哪种作用取决于其是否位于< article >元素中。
当< aside >在< article >元素内出现时，它应该包含与当前文章相关的信息，而不必涉及页面的整体信息。当< aside >在< article >元素外出现时，它应该包含与整个页面相关的内容。
部分
< section >：该元素用于将相关的内容集中到一块，而且每个部分通常都带有一个标题。该元素不能作为整个页面的容器使用（除非这个页面只包含一项内容）。如果你需要一个用来包含整个页面的元素，那么这项工作最好留给< div >元素
标题组
< hgroup >：该元素的作用是将一个或多个< h1 >到< h6 >标题元素组合到一块，将他们当成一个标题来看。
图形
< figure >、< figcaption >：< figure >元素可以用来包含一篇文章正文中引用的任何内容（而不仅仅是图像）。仅当内容引用< figure >元素时才使用该元素，而不应该对页面不可或缺的内容上使用该元素。使用示例包括：图像、视频、图形、图表、代码示例、文章主体的辅助文本。
< figure >元素还应该包含一个< figcaption >元素为< figure >元素的内容提供文本说明
分节元素
< div >：在没有合适的元素用来组合一组元素时，仍可以使用< div >元素作为整个页面的包装容器来使用

                