Core Attributes
ID
Atribut ID unik mengidentifikasi elemen dalam dokumen. Tidak ada dua elemen dapat memiliki nilai ID yang sama dalam satu dokumen. Nilai atribut itu harus dimulai dengan satu huruf pada kisaran AZ atau az dan dapat diikuti oleh huruf (A-Za-z), angka (0-9), tanda hubung ("-"), garis bawah ("_"), titik dua (":"), dan titik (".").
Contoh berikut menggunakan atribut ID untuk mengidentifikasi masing-masing dari dua paragraf pertama dokumen:
<P ID=firstp> paragraf pertama saya. </ P>
<P ID=secondp> paragaph kedua saya. </ P>
Paragraf dalam contoh bisa memiliki aturan style yang berhubungan dengan mereka melalui atribut ID mereka. Lembar Cascading Class Style ( CSS ) berikut mendefinisikan warna unik untuk dua paragraf:
menbuat dengan CSS :
P # firstp {
color: navy;latar belakang: transparan}
P # secondp {
warna: hitam;
latar belakang: transparan}
Paragraf dalam contoh awal juga dapat digunakan sebagai jangkar target untuk link:
<P> Lihat HREF="#firstp"> <A paragraf pembukaan </ A> Untuk informasi lebih lanjut </ P>. or
<a href="#">A</a> {#= dalam arti penganti link}
Cth: <a href="http://www.echodox.com/page1>Clik Link disini</a>
hasil: Clik Link disini munculah website: www.echodox.com
Perhatikan bahwa kebanyakan browser tidak mendukung atribut ID untuk jangkar link.Untuk browser saat ini, penulis harus menggunakan <A NAME="..."> ... </ A> dalam elemen bukan ID.
Karena ID dan A pangsa NAMA atribut ruang nama yang sama, penulis tidak dapat menggunakan nilai yang sama untuk atribut ID dan atribut NAMA Unsur dalam dokumen yang sama. Juga mencatat bahwa sementara NAMA mungkin berisi entitas, nilai atribut ID mungkin tidak.
Class
Karena ID dan A pangsa NAMA atribut ruang nama yang sama, penulis tidak dapat menggunakan nilai yang sama untuk atribut ID dan atribut NAMA Unsur dalam dokumen yang sama. Juga mencatat bahwa sementara NAMA mungkin berisi entitas, nilai atribut ID mungkin tidak.
Class
Atribut Class menentukan elemen yang menjadi anggota dari satu atau lebih kelas.Kelas memungkinkan penulis untuk menentukan jenis spesifik dari elemen tertentu.Misalnya, penulis bisa menggunakan CLASS=Java> <CODE ketika memberikan kode Java dan CLASS=Perl> <CODE ketika memberikan kode Perl.
Berbeda dengan atribut ID, sejumlah elemen dapat berbagi class yang sama. Sebuah elemen juga mungkin milik beberapa class; nilai atribut CLASS adalah daftar dipisahkan dengan spasi dari nama class.
Perhatikan bahwa kebanyakan browser saat ini tidak mendukung beberapa kelas.Browser tersebut biasanya mengabaikan atribut CLASS yang menentukan beberapa kelas.
Atribut class sangat berguna bila dikombinasikan dengan style sheet. Sebagai contoh, perhatikan panel navigasi berikut:
<DIV CLASS=navbar><A <P> HREF="/"> Home </ A> | <A HREF="./"> Indeks </ A> | <A HREF="/search.html"> Pencarian </ A> </ P><A <P> HREF="/"> <IMG SRC="logo.gif" alt="" TITLE="WDG Logo"> </ A> </ P></ DIV>
Penggunaan ini contoh dari atribut CLASS memungkinkan aturan style untuk dengan mudah ditambahkan. Lembar Cascading Style berikut menunjukkan presentasi untuk contoh sebelumnya:
. Navbar {
margin-top: 2em;
padding-top: 1em;
border-top: padat tipis angkatan laut}
Navbar IMG {float: right}.
@ Media cetak {
Navbar. {Display: none}}
GAYA/ STYLE
Atribut STYLE memungkinkan penulis untuk menentukan aturan gaya inline untuk kejadian tunggal elemen. Sebuah contoh berikut:
<P> Font yang populer untuk di layar membaca adalah <span style="font-family: Verdana"> Verdana </ SPAN> </ P>.
Ketika atribut STYLE digunakan, gaya bahasa default lembar harus ditentukan untuk dokumen tersebut dengan menetapkan header Content-Style-Type HTTP untuk jenis media dari bahasa style sheet. Contoh sebelumnya bisa menggunakan elemen META berikut dalam HEAD dokumen:
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
Dalam kebanyakan kasus, penggunaan atribut CLASS atau ID adalah pilihan yang lebih baik daripada menggunakan STYLE sejak ID dan CLASS dapat diterapkan secara selektif untuk media yang berbeda dan karena mereka memberikan pemisahan isi dan presentasi yang sering menyederhanakan pemeliharaan.
JUDUL/Title
Atribut TITLE memberikan judul untuk elemen dan umumnya diimplementasikan sebagai "tooltip" pada browser visual, meskipun banyak browser kurangnya dukungan untuk TITLE. Atribut yang paling berguna dengan A LINK,, IMG, dan elemen OBYEK, di mana ia memberikan judul untuk sumber daya terkait atau tertanam. Beberapa contoh berikut:
- <A HREF="mailto:liam@htmlhelp.com" TITLE="Feedback pada HTML 4.0 Reference"> liam@htmlhelp.com </ A>
- <A HREF="http://www-genome.wi.mit.edu/ftp/pub/software/WWW/cgi_docs.html" TITLE="CGI.pm-a Perl5 CGI Library"> CGI.pm </ A >
- <link REL=Alternate HREF="index.fr.html" HREFLANG=fr LANG=fr TITLE="Version fran鏰ise">
- <OBYEK classid = "java: Yahtzee.class" CODETYPE = "application / java" WIDTH = 400 HEIGHT = 250 STANDBY = "Siap untuk bermain Yahtzee?" TITLE = "Saya Yahtzee Game">
Bobotnya 180 lbs <ABBR TITLE=pounds>. </ Abbr><ABBR TITLE="Parti Qu閎閏ois" LANG=fr-CA> PQ </ abbr><ACRONYM TITLE="North Atlantic Treaty Organization"> NATO </ SINGKATAN>Internasionalisasi Atribut
LANG
Atribut LANG menentukan bahasa nilai atribut elemen dan isinya, termasuk semua unsur yang terkandung yang tidak menentukan atribut mereka sendiri LANG.Sementara atribut LANG tidak didukung secara luas, penggunaannya dapat membantu mesin pencari indeks dokumen dengan bahasanya sementara memungkinkan alat bicara menggunakan bahasa yang tergantung aturan pengucapan. Selain itu, browser visual dapat menggunakan tanda yang tepat bahasa ini kutipan ketika render elemen Q.
Nilai atribut bersifat case-insensitive, dan harus dirinci menurut RFC 1766; contoh termasuk en untuk bahasa Inggris, en-US untuk Amerika Inggris, dan ja untuk Jepang.Spasi tidak diperbolehkan dalam kode bahasa.
Penggunaan atribut LANG juga memungkinkan penulis untuk dengan mudah mengubah gaya teks tergantung pada bahasa. Sebagai contoh, sebuah dokumen dua bahasa mungkin memiliki satu bahasa dalam huruf miring jika diberikan secara visual atau suara yang berbeda jika diberikan aurally. HTML dokumen tersebut mungkin sebagai berikut:
<DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.0 / / EN"
"Http://www.w3.org/TR/REC-html40/strict.dtd~~V"><TITLE> Welcome - ECHODOX </ TITLE><H1>
<SPAN LANG=en> Selamat Datang </ SPAN> -
<SPAN LANG=fr> Bienvenue </ SPAN></ H1><P LANG=en> ayat ini dalam bahasa Inggris. </ P><P LANG=fr> Ce paragraphe est en fran 鏰 adalah. </ P>...Bahasa utama Sebuah dokumen dapat diatur menggunakan atribut LANG pada elemen HTML, atau, sebagai alternatif, dengan menggunakan header Content-Language HTTP.
DIR
Atribut DIR menentukan directionality teks - kiri ke kanan (DIR = ltr, default) atau kanan-ke-kiri (DIR = rtl). Karakter dalam Unicode ditugaskan arah, kiri ke kanan atau kanan ke kiri, untuk memungkinkan teks yang akan diberikan dengan benar. Sebagai contoh, sementara karakter bahasa Inggris disajikan kiri ke kanan, karakter Ibrani disajikan kanan-ke-kiri.
Unicode mendefinisikan algoritma dua arah yang harus diterapkan setiap kali sebuah dokumen berisi kanan-ke-kiri karakter. Sedangkan algoritma ini biasanya memberikan presentasi yang tepat, beberapa situasi meninggalkan teks terarah netral dan membutuhkan atribut DIR untuk menentukan directionality dasar.
Teks sering terarah netral ketika ada embeddings beberapa konten dengan directionality berbeda. Sebagai contoh, sebuah kalimat bahasa Inggris yang berisi frase Ibrani yang berisi kutipan bahasa Inggris akan memerlukan atribut DIR untuk menentukan directionality ungkapan Ibrani. Ungkapan Ibrani, termasuk kutipan bahasa Inggris, harus terkandung dalam elemen SPAN dengan DIR = rtl.
Umum Scripting Acara
Sejumlah atribut yang mendefinisikan sisi klien peristiwa scripting yang umum untuk kebanyakan unsur. Nilai atribut adalah script - biasanya panggilan fungsi atau pernyataan singkat - yang dieksekusi ketika peristiwa terjadi. Nilainya mungkin berisi entitas (misalnya, ").
Contoh berikut fitur kode JavaScript untuk menangani dua peristiwa tombol kirim, memberikan pengguna sebuah pengingat pada status bar ketika mouse bergerak di atas tombol dan membersihkan status bar ketika mouse bergerak menjauh. Perhatikan bahwa nilai atribut yang dipisahkan oleh tanda kutip tunggal sejak tanda kutip ganda digunakan dalam diri mereka.
<input TYPE=submit ONMOUSEOVER='window.status="Did Anda mengisi semua ONMOUSEOUT='window.status="";'> fields?";' diperlukan
Ketika sebuah atribut event yang digunakan, bahasa scripting standar harus ditetapkan untuk dokumen tersebut dengan menetapkan header Content-Type-Script HTTP untuk jenis media dari bahasa scripting. Contoh sebelumnya bisa menggunakan elemen META berikut dalam HEAD dokumen:
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
Atribut event umum adalah perangkat yang tergantung dan sebagian besar disesuaikan untuk antarmuka pengguna grafis. Peristiwa yang tersedia adalah sebagai berikut:
- Onclick, ketika tombol mouse diklik pada sebuah elemen;
- ONDBLCLICK, ketika tombol mouse mengklik ganda pada suatu elemen;
- Onmousedown, ketika tombol mouse ditekan lebih elemen;
- Onmouseup, ketika tombol mouse dilepaskan lebih elemen;
- OnMouseOver, ketika mouse digerakkan ke elemen;
- Onmousemove, ketika mouse digerakkan sementara lebih elemen;
- Onmouseout, ketika mouse menjauh dari elemen;
- Onkeypress, ketika tombol ditekan dan dilepaskan lebih elemen;
- OnKeyDown, ketika tombol ditekan ke bawah elemen;
- Onkeyup, ketika tombol dilepaskan lebih elemen.
Tidak ada komentar:
Posting Komentar