क्या हम H1 टैग के अंदर एक <span> जोड़ सकते हैं?


96

क्या H1 टैग के अंदर स्पैन टैग का उपयोग करना एक उचित विधि है?

<h1>
    <span class="boardit">Portfolio</span>
</h1>

मुझे पता है कि हम इसे इस तरह से लिख सकते हैं ... और अपनी वेबसाइट में नीचे दिए गए वाक्यविन्यास का अनुसरण भी कर रहा हूं।

<h1 class="boardit">
  <span>Portfolio</span>
</h1>

हालाँकि, मैं बस html के क्लीनर रूप जानना चाहता था ..


3
@ असफ़ल मुझे लगता है कि वह जो सही है उसका मैं पालन करना चाहता हूं, मेरे मतलब के टैग के शब्दार्थ।
dpp

2
अगर आपको जानकारी नहीं मिली है तो आप उत्तर के रूप में अंकित करना न भूलें
प्रणय राणा

शीर्षकों में स्पैन डालना शब्द रैपिंग के साथ मुद्दों को प्रस्तुत करता है। क्या किसी और ने इसका अवलोकन किया है?
राफेल

1
कभी किसी पाठ को लपेटने की कोशिश की है जो एक अवधि में है? और कैसे पाठ को लपेटने के बारे में है कि किसी भी ब्लॉक तत्व में है? @ राफेल
डैनियल स्प्रिंगर

जवाबों:


180

हाँ तुम कर सकते हो।

HTML4 में यह कहना है :

<!ENTITY % heading "H1|H2|H3|H4|H5|H6">
<!--
  There are six levels of headings from H1 (the most important)
  to H6 (the least important).
-->

<!ELEMENT (%heading;)  - - (%inline;)* -- heading -->

और %inline;है:

<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">

और %special;शामिल हैं <span>

वर्तमान HTML में यह कहना है :

सामग्री सामग्री
Phrasing सामग्री

और Phrasing सामग्री शामिल है <span>


1
"एचटीएमएल 5 का यह कहना है" से लिंक टूट गया है :(
mehulkar

@mehulkar मुझे बताने के लिए धन्यवाद, अब तय किया जाना चाहिए।
म्यू

30

हाँ तुम कर सकते हो। इसका उपयोग h1 ब्लॉक के एक भाग को प्रारूपित करने के लिए किया जा सकता है:

<h1>Page <span class="highlight">Title</span></h1>

यदि शैली पूरे h1 ब्लॉक पर लागू होती है, तो मैं यह करता हूं:

<h1 class="highlight">Page Title</h1>

1
@ डीपी को किसी को प्रस्तुतिकरण के नामों के उपयोग से क्यों बचना चाहिए?
एनयू एवरेस्ट

एक अच्छा, धन्यवाद
जोइमे काजांडब

3

हां, यह आम तौर पर spanअंदर का उपयोग करने के लिए ठीक है h1spanएक इनलाइन तत्व है, इसलिए आमतौर पर इसे किसी भी चीज़ के अंदर उपयोग करना ठीक है (जो इसके अंदर के तत्वों की अनुमति देता है!)

और कभी-कभी ऐसा करने के लिए वास्तव में एक क्लीनर तरीका नहीं है, कहो कि क्या आप केवल भाग को स्टाइल करना चाहते हैं h1

दूसरी ओर ... यदि यह आवश्यक नहीं है तो ऐसा न करें, क्योंकि यह थोड़ा बदसूरत है:)



1

हाँ तुम कर सकते हो। स्पैन इनलाइन प्रदर्शित करता है, इसलिए इसे H1 की स्टाइलिंग को प्रभावित नहीं करना चाहिए।


0

हां, हम हेडर टैग के साथ स्पैन टैग का उपयोग कर सकते हैं और इसमें कुछ भी गलत नहीं है। वास्तव में यह हेडर टैग को स्टाइल करने के लिए व्यापक रूप से उपयोग किया जाता है, विशेष रूप से किसी विशेष शब्द या अक्षर को रंगने के लिए।


0

हां, हम हेडर टैग के साथ स्पैन टैग का उपयोग कर सकते हैं और इसमें कुछ भी गलत नहीं है। वास्तव में यह हेडर टैग को स्टाइल करने के लिए व्यापक रूप से उपयोग किया जाता है, विशेष रूप से किसी विशेष शब्द या अक्षर को रंगने के लिए।


-2
<h1 style="display:inline;">Bold text goes here</h1> 
<span style="display:inline;">normal text goes here</span>

उपरोक्त पंक्तियों में सोचें - मेरे लिए काम किया - प्रदर्शन का उपयोग करें: इनलाइन प्रोप


प्रश्न से इसका क्या लेना-देना है?
क्वेंटिन

3
@ क्वेंटिन मेरा मानना ​​है कि वह शीर्षक को एक इनलाइन तत्व होने के लिए मजबूर करने का सुझाव दे रहा था। एक अच्छा विचार है, अगर यह करने योग्य है।
डेनियल स्प्रिंगर

2
यह जवाब नीचे वोट नहीं किया जाना चाहिए क्योंकि यह समस्या को हल करता है, हालांकि यह वह नहीं है जो सीधे पूछा जा रहा है। समाधान के लिए +1।
अचला डिसनायके
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.