與»越來越遠在我的HTML

Question

在我的新公司，他們有自己的HTML使用»像這樣的做法：

<p>» <a href="/individuals/why-washington-national">Learn more</a></p> 

當我第一次遇到這樣來到我揚了揚眉毛，但在檢查他們的網站不同瀏覽器的數量並沒有遇到任何問題。然而，在一個內部項目的會議上，我們的IT小組開始討論這個角色能夠通過第三方CMS提交內容更新的影響。

要非常清楚，他們不使用» ...代碼看起來和上面一樣。

我的選擇是將»包裝在一個範圍內，然後在需要時或使用CSS對其進行設置。思考？

Answer 1

除了引用標記»的可訪問性問題之外，HTML直接將其包含在源代碼中是完全正確的。但是，在這種情況下，目的似乎主要是裝飾性的，因此您可能需要考慮使用CSS僞元素和生成的內容來將其應用到需要的地方，並將它們全部保留在HTML之外。

HTML

<p class="raquo"> 
<a href="/individuals/why-washington-national">Learn more</a> 
</p> 

CSS

.raquo:before { 
    content: '»'; 
} 

然後，您可以使用CSS爲:before元素的風格你的心臟的內容，而無需引入不必要的<div>的，在某些情況，限制使用該角色的可訪問性影響。

順便說一句，把<div>放在<p>的內部並不是語義。