Cara memvalidasi tag Link dalam postingan

Cara memvalidasi tag Link dalam postingan

  22 February    Andika

---

Hampir sama dengan postingan sebelumnya, Tag link selalu menyumbangkan Error jika tag ini di gunakan dalam postingan. Jika kamu menerapkan acuan Validasi HTML di blog, mungkin kamu akan menghindari penggunaan tag ini.

Tag link biasanya di gunakan untuk mengimport CSS khusus, apakah itu CSS dari sebuah font atau CSS yang di rancang khusus untuk halaman-halaman tertentu dengan tujuan untuk mengurangi beban CSS pada template.

Namun sayangnya, penulisan tag link pada postingan di anggap error oleh alat validasi.

Penulisan umum dari Tag Link biasanya seperti ini <link rel="stylesheet" type="text/css" href="file.css">. Jika di terapkan ke dalam postingan, maka saat validasi HTML akan ada tampilan peringatan yang kurang lebih seperti ini.

Line ..., Column ...: Element link is missing required attribute property.

<link rel="stylesheet" type="text/css" href="file.css">

Attributes for element link:
    Global attributes
    href
    crossorigin
    rel
    media
    hreflang
    type
    sizes
    Also, the title attribute has special semantics on this element.

Sebenarnya peringatan seperti ini tidak akan muncul jika tag Link tidak berada pada konten di halaman utama. Artinya, alat Validasi tidak akan mengendus tag Link yang di gunakan pada postingan-postingan lama kecuali postingan tersebut di letakan di halaman depan atau menggunakan opsi validasi yang lebih mendalam saat menggunakan alat validasinya.

Contohnya saja laman uji coba seperti Screenshot di bawah ini,

Gambar di atas adalah hasil validasi saat menggunakan metode penulisan seperti <link rel="stylesheet" type="text/css" href="file.css">.

Solusinya adalah, lengkapi tag link degan attribut property dan media.

Contoh penulisannya,

<link rel="stylesheet" type="text/css" href="file.css" property="stylesheet" media="screen">

Dan hasilnya,

Tidak di temukan lagi pesan error pada tag linknya!!