By Admin | May 03, 2018
Elemen link menentukan hubungan antara dokumen HTML dengan resource luar.
Atribut elemen link
Atribut href
Atribut href berisi alamat url resource luar.
Ada 2 tipe alamat url:
- URL absolut - URL absolut menyebutkan protokol serta domain dan path ke file (http://yourwebsite.com/images/logo.png)
- URL relatif - URL relatif tidak menyebutkan protokol (http:// atau https://) dan domain (www.example.com) hanya berisi path folder/direktori
<link rel="stylesheet" type="text/css" href="theme.css">
Atribut hreflang
Atribut hreflang menginformasikan bahasa yang dipakai oleh dokumen link tujuan.
<link rel="alternate" href="http://www.example.com/ca/fr/" hreflang="fr-ca">
Atribut media
Atribut media menentukan media atau device tujuan yang dipakai oleh resource.
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
Nilai yang mungkin untuk atribut media
| Nilai | Deskripsi |
|---|---|
all |
Untuk semua media atau device |
print |
Digunakan untuk mode print preview atau page yang akan diprint |
screen |
Digunakan untuk layar komputer, tablet, smartphone dll |
speech |
Digunakan untuk screen readers |
| aspect-ratio | Menentukan rasio pada tampilan. Menggunakan prefix "max-" dan "min-". Contoh media="screen and (max-aspect-ratio:16/9)" |
| color | Menentukan banyak bit per warna pada tampilan. Menggunakan prefix "max-" dan "min-". Contoh media="screen and (min-color:3)" |
| color-index | Menentukan banyak warna yang dapat digunakan oleh tampilan. Menggunakan prefix "max-" dan "min-". Contoh media="screen and (min-color-index:256)" |
| grid | Menentukan jenis grafik yang dipakai tampilan. Nilai yang mungkin adalah "1" atau "0". Contoh media="handheld and (grid:1)" |
| height | Menentukan panjang tampilan. Menggunakan prefix "max-" dan "min-". Contoh media="screen and (max-height:700px)" |
| width | Menentukan lebar tampilan. Menggunakan prefix "max-" dan "min-". Contoh media="screen and (min-width:500px)" |
| monochrome | Menentukan bit per pixel pada monochrome frame buffer. Menggunakan prefix "max-" dan "min-". Contoh media="screen and (min-monochrome:2)" |
| orientation | Menentukan orientasi tampilan atau kertas. Nilai yang mungkin "portrait" atau "landscape". Contoh media="all and (orientation: landscape)" |
| resolution | Menentukan kepadatan pixel pada tampilan atau kertas. Menggunakan prefix "max-" dan "min-". Contoh media="print and (min-resolution:300dpi)" |
| scan | Menentukan metode scan pada tampilan TV. Nilai yang mungkin "progressive" atau "interlace". Contoh media="tv and (scan:interlace)" |
Atribut rel
Atribut rel menentukan hubungan antara dokumen HTML dengan dokumen tujuan link atau resource.
Nilai yang mungkin untuk atribut rel
| Nilai | Deskripsi |
|---|---|
alternate |
Menyediakan link ke dokumen alternatif |
author |
Menyediakan link ke halaman tentang pembuat dokumen |
dns-prefetch |
Meresolve DNS tujuan sebelum digunakan |
help |
Menyediakan link ke halaman bantuan |
icon |
Import icon untuk dokumen |
licence |
Menyediakan link ke halaman informasi tentang licence |
next |
Menyediakan link ke dokumen selanjutnya jika dokumen tersebut berseri |
prev |
Menyediakan link ke dokumen sebelumnya jika dokumen tersebut berseri |
search |
Menyediakan link ke halaman pencarian dokumen berkaitan |
stylesheet |
Import style sheet atau file css |
Atribut sizes
Atribut sizes menentukan ukuran icon resource untuk rel="icon".
<link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16">
Article Tags:
- HTML5
Jika anda suka dengan artikel tersebut, silakan berikan dukungan
Donasi