标签嵌套规范、网站结构制作实例笔记

本文深入探讨了网页设计中标签嵌套规范的重要性,并通过对比两种常见结构,揭示了如何在简化操作的同时提升网页的兼容性和用户体验。重点介绍了如何在不影响其他元素的情况下,灵活运用 div 和 a 标签来实现图片链接的优化,以及这种设计在不同浏览器环境下的表现。此外,文章还强调了选择合适结构对于维护网站兼容性的关键作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.      标签嵌套规范:p标签里不能包含块标签。如果p标签内放入了块标签,将导致解析错误,比如说可能会解析出两个块。但是可以将内嵌元素放入到p标签后,让内嵌元素display成block。这时,就不会出现上述解析错误。

2.      两种结构进行优劣比较:

a)        <li>

<a href=”#”>

         <img src=”#”/>

         <strong>#</strong>

</a>

</li>

b)        <divclass=”pic”>

<a href=”#”>

         <img src=”#”/>

</a>

</div>

<h3><a href=”#”>#</a></h3>

优劣比较:a结构比b结构简单;但b结构的扩展性比a结构好,可以形成子菜单等;而且假如图片显示不出来了,b结构只需给图片区域设置图片宽高大小,就不会给其他部分带来改变,但是a结构给图片设置宽高大小,在火狐下还是会给其他部分带来改变,因此b结构更容易做兼容。故而,推荐b结构!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值