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