摘要:之后我去去查标签相关的资料终于知道为什么渲染总是出问题了,官方解释是这样的的起始标签是必需的,结束标签在以下情形中可以省略。
这几天在用VUE-CLI做一个demo,然后在渲染一个列表的时候遇到了一个挺不可思议的事情:
用户评价({{value.evaluatenumber}})
{{value.percent}}好评
渲染后我在浏览器里面得到的结果是
然后我把p标签换成aside之后,得到的结果是这样的:
这让我很懵逼。。。。
之后我去MDN去查P标签相关的资料(https://developer.mozilla.org...)
终于知道为什么渲染总是出问题了,官方解释是这样的
P的起始标签是必需的,结束标签在以下情形中可以省略。元素后紧跟, , , ,
,, , , , , , , , , ,
,
, , ,, , ,
,
或另一个
我的P标签后面的元素是h3,这会被填充内容后解析为我省略了P标签的闭合标签,所以就渲染出了一个空的P标签,后面的闭合标签同理,刚开始我还考虑过是不是VUE的模板是不是有什么问题,但是我很快否定了这个想法,毕竟VUE出现了这么久,也迭代了很多个版本,这种问题不可能会出现。
总结一下就是HTML5的标准还是需要再去多了解多总结~文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/51708.html
相关文章
IMWeb前端提升营七天学习总结
摘要:写在前面月到这天,前端提升营,腾讯大佬们分享个人经验,使出各种前端方面的大招。并且减轻服务器的负担,的原则是按需取数据,可以最大程度的减少冗余请求和响应对服务器造成的负担。控制表单控件的禁用状态。 写在前面 5月24到30这7天,IMWeb前端提升营,腾讯大佬们分享个人经验,使出各种前端方面的大招。从中学习了很多前端方面的知识,也get到了前端学习的方法论,还有一些算法知识等等。 现将...
使用H5新标签重构旧项目时的思考
摘要:最基本的元素选择器比如选择器比如类选择器比如在代码中常常用到,还有一些偶尔用到的兄弟选择器比如子选择器比如通用选择器。显然,关键选择器中类选择器会比标签选择器匹配更少的元素,浏览器能够更快的找到它们并渲染。 常用H5结构标签 在HTML 5中,为了解决文档结构不够清晰、明确,追加了很多跟结构相关的元素。 header元素 header元素是一种具有引导和导航作用的结构元素,通常用来放置...
发表评论
0条评论
wapeyang
男|高级讲师
TA的文章
阅读更多
mnist
阅读 2808·2023-04-25 20:06
极光KVM:2核/2G/50G/1T流量/100Mbps/洛杉矶三网GIA/年付249元,普通套餐5
阅读 1427·2021-08-26 14:15
#七夕促销#VoLLcloud:香港CMI三网直连VPS七折优惠,100Mbps起,月付低至$2.8
阅读 2176·2021-08-12 13:27
前端基本功-示例代码(一)
阅读 1737·2019-08-30 15:55
CSS之元素居中
阅读 3428·2019-08-30 13:20
Tranform + Transitions + Animation
阅读 2796·2019-08-29 15:12
深入理解-CSS内联元素之line-height
阅读 3305·2019-08-29 15:06
CSS渐变之背景、边框、字体渐变
阅读 2831·2019-08-29 14:13
阅读需要支付1元查看