img标签不能直接作为body的子元素

本文讨论了HTML中img标签的正确用法,指出直接将img作为body子元素可能带来的问题,推荐使用div包裹img以便更好地控制布局。

  前几天在一本教材上看到关于HTML标签嵌套规则一节的时候,看到这么一句话,“把图像作为body元素的子元素直接插入到页面中,这样是不妥的,一是结构嵌套有误,二是图像控制不方便。”后面还给了一段代码演示如下:

  当时我很不理解,难道我这些年的做法都是错误的吗?

  上网查了好多资料也没查出所以然,跟好友交流一下得到了以下结论:

    1.首先人家说的不妥,并不是不能够,这意思并不是说img 不能放到body里面,而是对整体结构来说,这样子不好控制,最好在其之外加个div来控制图片的显示位置、大小等。

    2.就是说白了一个事,不建议img标签直接放body里面,最好使用div 包裹住,img标签创建的是被引用图像的占位空间,技术角度上讲,不是img占用的,而是它的引用图像占用的空间,所以控制布局的时候就不如div 更加灵活。

转载于:https://www.cnblogs.com/clearyang/p/9293093.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值