Elemen HTML link
  • Updated on
  • Admin
  • HTML
Sampul glosarium L-Nyekrip 

<head>
<link attribute>
</head>

Definisi dan Penggunaan

Elemen HTML link digunakan untuk menghubungkan antara dokumen referensi dengan sumber daya eksternal. Kita mendefinisikan atau menerapkan hubungan ini dengan menggunakan atribut rel dan rev.

Elemen link ini paling sering digunakan untuk tujuan menghubungkan ke satu atau lebih dokumen style sheet, pertanda bahasa dalam dokumen dan sebagainya.

Elemen link hanya bisa diterapkan dalam elemen head, tidak ada batasan jumlah elemen link. Elemen <link> adalah elemen kosong, jadi hanya berisi atribut saja.

Atribut Elemen HTML link

Atribut Nilai Penjelasan
charset char_encoding Tidak didukung di HTML5.
Menentukan karakter encoding dari dokumen terkait
crossorigin anonymous
use-credentials		 Menentukan bagaimana elemen menangani permintaan lintas asal
href URL Menentukan lokasi dokumen terkait
hreflang language_code Menentukan bahasa teks dalam dokumen terkait
media media_query Menentukan apa perangkat dokumen terkait yang akan ditampilkan. Atribut ini biasanya digunakan dengan stylesheet CSS untuk menentukan gaya yang berbeda untuk jenis media yang berbeda.
rel alternate
archives
author
bookmark
external
first
help
icon
last
license
next
nofollow
noreferrer
pingback
prefetch
prev
search
sidebar
stylesheet
tag
up		 Menentukan hubungan antara dokumen saat ini dengan dokumen terkait
rev reversed relationship Tidak didukung di HTML5.
Menentukan hubungan antara dokumen terkait dengan dokumen saat ini
sizes HeightxWidth
any		 Menentukan ukuran sumber terkait. Hanya untuk rel=”icon”
target _blank
_self
_top
_parent
frame_name		 Tidak didukung di HTML5.
Menentukan bagaimana dokumen terkait harus dimuat
type media_type Menentukan jenis media dari dokumen terkait

Dukungan Browser

Elemen
<link> Ya Ya Ya Ya Ya

Latihan

Untuk latihan mari kita membuat elemen HTML link dalam file halaman HTML dengan nama index.html, selanjutnya kita ketik-kan atau langsung salin skrip berikut.

<html>
	<head>
		<link rel="stylesheet" type="text/css" href=" http://www.nyekrip.com/demo/link/style.css" />
	</head>
<body>
	<h1> Ini Adalah Heading Hijau</h1>
	<p class="main"> Heading diatas telah diberikan pengaturan khusus di file css secara terpisah, sehingga kita tidak perlu untuk menuliskan kode css dalam dokumen yang sama.</p>
	<p class="main">Coba perhatikan bahwa tulisan paragraf ini bewarna biru, yang mana juga telah diatur dalam file css style.css.</p>
	<p class="main">Untuk mencoba bahwa tulisan pada dokumen ini tergantung pada file css, silahkan delete baris dalam elemen link untuk melihat peubahan.</p>
</body>
</html>
Run Skrip

Hasil dari running skrip diatas

elemen_link_base_»_Elemen_HTML___Glosarium_HTML_-_Nyekrip

Penggunaan Elemen Link

Perhatikan skrip dan hasil running diatas, kita sudah membuat elemen HTML link dalam head, dan kita sudah membuat beberapa paragraf yang telah diatur dalam file css. Untuk melihat perubahan, silahkan hapus bagian elemen link, maka paragraf dan judul akan ditampilkan secara default.

Sumber: HTML Elements on W3

Happy Nyekrip!

Tagged:

About The Author

Suka ingin berbagi pengetahuan dan pengalaman nyekrip program yang dituangkan dalam web ini dan sekarang sedang fokus mengembangkan Web Tutorial berbahasa Indonesia. Nyekrip - Web Tutorial Indonesia