首页 > 其他分享 >HTML5基础之结构元素

HTML5基础之结构元素

时间:2024-01-14 21:00:33浏览次数:31  
标签:元素 划分 区域 HTML5 文章 结构 页面

结构元素

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

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

 

1.header元素

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

 

2.nav元素

  用于定义导航链接

 

3.article元素

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

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

 

4.aside元素 

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

5.section元素

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

6.footer元素

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

 

重要说明:

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

标签:元素,划分,区域,HTML5,文章,结构,页面
From: https://www.cnblogs.com/xiaochenshi/p/17964184

相关文章

  • 程序控制结构
    顺序控制分支控制单分支if双分支多分支嵌套分支在一个分支结构中又完整的嵌套了另一个完整的分支结构,里面的分支的结构称为内层分支外面的分支结构称为外层分支。建议:不要超过3层(可读性不好)基本语法:if(){if(){//if-else...}else{//if-else.........
  • 吴师兄学算法day06 双指针 27. 移除元素
    题目:27. 移除元素易错点:差点猛住了,可以用pass顺着逻辑来识别代码示例:classSolution:defremoveElement(self,nums:List[int],val:int)->int:slow=0forfastinrange(len(nums)):ifnums[fast]==val:#删除......
  • [刷题班] LeetCode27. 移除元素
    题目描述思路:快慢指针slow指针:其前面都是数值不等于val的元素。fast指针:用于遍历。方法一:classSolution{publicintremoveElement(int[]nums,intval){intslow=0,fast=0;for(;fast<nums.length;fast++){if(nums[fas......
  • 数据结构-------单链表
    单链表:在计算机科学中,链表是数据元素的线性组合,元素储存上并不连续。可以分为:单向链表、双向链表、循环链表 单向链表:首先,定义结点的类型,它包括值和下一个结点 相关java代码:1privateNodehead;//定义头部结点2publicclassNode{3privateint......
  • Oracle怎样写一个sql,将一个不同的表结构的数据迁移到另一个表中,其中有字段需要有映射
    要将一个表的数据迁移到另一个表,并且需要进行字段映射和值转换,可以使用以下步骤:创建目标表:CREATETABLE目标表名(目标字段1数据类型,目标字段2数据类型,...);插入数据并进行字段映射和值转换:INSERTINTO目标表名(目标字段1,目标字段2,...)SELECTCASEWH......
  • 写代码时如何合理的画图表达逻辑结构
    在解决编程基础练习题时,使用图表是一种非常有效的方法,可以帮助你更清晰地表达逻辑结构。以下是一些建议:流程图:流程图是表达程序逻辑结构最常见的一种图表。在流程图中,你可以使用不同的图形表示不同的操作,如矩形表示处理步骤,菱形表示判断条件,箭头表示流程的流向。......
  • 成绩管理系统软件体系结构设计说明书
    ......
  • 技术解密:如何巧妙设计层级结构,轻松解决中间节点删除的挑战?
    嗨,大家好,我是小米!今天我们要聊的话题是一个非常有趣而且挑战性的面试题:“数据是层级结构的,怎么设计方便查询和修改?如果删除中间一个节点,如何保证不改大量数据?”废话不多说,让我们直接跳入这个充满技术乐趣的话题吧!数据结构与层级结构首先,让我们来回顾一下数据结构中的层级结构。在计......
  • Microsoft 365 新功能速递:Teams即将发布一线运营层次结构功能
    51CTOBlog地址:https://blog.51cto.com/u_13969817微软将在2024年1月份发布FrontlineOperationalHierarchy新功能,将使管理员能够将其组织的一线团队/地点结构映射到团队管理中心的层次结构。管理员可以为每个团队/地点定义从部门信息到品牌信息元数据的元数据。操作层次结构与此......
  • Layui官网—基础菜单 - 页面元素
    菜单是页面必不可少的元素,我们希望它是通用的,所以在结构上,它的组成极其灵活。而事实上,在基础菜单还没有正式推出之前,垂直导航(layui-nav-tree)曾顶替了它的角色,尤其是在管理系统中发挥了举足轻重的作用。尽管它们本质上都属于「菜单」的范畴,但我们姑且约定将水平的称之为「导航」,垂直......