什么时候div写在a里面,什么时候a写在div里?

什么时候div写在a里面,什么时候a写在div里?

http://img1.sycdn.imooc.com//climg/5a8105560001bbd719201080.jpg

http://img1.sycdn.imooc.com//climg/5a8105560001f11418330766.jpg

1、menu-item里为啥要加a标签,并没有跳转呀,这里不太明白为啥要这样写..

2、然后下面的图片轮播里,把div写在a标签里面,也不是很明白为什么要这样,

我在F12控制台看,div虽然有高度,但无法撑起父标签a的高度的,

即a标签的高度为0,子标签div的高度为460px

那这样即使在图片轮播的a标签中加入链接,a标签的大小为0*0,点到的不是div吗,还能实现跳转吗?

3、什么时候div写在a里面,什么时候a写在div里?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

http://img1.sycdn.imooc.com//climg/5a813d460001449912320417.jpg实际上这个a的宽度和高度是自适应的,因为图片的载体div在a标签内,因此,假设a标签设置了超链接,点击图片是可以实现跳转的

  • 咖喱炒饭 提问者 #1
    哈哈,知道啦 感谢~
    2018-02-12 16:35:53
喜欢做梦的鱼 2018-02-12 12:09:06

1、menu-item里为啥要加a标签,并没有跳转呀,这里不太明白为啥要这样写
答:这里老师虽然没有写链接跳转,但是一般是实现跳转的(譬如慕课的官网轮播图),点击http://img1.sycdn.imooc.com//climg/5a81134d0001065f10210433.jpg

是会跳转到相应分类的课程页面的
2、然后下面的图片轮播里,把div写在a标签里面,也不是很明白为什么要这样,
答:一般官网上点击图片是可以跳转到相应的内容页面的。
其中1、2两条都不是固定的,可以根据具体的需求进行代码编写,也可以不放链接
3、div虽然有高度,但无法撑起父标签a的高度的,即a标签的高度为0,子标签div的高度为460px
答:这个是因为.banner-slide设置了position:absolute绝对定位,脱离文档流导致的

祝学习愉快~~

  • 提问者 咖喱炒饭 #1
    1、2都ok,第三条那个a标签的尺寸为0*0,子元素div的尺寸为1200*460,那么只点击子元素所在位置,也相当于点击a标签实现跳转?是这样吗
    2018-02-12 14:20:24
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10204    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师