怎么在DIV加链接？

1.通过window.open函数

<div onclick="window.open('www.baidu.com')">在新窗口跳转至百度</div>

<div onclick="window.open('www.baidu.com','_self')">在当前窗口跳转至百度</div>

2.通过window.location.href函数

<div onclick="window.location.href= 'www.baidu.com'return false">在当前窗口跳转至百度</div>

现在做网页，通常用 div 当作容器。这里可以把一个 div 理解为一个 delphi 的 TPanel。

在 Delphi 里面，可以用 Panel 套 Panel 的方式来布局，然后设置各个 Panel 的 Align 属性。

现在 html5 的网页开发，是拿 div 套 div 来布局。然后用 css 来定义 div 该怎么摆。因此，这里就是多层 div 嵌套。

假设要对某一层 div 做一个链接，点击后会导航到另外一个链接地址。这时候，不能给 div 外面写 <a href="xxxxx">这种代码。如果这样写，会破坏 div 的嵌套框架，搞乱页面布局。

用onclick开启一个事件，然后打开窗口，在css中定义鼠标的形状。

可以把<div>想象成一个盒子，也可以把它想成一个容器。

一·页面的构成元素形状都是矩形的，严格的说，元素形成了一个矩形的区域，这个区域就是CSS中最基本的布局要素，      常被称作"box"，你可以在很多W3CCSS2.1规范的原文中看到"box"这个字眼。

二·"BoxModule"，通常被译作“盒子模型”，有的地方被译作“框模型”。      因为W3C的很多地方用到了"box"这个词，有些地方译作“盒子”不大通顺，所以也可译作“框”。

三·为了给文档树中的各个元素排版定位（布局），浏览器会根据渲染模型为每个元素生成四个嵌套的矩形框，

分别称作contentbox、paddingbox、borderbox和marginbox，它们是不可分割的，并可能会重合，

这就是CSS规范中描述的“框模型”（boxmodel）。它是以CSS的角度去看一个元素被渲染后的抽象形态。

在WEB前端开发中,HTML,CSS,JS这三家三驾马车分别代表着结构，展示，和交互。

在web1.0的时代，页面的逻辑并不是特别复杂，对用户体验的要求也不是很高，table被大量开发者用来做布局元素，横跨结构和展示两个部分，是很“重”的。