এটি আমাকে কিছুক্ষণ বিরক্ত করছে, এবং আমি ভাবছি যে এটি কীভাবে সঠিকভাবে করা যায় সে সম্পর্কে কোনও sensক্যমত্য আছে কিনা। আমি যখন একটি এইচটিএমএল তালিকা ব্যবহার করি, তখন আমি কীভাবে সিনটিক্যালি তালিকার একটি শিরোনাম অন্তর্ভুক্ত করব?
একটি বিকল্প হ'ল:
<h3>Fruits I Like:</h3>
<ul>
<li>Apples</li>
<li>Bananas</li>
<li>Oranges</li>
</ul>
কিন্তু শব্দার্থগতভাবে <h3>শিরোনামটি স্পষ্টভাবে এর সাথে জড়িত নয়<ul>
আর একটি বিকল্প হ'ল:
<ul>
<li><h3>Fruits I Like:</h3></li>
<li>Apples</li>
<li>Bananas</li>
<li>Oranges</li>
</ul>
তবে এটি কিছুটা নোংরা বলে মনে হচ্ছে, কারণ শিরোনামটি তালিকার আইটেমগুলির মধ্যে একটি নয়।
এই বিকল্পটি ডাব্লু 3 সি দ্বারা অনুমোদিত নয়:
<ul>
<h3>Fruits I Like:</h3>
<li>Apples</li>
<li>Bananas</li>
<li>Oranges</li>
</ul>
যেহেতু <ul>কেবলমাত্র এক বা একাধিক <li>গুলি থাকতে পারে
পুরানো "তালিকার শিরোনাম" <lh>সর্বাধিক বোধ করে
<ul>
<lh>Fruits I Like:</lh>
<li>Apples</li>
<li>Bananas</li>
<li>Oranges</li>
</ul>
তবে অবশ্যই এটি আনুষ্ঠানিকভাবে এইচটিএমএলের অংশ নয়
আমি শুনেছি এটি প্রস্তাবিত যে আমরা <label>ঠিক একটি ফর্ম মত ব্যবহার :
<ul>
<label>Fruits I Like:</label>
<li>Apples</li>
<li>Bananas</li>
<li>Oranges</li>
</ul>
তবে এটি কিছুটা অদ্ভুত এবং যাইহোক এটি বৈধ হবে না।
আমার তালিকা শিরোনামগুলির স্টাইল করার চেষ্টা করার সময় শব্দার্থগত সমস্যাগুলি দেখতে সহজ, যেখানে আমি আমার <h3>ট্যাগগুলিকে প্রথমে রাখি <li>এবং তাদের মতো স্টাইলিংয়ের জন্য লক্ষ্যবস্তু করতে পারি:
ul li:first-of-type {
list-style: none;
margin-left: -1em;
/*some other header styles*/
}
ভয়াবহতা! তবে কমপক্ষে এইভাবে আমি ট্যাগটি <ul>স্টাইল করে পুরো , শিরোনাম এবং সমস্তকে নিয়ন্ত্রণ করতে পারি ul।
এটি করার সঠিক উপায় কী? কোন ধারনা?