অ্যাঙ্কারের ভিতরে স্প্যান বা স্প্যানের অভ্যন্তরে অ্যাঙ্কর বা কোনও ব্যাপার না?


109

আমি নীড় spanএবং aট্যাগ করতে চাই । আমি কি

  1. <span>ভিতরে রাখুন<a>
  2. <a>ভিতরে রাখুন<span>
  3. তাতে কিছু যায় আসে না?

উত্তর:


110

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>

1
আমি সম্প্রতি পাঠ্য-ওভারফ্লো: এলিপসিস এবং ওভারফ্লো: লুকানো সহ একটি সাদা-স্পেস ইস্যু জুড়ে এসেছি, যা আমার এনএভি বোতামে একটি ইনলাইন-ব্লক উপাদান যুক্ত করে সমাধান করা যেতে পারে। আমি <a> <span> পাঠ্য </ span> </a> দিয়ে শেষ করেছি। সুতরাং আমি মনে করি (বা আশা করি;)) আপনার যখন সত্যই প্রয়োজন হবে তখন এটি করা ঠিক।
কুনিংফ্যাটালিস্ট

আমি বিকল্প 2 এর জন্য যাব কারণ এটি কোনও বিষয় নয়। অ্যাঙ্করটি কেবল অ্যাঙ্করিংয়ের জন্য হওয়া উচিত এবং উপাদানগুলি রাখার জন্য নয় (সেরা অনুশীলন)। এমন একটি পরিস্থিতি কল্পনা করুন, যেখানে আপনি ক্লিকযোগ্য টাইল তৈরি করেন এবং অ্যাঙ্কর হ'ল টাইল উপাদানটির মূল উপাদান এবং উপাদানটির ভিতরে থাকা চিত্রগুলি এবং আরও বেশি চিত্রের লিঙ্ক। গুগল ক্রলার পাগল হয়ে যাবে এবং শেষ পর্যন্ত হবে, এটি আপনার সাইটের পক্ষে ভাল নয়।
ইমাম বক্স

33

এটি কোনও অভ্যন্তরের ভিতরে বা এর <span>ভিতরে বাসা বাঁধতে একেবারে বৈধ (কমপক্ষে এইচটিএমএল 4.01 এবং এক্সএইচটিএমএল 1.0 মান দ্বারা)<a><a><span>

কেবল নিজের কাছে এটি প্রমাণ করার জন্য, আপনি সর্বদা এটি ডাব্লু 3 সি মার্কআপ বৈধকরণ পরিষেবাটি পরীক্ষা করে দেখতে পারেন

আমি বৈধতা দেওয়ার চেষ্টা করেছি:

<!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.0.০১ এবং এক্সএইচটিএমএল ১.০ ডক্টাইপ সহ উভয়ই সাফল্যের সাথে পাস করেছে!

আপনি সঠিক ক্রমে ট্যাগগুলি বন্ধ করে রেখেছেন তা নিশ্চিত করা Only সুতরাং আপনি যদি <span>কোনও একটি দিয়ে শুরু করেন তবে <a>নিশ্চিত করুন যে আপনি <a>প্রথমে ট্যাগটি বন্ধ করে <span>রেখেছেন এবং তদ্বিপরীত।


20

এটি কোনও বিষয় নয় - তাদের উভয়েরই একে অপরের ভিতরেই অনুমতি রয়েছে।


তবে <a> হ'ল একটি ব্লক স্তর এবং <span> হ'ল ইনলাইন স্তর স্তর এবং ব্লক স্তরের উপাদানটি ইনলাইন উপাদানের ভিতরে আসতে পারে না। আমি মনে করি এটি ডব্লু 3 সি বৈধকরণে ছিল
জিতেন্দ্র ব্যাস

26
না, উভয়ই ইনলাইন
গ্রেগ

16

যা আপনি মার্কআপ করতে চান তার উপর নির্ভর করে।

  • আপনি একটি স্প্যান ভিতরে একটি লিঙ্ক চাই, করা <a>ভিতরে <span>
  • আপনি যদি কোনও লিঙ্কে কিছু চিহ্নিত করতে চান তবে এটি <span>প্রবেশ করুন<a>

16

স্প্যান একটি সাধারণ ইনলাইন ধারক container উভয় ইনলাইন উপাদান হিসাবে এটি কোনও aঅভ্যন্তরে spanবা spanভিতরে রয়েছে aতা বিবেচ্য নয়। আপনার পক্ষে যুক্তিযুক্তভাবে যা সঠিক মনে হয় তা নির্দ্বিধায় করুন।


2

এটি স্প্যানটি কীসের উপর নির্ভর করে। যদি এটি লিঙ্কটির পাঠ্যকে বোঝায় এবং এটি কোনও লিঙ্কটি নয় তবে, # 1 চয়ন করুন। যদি স্প্যানটি লিঙ্কটিকে সামগ্রিকভাবে বোঝায় তবে # 2 নির্বাচন করুন। স্প্যানটি কী উপস্থাপন করে তা আপনি যদি না ব্যাখ্যা করেন তবে এর চেয়ে উত্তরের আর বেশি কিছু নেই। তারা উভয় ইনলাইন উপাদান, যেকোন ক্রমে সিন্টেক্সিকভাবে নেস্ট করা যেতে পারে।


সঠিক, তারা উভয় ইনলাইন উপাদান।
ক্রিস

2

উদাহরণস্বরূপ আপনি কোনও সাজানোর আইকন ফন্ট ব্যবহার করছেন কিনা তা বিবেচ্য। আমার সাথে এটি এখনই ছিল:

<span class="fa fa-print fa-3x"><a href="some_link"></a></span>

সাধারণত আমি স্প্যানটি এ এর ​​ভিতরে রাখতাম তবে স্টাইলিংটি পুরোদমে অদলবদল হওয়া পর্যন্ত কার্যকর হচ্ছে না।


1

ব্যক্তিগতভাবে, একটি ওয়েব বিকাশকারী হিসাবে, আমি লিঙ্ক পাঠ্যের কোনও অংশ যেমন হ'ল একটি বিভাগে ব্যাকগ্রাউন্ড প্রয়োগ করার চেষ্টা করছি তবে আমি কেবলমাত্র একটি অ্যাঙ্কর ট্যাগের মধ্যেই স্প্যান রাখি।


0

এটি উভয়ই কাজ করবে, তবে ব্যক্তিগতভাবে আমি বিকল্প 2 পছন্দ করব তাই স্প্যানটি লিঙ্কটি "কাছাকাছি" থাকুক।


0

শব্দার্থগতভাবে আমি মনে করি যে এটি একটি একক উপাদানের ধারক হিসাবে আরও বোধগম্য হয় এবং যদি আপনাকে এগুলি বাসা বাঁধার প্রয়োজন হয় তবে এটির চেয়েও উপাদানটির চেয়ে বেশি বোঝা যাচ্ছে যে এটি বাইরের অংশের অভ্যন্তরে থাকবে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.