অ্যাঙ্কর লিঙ্কের জন্য Alt ট্যাগটি ব্যবহার করা কি সঠিক like
<a href="#" class="test" alt="Something" src="sfasfs" ></a>অ্যাঙ্কর লিঙ্কের জন্য Alt ট্যাগটি ব্যবহার করা কি সঠিক like
<a href="#" class="test" alt="Something" src="sfasfs" ></a>উত্তর:
অফিসিয়াল স্পেসিফিকেশন দেখে এই জাতীয় বিষয়গুলির সর্বোত্তম জবাব দেওয়া হয়:
স্পেসিফিকেশন যান: https://www.w3.org/TR/html5/
" aউপাদান" অনুসন্ধান করুন : https://www.w3.org/TR/html5/text-level-semantics.html#the-a-element
"সামগ্রী বৈশিষ্ট্যগুলি" পরীক্ষা করুন, যা aউপাদানটির জন্য সমস্ত অনুমোদিত বৈশিষ্ট্য তালিকাভুক্ত করে :
- গ্লোবাল বৈশিষ্ট্য
hreftargetdownloadrelhreflangtype
লিঙ্কযুক্ত "গ্লোবাল গুণাবলী" পরীক্ষা করুন: https://www.w3.org/TR/html5/dom.html#global- কৃতিত্ব
আপনি দেখতে পাবেন altযে aউপাদানটিতে বৈশিষ্ট্যটির অনুমতি নেই ।
এছাড়াও আপনি লক্ষ্য করবেন যেsrc বৈশিষ্ট্যটিও অনুমোদিত নয়।
দ্বারা আপনার HTML যাচাই , এই মত ত্রুটি আপনাকে রিপোর্ট করা হয়।
নোট করুন যে উপরেরটি HTML5 এর জন্য যা 2014 থেকে ডাব্লু 3 সি এর এইচটিএমএল স্ট্যান্ডার্ড । 2016 সালে, এইচটিএমএল 5.1 পরবর্তী এইচটিএমএল স্ট্যান্ডার্ডে পরিণত হয়েছিল । অনুমোদিত বৈশিষ্ট্যগুলি সন্ধান করা একইভাবে কাজ করে। আপনি দেখতে পাবেন যে aএইচটিএমএল 5.1 এ উপাদানটির আরও একটি বৈশিষ্ট্য থাকতে পারে:rev ।
আপনি ডাব্লু 3 সি এর এইচটিএমএল বর্তমান স্থিতিতে সমস্ত HTML স্পেসিফিকেশন (সর্বশেষ মান সহ) খুঁজে পেতে পারেন ।
title।
অ্যাঙ্করগুলির জন্য, আপনার পরিবর্তে শিরোনাম ব্যবহার করা উচিত। Alt এর a এর বৈধ অ্যাট্রিবিউট নয়। Http://w3schools.com/tags/tag_a.asp দেখুন
"শিরোনাম" ব্রাউজারগুলিতে ব্যাপকভাবে প্রয়োগ করা হয়। চেষ্টা করুন:
<a href="#" title="hello">asf</a>titleঅনুসারে, HTML5 স্পেসিফিকেশন অনুসারে ভুল (যদিও বেশিরভাগ ব্রাউজারগুলি এটি প্রয়োগ করবে)।
না, কোনও altঅ্যাট্রিবিউট (এটি একটি অ্যাট্রিবিউট হবে, ট্যাগ নয়) এর জন্য অনুমোদিত নয়a কোনও এইচটিএমএল স্পেসিফিকেশন বা খসড়াতে কোনও উপাদানের । এবং এটি কোনও তাত্পর্য হিসাবে কোনও ব্রাউজার দ্বারা স্বীকৃত বলে মনে হয় না।
লোকেরা কেন এটি ব্যবহার করার চেষ্টা করে এটি একটি বিরাট রহস্য, তবে সম্ভাব্য ব্যাখ্যাটি হ'ল তারা মাউসওভারে একটি "টুলটিপ" দেখার প্রত্যাশা করে উপাদানগুলির altবৈশিষ্ট্যের সাথে অ্যানালগ করে এটি করছেন img। এর সাথে দুটি বিষয় ভুল আছে। প্রথমত, প্রতিটি উপাদানটির নিজস্ব বৈশিষ্ট্য রয়েছে, প্রতিটি উপাদানের চশমাতে সংজ্ঞায়িত হয়। দ্বিতীয়ত, altকিছু প্রাচীন ব্রাউজারগুলিতে গুণাবলীর "টুলটিপ" রেন্ডারিং কোনও প্রত্যাশার পরিবর্তে একটি তুচ্ছ বা এমনকি একটি বাগ ছিল / ছিল; altযদি কোনও কারণেই চিত্রটি উপস্থাপন না করা হয় এবং কেবলমাত্র যদি সেই বৈশিষ্ট্যটি ব্যবহারকারীর কাছে উপস্থাপিত হয় বলে মনে করা হয়।
একটি "টুলটিপ" তৈরি করতে, titleতার পরিবর্তে বৈশিষ্ট্যটি ব্যবহার করুন বা আরও ভাল, গুগল "সিএসএস টুলটিপস" এর জন্য এবং আপনার পছন্দের সিএসএস-ভিত্তিক টুলটিপস ব্যবহার করুন (এগুলিকে গোপন "স্তরগুলি হিসাবে চিহ্নিত করা যেতে পারে যা মাউসওভারে দৃশ্যমান হয়)।
আপনি যদি কোনও Alt বৈশিষ্ট্যের জন্য অনুরূপ বর্ণনামূলক তথ্য প্রয়োগ করতে চান তবে আপনার অ্যাঙ্কর ট্যাগগুলির জন্য শিরোনাম বৈশিষ্ট্যটি ব্যবহার করা উচিত। শিরোনামের বৈশিষ্ট্যটি অ্যাঙ্কর ট্যাগগুলিতে বৈধ এবং এটি লিঙ্কযুক্ত পৃষ্ঠা সম্পর্কে তথ্য সরবরাহ করা ব্যতীত অন্য কোনও উদ্দেশ্যে কাজ করে না।
ডাব্লু 3 সি সুপারিশ করে যে শিরোনাম বৈশিষ্ট্যের মানটি লিঙ্কযুক্ত নথির শিরোনামের মানের সাথে মিলে যায় তবে এটি বাধ্যতামূলক নয়।
http://www.w3.org/MarkUp/1995-archive/Elements/A.html
বিকল্পভাবে এবং সম্ভবত আরও উপকারী হতে পারে, আপনি এআরআইএ অ্যাক্সেসিবিলিটি অ্যাট্রিবিউটটি ব্যবহার করতে পারেন aria-label(এতে বিভ্রান্ত হওয়ার দরকার নেই aria-labeledby)। aria-labelচিত্রের জন্য কিন্তু অ-চিত্রের উপাদানগুলির জন্য যেমন Alt বৈশিষ্ট্যটি একই রকম ফাংশনটি পরিবেশন করে এবং স্ক্রিন পাঠকদের জন্য আপনার অনুকূলকরণের জন্য কিছুটা অপ্টিমাইজেশান অন্তর্ভুক্ত করে।
http://www.w3.org/WAI/GL/wiki/Using_aria-label_to_provide_labels_for_objects
যদি আপনি কোনও অ্যাঙ্কর ট্যাগটি বর্ণনা করতে চান তবে সাধারণত এটি rel বা রেভ ট্যাগ ব্যবহার করা উপযুক্ত তবে নির্দিষ্ট মানগুলিতে সীমাবদ্ধ থাকলে সেগুলি মানব পাঠযোগ্য বর্ণনার জন্য ব্যবহার করা উচিত নয়।
রিল বর্তমান পৃষ্ঠায় লিঙ্কযুক্ত পৃষ্ঠার সম্পর্ক বর্ণনা করতে পরিবেশন করে। (যেমন লিংকযুক্ত পৃষ্ঠাটি যদি লজিক্যাল সিরিজের পাশে থাকে তবে এটি rel = পরবর্তী হবে)
রেভ বৈশিষ্ট্যটি মূলত rel বৈশিষ্ট্যের বিপরীত সম্পর্ক। রেভ লিঙ্কযুক্ত পৃষ্ঠায় বর্তমান পৃষ্ঠার সম্পর্ক বর্ণনা করে।
আপনি এখানে বৈধ মানগুলির একটি তালিকা পেতে পারেন: http://microformats.org/wiki/existing-rel-values
আমি শিরোনাম ব্যবহার করেছি এবং এটি কাজ করেছে!
শিরোনাম বৈশিষ্ট্যটি লিঙ্কটির শিরোনাম দেয়। একটি ব্যতিক্রম ছাড়া, এটি নিখুঁতভাবে পরামর্শমূলক। মানটি পাঠ্য। ব্যতিক্রম স্টাইল শীট লিঙ্কগুলির জন্য, যেখানে শিরোনাম বৈশিষ্ট্য বিকল্প স্টাইল শীট সেটগুলি সংজ্ঞায়িত করে।
<a class="navbar-brand" href="http://www.alberghierocastelnuovocilento.gov.it/sito/index.php" title="sito dell'Istituto Ancel Keys">A.K.</a>ট্যাগটিতে altগুণাবলীর ব্যবহার বৈধ নয় উল্লেখ করে আমি সমস্ত উত্তর দেখে অবাক হয়েছি । এটি একেবারে ভুল।a
এইচটিএমএল কোনও বৈশিষ্ট্য ব্যবহার করে আপনাকে অবরুদ্ধ করে না:
<a your-custom-attribute="value">Any attribute can be used</a>যদি আপনি জিজ্ঞাসা করেন যে এটিতে altবৈশিষ্ট্যটি ব্যবহার করা শব্দার্থগতভাবে সঠিক হয় aতবে আমি বলব:
কোন। এটি চিত্রের বিবরণ সেট করতে ব্যবহৃত হয় <img alt="image description" />।
বৈশিষ্ট্যগুলি নিয়ে আপনি কী করবেন তা বিষয়টি। এখানে একটি উদাহরণ:
a::after {
content: attr(color); /* attr can be used as content */
display: block;
color: white;
background-color: blue;
background-color: attr(color); /* This won't work */
display: none;
}
a:hover::after {
display: block;
}
[hidden] {
display: none;
}<a href="#" color="red">Hover me!</a>
<a href="#" color="red" hidden>In some cases, it can be used to hide it!</a>আবার, আপনি যদি জিজ্ঞাসা করেন যে এটি কাস্টম বৈশিষ্ট্যটি ব্যবহার করার জন্য শব্দার্থগতভাবে সঠিক কিনা তবে আমি বলব:
না data-* । এর শব্দার্থক ব্যবহারের জন্য বৈশিষ্ট্যগুলি ব্যবহার করুন।
ওহো, ২০১৩ সালে প্রশ্ন জিজ্ঞাসা করা হয়েছিল।
titleযে অ্যাট্রিবিউটaগ্লোবাল বৈশিষ্ট্যাবলী এটা সঠিক যেমন ব্যবহার করাtitleমধ্যে অ্যাট্রিবিউটaকি না?