कोड में उन्हें पार्स बग यहाँ भी है: http://jsfiddle.net/wMfMT/5/एचटीएमएल क्रोम
एचटीएमएल की यह सरल ब्लॉक:
<div>
<em><em><em><em><a href="#">fifth</a></em></em></em></em>
<em><em><em><a href="#">fourth</a></em></em></em>
<em><em><a href="#">third</a></em></em>
<em><a href="#">second</a></em>
<a href="#">first</a>
</div>
और इस सीएसएस:
em {font-size:1.2em}
Firefox पर सही ढंग से renders (प्रत्येक शब्द अलग आकार है), लेकिन क्रोम पर गलत तरीके से (पांचवां और चौथा एक ही आकार है)। सबसे पहले मैंने सोचा कि यह एक सीएसएस मुद्दा है, लेकिन फिर मैं एचटीएमएल का निरीक्षण किया और यह पता चला कि क्रोम की तरह निम्नलिखित यह गाया:
<div>
<em>
<em>
<em>
<em>
<a href="#">fifth</a>
</em>
</em>
</em>
<!-- /em missing -->
<em>
<em>
<em>
<a href="#">fourth</a>
</em>
</em>
</em>
<em>
<em>
<a href="#">third</a>
</em>
</em>
<em>
<a href="#">second</a>
</em>
<a href="#">first</a>
</em><!-- this is the lost /em -->
</div>
मेरे प्रश्न हैं:
- मेरी एचटीएमएल सही है (यह है मानक के अनुसार मानक em-s?)
- यदि हां तो क्या कोई कामकाज है? *
- क्या यह ज्ञात बग है और यदि मुझे इसकी रिपोर्ट क्यों नहीं करनी चाहिए?
*) मेरे पास यह कोड एक वर्डप्रेस प्लगइन में है, और कई लोगों ने इसे अपना स्वयं का सीएसएस जोड़कर अनुकूलित किया है, इसलिए एम से स्पैन या किसी और चीज में बदलना उनकी साइटें तोड़ देगा। मैं सीएसएस
जोड़ा गया बग रिपोर्ट में परिवर्तित करने के लिए आवश्यकता के बिना एक समाधान के लिए देख रहा हूँ: http://code.google.com/p/chromium/issues/detail?id=126096
ऐसा लगता है कि यदि आप [span'] (http://jsfiddle.net/wMfMT/6/) में "पांचवें" 'em' तत्वों के पूरे सेट को लपेटते हैं तो यह ठीक लगता है। क्या यह एक स्वीकार्य परिवर्तन है, या यह आपके उपयोगकर्ताओं को भी प्रभावित करेगा? –
मैं कोशिश करता हूं, मुझे विश्वास है कि 90% के लिए काम करना चाहिए, क्योंकि मेरे उदाहरणों में मैंने सीएसएस का उपयोग किया जो ठीक होगा – Gavriel
हाँ यह काम करता है! धन्यवाद! – Gavriel