คุณสมบัติ hreflang ของ DOM Anchor: ระบุภาษาของเอกสารลิงก์

ไวยากรณ์ (Syntax)

// อ่านค่า
var lang = anchorElement.hreflang;

// ตั้งค่า
anchorElement.hreflang = "language_code";

รหัสภาษา (Language Codes) ที่พบบ่อย

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body>
  <h1>บริษัท</h1>
  <p><a id="mylink" hreflang="en" href="https://www.example.com/products.html">Products</a></p>
  <h2 id="display"></h2>
  <button onclick="showHref()">แสดง href</button>
  <button onclick="showHost()">แสดง host</button>
  <button onclick="showHreflang()">แสดง hreflang</button>
  
  <script>
    function showHref() {
      document.getElementById("display").innerHTML = document.getElementById("mylink").href;
    }
    function showHost() {
      document.getElementById("display").innerHTML = document.getElementById("mylink").host;
    }
    function showHreflang() {
      document.getElementById("display").innerHTML = document.getElementById("mylink").hreflang;
    }
  </script>
</body>
</html>

ผลลัพธ์

กดปุ่ม "แสดง hreflang" จะแสดง en (ค่าที่ตั้งในแอตทริบิวต์ hreflang="en")

คุณสมบัติ DOM Anchor อื่นๆ ที่เกี่ยวข้อง

จุดสำคัญ

• hreflang ช่วย SEO เข้าใจภาษาของหน้าปลายทาง
• ใช้ร่วมกับ rel="alternate" hreflang="x" สำหรับ Internationalization (i18n)
• คุณสมบัติ DOM นี้สะท้อนแอตทริบิวต์ HTML โดยตรง