কম্পিউটার টিউটোরিয়াল

HTML DOM Anchor hreflang প্রোপার্টি


HTML DOM Anchor hreflang প্রোপার্টি

hreflang প্রোপার্টি HTML DOM-এ <a> (Anchor) এলিমেন্টের hreflang অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে ব্যবহৃত হয়। এটি লিংক করা ডকুমেন্টের ভাষা নির্দেশ করে (ISO 639-1 ভাষা কোড)।

সিনট্যাক্স

// মান সেট করা
anchorObj.hreflang = "language_code"

// মান পাওয়া
anchorObj.hreflang

সাধারণ ভাষা কোড (ISO 639-1)

কোড ভাষা
en English
bn Bengali (বাংলা)
hi Hindi (हिन्दी)
fr French
es Spanish
de German
ja Japanese
zh Chinese
ru Russian
ar Arabic

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <h1>কোম্পানি</h1>
  <p><a id="myLink" hreflang="en" href="https://www.example.com:6064/products.html">Products</a></p>
  <h2 id="output"></h2>
  <button onclick="showHref()">href দেখান</button>
  <button onclick="showHost()">host দেখান</button>
  <button onclick="showHreflang()">hreflang দেখান</button>
  <script>
    function showHref() {
      document.getElementById("output").innerHTML = document.getElementById("myLink").href;
    }
    function showHost() {
      document.getElementById("output").innerHTML = document.getElementById("myLink").host;
    }
    function showHreflang() {
      document.getElementById("output").innerHTML = document.getElementById("myLink").hreflang;
    }
  </script>
</body>
</html>

আউটপুট

HTML DOM Anchor hreflang প্রোপার্টি

"Display hreflang" বাটনে ক্লিক করলে:

HTML DOM Anchor hreflang প্রোপার্টি

DOM Anchor প্রোপার্টি সমূহ

প্রোপার্টি বিবরণ
href পূর্ণ URL
protocol প্রোটোকল (http:, https:)
host হোস্ট + পোর্ট (example.com:8080)
hostname হোস্টনেম (example.com)
port পোর্ট নম্বর
pathname পাথ (/path/page.html)
search কুয়েরি স্ট্রিং (?key=val)
hash অ্যাঙ্কর (#section)
hreflang ভাষা কোড (en, bn, ইত্যাদি)
rel রিলেশনশিপ (nofollow, noopener ইত্যাদি)
target টার্গেট (_blank, _self ইত্যাদি)
download ডাউনলোড ফাইলনেম
  1. HTML DOM Anchor target প্রোপার্টি

  2. HTML DOM Anchor search প্রোপার্টি

  3. HTML DOM Anchor rel প্রোপার্টি

  4. HTML DOM Anchor hostname প্রোপার্টি: URL-এর হোস্টনেম পাওয়া