<area> এলিমেন্টের hreflang অ্যাট্রিবিউটটি এলাকায় URL-এর ভাষা সেট করতে ব্যবহৃত হয়। সিনট্যাক্স নিচে দেওয়া হল:
<area hreflang="language_code">
উপরে, code হলো ভাষার জন্য সেট করা ISO ভাষা কোড, উদাহরণস্বরূপ, ইংরেজির জন্য en, ফরাসির জন্য fr, জাপানিজের জন্য ja ইত্যাদি।
এখন <area> এলিমেন্টের জন্য hreflang অ্যাট্রিবিউট বাস্তবায়নের উদাহরণ দেখি:
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>শিক্ষা</h2> <p>এই প্রযুক্তিগুলো সহজে শিখুন....</p> <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/> <map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" download="perl" hreflang="en"/> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" download="html" hreflang="en"/> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" download="php" hreflang="en"/> </map> </body> </html>
আউটপুট
উপরের উদাহরণে, আমরা নিচের ছবিতে ম্যাপ সেট করেছি:
<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
এখন, আমরা আকারের জন্য ম্যাপ এবং তার ভিতরে এলাকা সেট করেছি:
<map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" download="perl" hreflang="en"/> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" download="html" hreflang="en"/> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" download="php" hreflang="en"/> </map>
URL-এর ভাষা আমরা hreflang অ্যাট্রিবিউট ব্যবহার করে সেট করেছি:
hreflang="en"
উপরে, আমরা ইংরেজির জন্য সেট করেছি।
