html - tutorial - যা আরো সঠিক:<h1><a>...</a></ h1> অথবা<a><h1>...</ h1></a>




html কি (5)

H1 উপাদান ব্লক স্তর উপাদান, এবং নোঙ্গর ইনলাইন উপাদান। আপনি একটি ব্লক স্তরের উপাদান মধ্যে একটি ইনলাইন উপাদান আছে কিন্তু কাছাকাছি অন্য উপায় করার অনুমতি দেওয়া হয়। আপনি বক্স মডেল এবং এইচটিএমএল স্পেক বিবেচনা যখন এই জ্ঞান করে তোলে।

তাই উপসংহারে সেরা উপায় হল:

<h1><a href="#">Link</a></h1>

https://code.i-harness.com

উভয়ই <h1><a ...> ... </a></h1> এবং <a ...><h1> ... </h1></a> বৈধ HTML, অথবা শুধুমাত্র একটি সঠিক? যদি তারা উভয় সঠিক হয়, তারা অর্থ ভিন্ন?


আপনি কি একটি হাইপারলিঙ্ক ব্যবহার করতে চান <a href="…"> / a:link , অথবা আপনি আপনার শিরোনামটিতে একটি নোঙ্গর যুক্ত করতে চান? যদি আপনি একটি নোঙ্গর যুক্ত করতে চান তবে আপনি কেবল একটি আইডি <h1 id="heading"> নির্দিষ্ট করতে পারেন। তারপর আপনি page.htm#heading হিসাবে এটি লিঙ্ক করতে পারেন।

যদি আপনি শিরোনাম ক্লিকযোগ্য (একটি লিঙ্ক) তৈরি করতে চান তবে <h1><a></a></h1> / h1 > a - ব্লকলেভেল উপাদানগুলি প্রথমে এবং ভিতরে ইনলাইন উপাদানগুলি


এছাড়াও, শৈলী আধিপত্য পার্থক্য আছে। যদি আপনার এটি <h1><a href="#">Heading here</a></h1> , তবে অ্যাঙ্গারের শৈলীগুলি h1 উপাদানগুলির শৈলীগুলি overrule করবে। উদাহরণ:

a {color:red;font-size:30px;line-height:30px;}

সম্পূর্ণ হবে

h1 {color:blue;font-size:40px;line-height:40px;}

প্রাক এইচটিএমএল 5 এই এক

<a><h1>..</h1></a>

যাচাই করা হবে না। আপনি এটি এইচটিএমএল 5 ব্যবহার করতে পারেন। যাইহোক, আমি এই ব্যবহার করবে:

<h1><a>..</a></h1>

যতক্ষণ না আপনি <h1> এর মধ্যে <h1> যোগ করতে চান


<h1><a>..</a></h1> এবং <a><h1>..</h1></a> প্রায়শই একই আচরণ করেছে, স্টাইল শীট রেন্ডারিংকে প্রভাবিত করে না। প্রায়, কিন্তু বেশ না। আপনি যদি ট্যাব কীটি ব্যবহার করে নেভিগেট করেন বা অন্যথায় কোনও লিঙ্কটিতে ফোকাস করেন তবে বেশিরভাগ ব্রাউজারগুলির লিঙ্কটির কাছাকাছি একটি "ফোকাস আয়তক্ষেত্র" প্রদর্শিত হবে। <h1><a>..</a></h1> , এই আয়তক্ষেত্র শুধুমাত্র লিঙ্ক পাঠ্যের কাছাকাছি। <a><h1>..</h1></a> , আয়তক্ষেত্র উপলব্ধ অনুভূমিক স্থান জুড়ে প্রসারিত হয়, কারণ মার্কআপটি উপাদানকে রেন্ডারিংয়ে একটি ব্লক উপাদান তৈরি করে, ডিফল্টভাবে 100% প্রস্থ ধরে রাখে।

নিম্নোক্ত কীভাবে একটি নিবদ্ধ <a href=foo><h1>link</h1></a> ক্রোম দ্বারা উপস্থাপিত হয় তা দেখায়:

এটি বোঝায় যে যদি আপনি স্টাইল উপাদানগুলি যেমন লিঙ্কগুলির জন্য একটি ব্যাকগ্রাউন্ড রঙ সেটিং করে, প্রভাবগুলি একইভাবে ভিন্ন।

ঐতিহাসিকভাবে, <a><h1>..</h1></a> এইচটিএমএল 2.0 এ অবৈধ ঘোষণা করা হয়েছিল এবং পরবর্তী এইচটিএমএল স্পেসিফিকেশনগুলি অনুসরণ করা হয়েছে, তবে HTML5 এটিকে পরিবর্তন করে এবং এটি বৈধ হিসাবে ঘোষণা করে। আনুষ্ঠানিক সংজ্ঞা ব্রাউজার, শুধুমাত্র বৈধতা প্রভাবিত করেনি। যাইহোক, এটি দূরবর্তীভাবে সম্ভব যে কিছু ব্যবহারকারী এজেন্ট (সম্ভবত স্বাভাবিক ব্রাউজার নয়, তবে উদাহরণস্বরূপ বিশেষ এইচটিএমএল রেন্ডারার, ডেটা এক্সট্রাক্টর, রূপান্তরকারী ইত্যাদি) <a><h1>..</h1></a> সঠিকভাবে পরিচালনা করতে ব্যর্থ হয়। , এটা নির্দিষ্টকরণে অনুমতি দেওয়া হয় নি।

একটি শিরোনাম একটি শিরোনাম শিরোনাম বা টেক্সট করতে খুব কমই একটি ভাল কারণ আছে। (এটি বেশিরভাগ অযৌক্তিক এবং ব্যবহারযোগ্যতার জন্য খারাপ।) তবে শিরোনামটি ব্যবহার করার সময় একটি শিরোনামের শিরোনাম (বা শিরোনামের শিরোনাম) একটি সম্ভাব্য গন্তব্য করার সময়, একই ধরণের প্রশ্ন প্রায়ই উত্থাপিত হয়, যেমন <h2><a name=foo>...</a></h2> বনাম <a name=foo><h2>...</h2></a> । অনুরূপ বিবেচনার ক্ষেত্রে এগুলি প্রয়োগ করা হয় (উভয় কাজই, একটি পার্থক্য হতে পারে যেহেতু পরে a উপাদানটি একটি ব্লক তৈরি করে এবং HTML5 এর আগে শুধুমাত্র প্রাক্তনটি আনুষ্ঠানিকভাবে অনুমোদিত হয়)। কিন্তু উপরন্তু, উভয় উপায়ে পুরানো হয় এবং শিরোনাম উপাদান সরাসরি id বৈশিষ্ট্য ব্যবহার করে এখন সুপারিশ করা হচ্ছে: <h2 id=foo>...</h2>





html