एच 1, एच 2, एच 3, एच 4 टैग ब्लॉक या इनलाइन तत्व हैं?

Question

क्या यह एच 1, एच 2, एच 3 या एच 4 तत्व के अंदर पाठ का रंग बदलने के लिए सही HTML है? क्या वे स्तर को अवरुद्ध कर रहे हैं?

उदाहरण

<h1><span style="color:#ABAB">#500</span> Hello world</h1> 

Answer 1

के लिए वे ब्लॉक तत्व हैं।

आप HTML 4.01 सख्त DTD को देखें, तो:

<!ENTITY % heading "H1|H2|H3|H4|H5|H6"> 

<!ENTITY % block 
    "P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT | 
     BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS"> 

तो, वे सब %heading संस्थाओं, जो बारी में %block संस्थाओं का हिस्सा हैं के रूप में परिभाषित कर रहे हैं।

यदि आप रंग बदल सकते हैं के बारे में प्रश्न के लिए के रूप में - कि अभी स्टाइल है और ठीक है, हालांकि मैं एक सीएसएस फ़ाइल में ऐसा होता है, अनुरूप नहीं:

H1, H2, H3, H4, H5, H6 
{ 
color: #ccccc; 
} 

Answer 2

हाँ हेडर ब्लॉक स्तर हैं।

एक और नोट पर

, #ABAB मान्य रंग :)

Answer 3

सबसे अच्छा pracktace पहले शैलीपत्रक में CSS शैली बनाने नहीं है।

h1 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 18px; 
font-weight: bold; 
color: #000000; 
} 

Answer 4

हाँ यह सही तरीका है, यदि आप इनलाइन सीएसएस का उपयोग करना चाहते हैं।

h1.title span{ 
color:#ABABAB; 
} 

फिर हाँ h6 को h1 एक ब्लॉक स्तर है: अन्यथा एक वर्ग

<h1 class="title"><span>#500</span> Hello world</h1> 

कहना अब इसकी Css है या नहीं।

Answer 5

रंग फ़ॉन्ट रंग बदलता है, पृष्ठभूमि रंग नहीं, इसलिए तकनीकी रूप से यह समान रूप से सही है। हालांकि, ऐसा करने का मतलब है कि इस शैली के साथ आप जो भी शीर्षलेख चाहते हैं, उसके लिए आपको एक स्पैन टैग निर्दिष्ट करना होगा जैसा आपने किया है।

बेहतर समाधान अगर आप चाहते हैं हमेशा प्रभाव में पाना h1 टैग निम्नलिखित कोड के साथ एक स्टाइलशीट शामिल करने के लिए हो सकता है के लिए:

h1 { 
    color: #ABABAB 
} 

Answer 6

हाँ, एक H1 टैग के भीतर एक span अनुमति दी है। आप W3C Reference page for the h1 tag पर देख सकते हैं:

अनुमति सामग्री: शब्दों सामग्री

और शब्दों सामग्री सामान्य पाठ के साथ ही अपने span तत्व (और कई अन्य तत्वों के रूप में इस reference page for phrasing content पर देखा जा सकता है।

ओह, हाँ, और शीर्षक टैग ब्लॉक तत्वों पता लगाने के लिए एक तत्व ब्लॉक स्तर या इनलाइन elemen है कि क्या सबसे आसान तरीका है।

Answer 7

टी इसके चारों ओर एक सीमा रखना है।

एचटीएमएल

<h1> Heading 1 </h1> 
<span> Span </span> 

सीएसएस jsFiddle पर

h1 { 
    border: 2px solid green; 

} 

span { 
    border: 2px solid blue; 
} 

अधिक उदाहरण हैं।