摘要:之后我去去查標簽相關的資料終于知道為什么渲染總是出問題了,官方解釋是這樣的的起始標簽是必需的,結束標簽在以下情形中可以省略。
這幾天在用VUE-CLI做一個demo,然后在渲染一個列表的時候遇到了一個挺不可思議的事情:
用戶評價({{value.evaluatenumber}})
{{value.percent}}好評
渲染后我在瀏覽器里面得到的結果是
然后我把p標簽換成aside之后,得到的結果是這樣的:
這讓我很懵逼。。。。
之后我去MDN去查P標簽相關的資料(https://developer.mozilla.org...)
終于知道為什么渲染總是出問題了,官方解釋是這樣的
P的起始標簽是必需的,結束標簽在以下情形中可以省略。元素后緊跟, , , ,
,, , ,
, , , , , , , ,
, , ,, , ,
,
或另一個
我的P標簽后面的元素是h3,這會被填充內容后解析為我省略了P標簽的閉合標簽,所以就渲染出了一個空的P標簽,后面的閉合標簽同理,剛開始我還考慮過是不是VUE的模板是不是有什么問題,但是我很快否定了這個想法,畢竟VUE出現了這么久,也迭代了很多個版本,這種問題不可能會出現。
總結一下就是HTML5的標準還是需要再去多了解多總結~文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/51708.html
相關文章
IMWeb前端提升營七天學習總結
摘要:寫在前面月到這天,前端提升營,騰訊大佬們分享個人經驗,使出各種前端方面的大招。并且減輕服務器的負擔,的原則是按需取數據,可以最大程度的減少冗余請求和響應對服務器造成的負擔。控制表單控件的禁用狀態。 寫在前面 5月24到30這7天,IMWeb前端提升營,騰訊大佬們分享個人經驗,使出各種前端方面的大招。從中學習了很多前端方面的知識,也get到了前端學習的方法論,還有一些算法知識等等。 現將...
使用H5新標簽重構舊項目時的思考
摘要:最基本的元素選擇器比如選擇器比如類選擇器比如在代碼中常常用到,還有一些偶爾用到的兄弟選擇器比如子選擇器比如通用選擇器。顯然,關鍵選擇器中類選擇器會比標簽選擇器匹配更少的元素,瀏覽器能夠更快的找到它們并渲染。 常用H5結構標簽 在HTML 5中,為了解決文檔結構不夠清晰、明確,追加了很多跟結構相關的元素。 header元素 header元素是一種具有引導和導航作用的結構元素,通常用來放置...
發表評論
0條評論
wapeyang
男|高級講師
TA的文章
閱讀更多
mnist
閱讀 2825·2023-04-25 20:06
極光KVM:2核/2G/50G/1T流量/100Mbps/洛杉磯三網GIA/年付249元,普通套餐5
閱讀 1446·2021-08-26 14:15
#七夕促銷#VoLLcloud:香港CMI三網直連VPS七折優惠,100Mbps起,月付低至$2.8
閱讀 2234·2021-08-12 13:27
前端基本功-示例代碼(一)
閱讀 1772·2019-08-30 15:55
CSS之元素居中
閱讀 3469·2019-08-30 13:20
Tranform + Transitions + Animation
閱讀 2826·2019-08-29 15:12
深入理解-CSS內聯元素之line-height
閱讀 3330·2019-08-29 15:06
CSS漸變之背景、邊框、字體漸變
閱讀 2858·2019-08-29 14:13
閱讀需要支付1元查看