css - Proper HTML link formatting - can two inline block spans be inside of one anchor tag? -


इस सवाल का पहले से ही एक उत्तर है: < / P>

  • 13 उत्तर

    मैं एक वेबसाइट बना रहा हूँ जो कि पृष्ठभूमि-छवि: (इतनी मूल रूप से एक तस्वीर) के साथ स्पेन्स का उपयोग करता है, जिसमें उस अवधि के साथ नेस्टेड किया गया है जो तस्वीर पर पाठ प्रदर्शित करेगा।

    टेक्स्ट और पिक्चर स्पेन्स दोनों हैं लिंक जो एक ही स्थान पर जाएंगे मैं चाहता हूं कि मेरे उपयोगकर्ता पृष्ठ से दूर नेविगेट करने के लिए पाठ या तस्वीर पर कहीं भी क्लिक कर सकें।

    दो टैग का उपयोग करने के बजाय जो कोड की एक ही पंक्ति में एक ही चीज़ से लिंक होगा I देखा कि मैं एक ही टैग के अंदर दो चित्र, पाठ और पाठ दोनों रख सकता हूं और क्रोम इसे अनुमति देता है .. लेकिन मुझे नहीं पता कि अन्य ब्राउज़रों में इस तरह की चीज़ों का समर्थन कैसे होता है।

    मैं क्या कर रहा हूं इसका एक उदाहरण:

      & lt; a href = "https://theartofmikeyjoyce.com/" & gt; & Lt; span class = "सेल E4" & gt; & Lt; span class = "text" & gt; मिइके & lt; br / & gt; & Lt; p & gt; CLUB II में & lt; / p & gt; डिजिटल कोलाज & lt; / span & gt; & Lt; / span & gt; & Lt; / a & gt;   

    अब आम तौर पर मुझे पता है कि एंकर टैग में इनलाइन तत्व नहीं होने चाहिए, इसलिए मैंने स्पैन टैग पर display: inline-block ' सेट कर दिया। मैं भी HTML5 का उपयोग कर रहा हूं, और जो दस्तावेज मैंने पाया वह सबसे अच्छा था। यह कोड सभी आधुनिक ब्राउज़रों पर काम करता है जो मैंने परीक्षण किया है, लेकिन यह वास्तव में कैनन है?

    I लगता है कि आप क्या चाहते हैं।

    • एचटीएमएल 5 बताता है कि तत्व "संपूर्ण पैराग्राफ, सूचियों, तालिकाओं, और बहुत आगे, यहां तक ​​कि पूरे खंडों के चारों ओर लपेटे जा सकते हैं, (जैसे बटन या अन्य लिंक) के अंदर इंटरैक्टिव सामग्री "।
    • आम तौर पर नहीं, लेकिन यदि प्रदर्शित करने के लिए सेट है: इनलाइन आपको ठीक होना चाहिए।

Comments

Popular posts from this blog

c# - Textbox not clickable but editable -

Matlab transpose a table vector -

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -