网站前端设计div详细介绍
web前端，前端基础建设使用元素的介绍。前端有很多的元素这里先抛开javascript的东西，单谈谈 div。在html5之前只有div元素，在最新的规则里 div因为不同的用途或者说位于页面不同当地放，大致可以分为以下几种方面。
操作方法
- 01
首先就是“div”，普通的div是最原始的一种，当然功能也是没有被设定的，就像一张白纸一样，利用 style 可以对其进行 例如 width height background 等设定。属于最常用的div
- 02
第二种就是“nav”，这是一种在导航栏设定的div，前期如果在设定导航栏时我们会通常使用<div id="nav"></div>,在html5中我们还可以使用这个 <nav></nav>来代替之前的原始写法有助于 我们对界面的把握和划分区域。
- 03
第三种就是“main”，这个经常在网站前端的主体，也就是说在除了nav footer的时候我们前端的主体就是包括在这个main里面标签的话就是<main></main>
- 04
第四种就是“article”，这种div主要是用在有大篇幅的文字的场景，例如说在一个论坛中，主体文字就包括在这个article中，article首行会有一个“p”的效果在，标签 <article></article>.
- 05
第五种就是“aside”就是在网站的主体div之外的侧边来进行定义的div例如悬浮于侧面的 那个div 比如 使用 position的 fixed固定的那个 微信公众号添加悬浮div或者是向下按钮的 div 一般这类div就是一个辅助类的div。
- 06
第六种就是就是footer标签是 <footer></footer>,这种标签就是定义在最下面的div，通常使用 width为100%来填充整个界面。
赞 (0)