为了账号安全,请及时绑定邮箱和手机立即绑定

【案例分析】html nav使用中的小问题

标签:
Html/CSS Html5

图片描述
学了很久的基础知识,本小白开始实践项目,在最近的一个项目中,采用了html5的新标签,过程中遇到一些小问题,于是尝试着自己解决去发现问题。可能有些同学在做的过程中会遇到类似问题,想来这里和大家分享,也权当自己的项目比较。
首先,html5中的nav标签对浏览器的兼容性为Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari。
项目过程中,我采用标准美观的编程方式如下
图片描述

运行之后,当我鼠标滑过第二个a标签,发现会有几像素的间隙

图片描述

于是我给每个a标签加上1像素边框,运行结果为每个a标签都会有几像素的间隙
图片描述
最后我解决方式是将a标签之间的空格全部删去
图片描述
便解决了问题
图片描述
因此, 我初步认为nav标签会解析标签之间的空格和换行符等文本节点。

欢迎大家指教和评论,谢谢!

点击查看更多内容
7人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消