जवाबों:
3 - इससे कोई फर्क नहीं पड़ता।
लेकिन, मैं केवल <span>अंदर का उपयोग करने के लिए <a>अगर यह केवल टैग की सामग्री का एक हिस्सा है के लिए करते हैं
<a href="#">some <span class="red">text</span></a>बजाय:
<a href="#"><span class="red">some text</span></a>जो स्पष्ट रूप से सिर्फ होना चाहिए:
<a href="#" class="red">some text</a>यह पूरी तरह से वैध (HTML 4.01 और XHTML 1.0 मानकों के द्वारा कम से कम) घोंसला करने के लिए है या तो एक <span>एक अंदर <a>या एक <a>एक के अंदर <span>।
बस इसे अपने आप को साबित करने के लिए, आप हमेशा इसे W3C MarkUp सत्यापन सेवा के रूप में देख सकते हैं
मैंने सत्यापित करने का प्रयास किया:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Title</title>
</head>
<body>
<p>
<a href="http://www.google.com/"><span>Google</span></a>
</p>
</body>
</html>और ऊपर के समान भी, लेकिन <a>अंदर के साथ भी<span>
अर्थात
<span><a href="http://www.google.com">Google</a></span>एचटीएमएल 4.01 और एक्सएचटीएमएल 1.0 के दोनों सिद्धांतों के साथ, और दोनों ने सफलतापूर्वक सत्यापन पारित किया!
केवल इस बात का ध्यान रखना है कि आप यह सुनिश्चित करें कि आप सही क्रम में टैग को बंद करें। तो अगर आप एक साथ शुरू <span>तो एक <a>, सुनिश्चित करें कि आप पास कर <a>टैग पहले बंद करने से पहले <span>और इसके विपरीत।
इससे कोई फर्क नहीं पड़ता - वे दोनों एक-दूसरे के अंदर जाने की अनुमति देते हैं।
यह इस बात पर निर्भर करता है कि स्पैन क्या है। यदि यह लिंक के पाठ को संदर्भित करता है, और इस तथ्य को नहीं कि यह लिंक है, तो # 1 चुनें। यदि स्पान संपूर्ण रूप से लिंक को संदर्भित करता है, तो # 2 चुनें। जब तक आप यह नहीं समझाते हैं कि स्पैन क्या दर्शाता है, तब तक उससे अधिक उत्तर नहीं मिलता है। वे दोनों इनलाइन तत्व हैं, किसी भी क्रम में वाक्यविन्यास रूप से निहित हो सकते हैं।
यह उदाहरण के लिए अगर आप किसी प्रकार के आइकन फ़ॉन्ट का उपयोग कर रहे हैं तो यह बात हो सकती है। मेरे पास अभी यह था:
<span class="fa fa-print fa-3x"><a href="some_link"></a></span>आम तौर पर मैं स्पैन को ए के अंदर रखूंगा लेकिन स्टाइल को तब तक प्रभावी नहीं किया जा सकता जब तक कि इसे गोल नहीं किया जाता।
यह दोनों काम करेगा, लेकिन व्यक्तिगत रूप से मैं विकल्प 2 को पसंद करूंगा ताकि लिंक लिंक के आसपास हो।