网站前端设计div详细介绍

 时间:2026-02-16 18:02:21

1、首先就是“div”,普通的div是最原始的一种,当然功能也是没有被设定的,就像一张白纸一样,利用 style 可以对其进行 例如 width height background 等设定。属于最常用的div

网站前端设计div详细介绍

2、第二种就是“nav”,这是一种在导航栏设定的div,前期如果在设定导航栏时我们会通常使用<div id="nav"></div>,在html5中我们还可以使用这个 <nav></nav>来代替之前的原始写法有助于 我们对界面的把握和划分区域。

网站前端设计div详细介绍

3、第三种就是“main”,这个经常在网站前端的主体,也就是说在除了nav footer的时候我们前端的主体就是包括在这个main里面标签的话就是<main></main>

网站前端设计div详细介绍

4、第四种就是“article”,这种div主要是用在有大篇幅的文字的场景,例如说在一个论坛中,主体文字就包括在这个article中,article首行会有一个“p”的效果在,标签 <article></article>.

网站前端设计div详细介绍

5、第五种就是“aside”就是在网站的主体div之外的侧边来进行定义的div例如悬浮于侧面的 那个div 比如 使用 position的 fixed固定的那个 微信公众号添加悬浮div或者是向下按钮的 div 一般这类div就是一个辅助类的div。

网站前端设计div详细介绍

6、第六种就是就是footer标签是 <footer></footer>,这种标签就是定义在最下面的div,通常使用 width为100%来填充整个界面。

网站前端设计div详细介绍

  • 奶茶店铺设计五步走
  • 奇迹暖暖S级攻略-上海烟云梦套装获取攻略
  • 学生学习差的原因分析
  • 吃西餐的规则有哪些?
  • 入厂或者进公司前应该知道l了解什么
  • 热门搜索
    鼻窦炎怎么治 暖瓶里的水垢怎么去除 红米手机怎么样 眼睛充血怎么快速消除 马怎么叫 excel怎么做柱状图 赵薇事件是怎么回事 个人简历籍贯怎么填 猥亵怎么读 文件后缀名怎么显示