HTML5基础之结构元素

结构元素

   结构元素是将显示区域通过结构元素方式进行方位上的划分,以方便后续的管理或样式上的设置

   提醒:结构划分,仅体现在标记上,在显示或功能上无区别(美化方面由后面的样式实现)

 

1.header元素

  显示区域的头部,即网页显示区域的项部空间。

 

2.nav元素

  用于定义导航链接

 

3.article元素

  文档、页面或者应用程序中与上下文不相关的独立部分,该元素主要用于定义一篇日志、新闻等(即相当于一个独立的文章)

 以一篇文章为例,整个文章即是一个article元素,文章又被划分为头、章节等,头为标题、摘要等,用header元素实现;章节即为文章的正文部分,由若干个section组成。

 

4.aside元素 

用于包含页面附属信息部分,如引用、侧边栏、广告、导航等显示块区域 

5.section元素

用于对于网站或应用页面上的内容进行分块-,如果是文本区域的话,可以理解成文章中的一个章节内容

6.footer元素

 定义一个页面或区域的底部元素

 

重要说明:

   以上结构仅是人为的划分,在使用中没有特别的限制,在显示方面也没有特殊的格式或区域上的划分

posted @   我是菜鸟请多多指教  阅读(71)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示