Unsur HTML ialah sejenis komponen dokumenHTML (HyperText Markup Language), salah satu daripada beberapa jenis nod HTML (terdapat juga nod teks, nod komen dan lain-lain). Dokumen HTML terdiri daripadapepohonnod HTML ringkas, seperti nod teks, dan unsur HTML, yang menambahsemantik dan pemformatan pada bahagian dokumen (cth. menjadikan teks tebal, penyusunan ke dalam perenggan, senarai, jadual, pemasukanhiperpautan dan imej). Setiap elemen boleh mempunyaiatribut HTML yang ditentukan. Satu unsur juga boleh mempunyai kandungan, termasuk unsur dan teks lain.
Seperti yang difahami secara umum, kedudukan unsur ditunjukkan sebagai bermula dari teg pemula dan ditamatkan teg penamat.[1] Ini adalah kes bagi kebanyakan situasi, tetapi bukan semua unsur dalam dokumen HTML. Perbezaan ini secara khusus ditekankan dalam spesifikasi HTML 4.01:
Unsur bukan tag. Sebilangan orang merujuk kepada unsur sebagai tag (cth., "tag P"). Perlu diingatkan bahawa unsur ialah satu benda, dan tag pula (tag pemula atau penamat) adalah satu benda lain. Sebagai contoh, unsur HEAD sentiasa ada, meskipun tag-tag HEAD mungkin tiada dalam penulisan.[1]
Dalam sintaks HTML, kebanyakan elemen ditulis dengan teg pemula dan teg penamat, dengan kandungan di antaranya.Teg HTML terdiri daripada nama elemen, dikelilingi olehkurungan sudut. Teg penamat juga mempunyai garis miring selepas kurungan sudut pembukaan, untuk membezakannya daripada teg mula. Sebagai contoh, perenggan, yang diwakili oleh elemen<p>, akan ditulis sebagai:
<p>Dalam sintaks HTML, kebanyakan unsur ditulis ...</p>
Walau bagaimanapun, tidak semua elemen ini memerlukan teg akhir, termasuk teg pemula.[2] Sesetengah elemen, yang dipanggilelemen kosong, tidak mempunyai tag akhir. Contoh biasa ialah elemen<br> (pemutus garis paksaan). Tingkah laku elemen kosong dipratentukan dan ia tidak boleh mengandungi sebarang kandungan atau unsur lain. Sebagai contoh, alamat akan ditulis sebagai:
<p>P. Sherman<br>42 Wallaby Way<br>Sydney</p>
DalamXHTML, adalah mesti untuk membuka dan menutup semua elemen, termasuk elemen kosong. Ini boleh dilakukan dengan meletakkan teg tamat sejurus selepas teg permulaan, tetapi ini tidak sah dalam HTML 5 dan akan menyebabkan dua unsur tercipta. Cara alternatif untuk menentukan bahawa ia adalah elemen kosong, yang serasi dengan kedua-dua XHTML dan HTML 5, adalah dengan meletakkan/ di akhir teg (jangan dikelirukan dengan/ pada awal teg penamat).
Atribut HTML ditentukan dalam teg permulaan. Contohnya, elemen<abbr>, yang mewakilisingkatan, menjangkakan atributtitle dalam teg pembukaannya. Ini akan ditulis sebagai:
<abbrtitle="singkatan">sing.</abbr>
Secara tidak formal, unsur HTML kadangkala dirujuk sebagai teg, walaupun ramai yang memilih untuk merujuk teg semata-mata bagi kepada penanda yang permulaan dan penghujung unsur.
Nama elemen (dan atribut) boleh ditulis dalam mana-mana gabungan huruf besar atau kecil dalam HTML, tetapi mesti dalam huruf kecil dalam XHTML.[3] Bentuk kanonik ialah huruf besar sehinggaHTML 4, dan telah digunakan dalam spesifikasi HTML, tetapi dalam beberapa tahun kebelakangan ini, huruf kecil telah menjadi lebih lazim.
<html>...</html><head>...</head><body></body><base />href relatif serta pautan lain dokumen. Mesti ada sebelum apa-apa unsur yang merujuk kepada sumber luar. HTML membenarkan hanya satu unsur<base> bagi setiap dokumen. Unsur ini memilikiatribut HTML, tetapi tiada kandungan.BASE) disebut dalamTeg HTML;dipiawaikan dalamHTML 2.0; masih digunakan.<basefont />(lapuk)<font>. Dilapukkan, dan digantikan denganlembaran gaya.<isindex />(lapuk)<isindex> mungkin muncul dalam kepala atau badan, tetapi hanya satu dalam sebuah dokumen.<link /><linkrel="stylesheet"type="text/css"href="url"title="description_of_style">.[5]Satu lagi kegunaan penting (tetapi kurang lazim) ialah memberikan petua navigasi secara konsisten melaluimikroformat. Beberapa hubungan lazim ditetapkan yang mungkin ditampak kepada pengguna melalui antaramuka berbanding secara telus daripada laman web, seperti:<linkrel="next"href="url">.Sebuah unsur<head> boleh memiliki seberapa banyak unsur<link /> yang diingini. Unsur ini memilikiatribut HTML, tetapi tiada kandungan.LINK wujud dalamHTML Internet Draft 1.2, dandipiawaikan dalamHTML 2.0; masih digunakan.<meta />Boleh digunakan untuk menambahmetadata tambahan berkenaan satu dokumen seperti pengarang, tarikh penerbitan, tarikh luput, bahasa, tajuk/huraian rencana, kata-kata kunci serta sebarang maklumat yang tidak diberi melalui unsur dan atribut kepala lain. Secara am, sebuah unsur meta menetapkan maklumat-maklumat sulit berkenaan dokumen. Sebilangan unsur meta boleh digunakan, dengan kesemuanya perlu dimasukkan ke dalam unsur kepala. Tujuan-tujuan khusus unsur<meta /> ditetapkan menerusi atributnya. Di luarXHTML, ia secara biasnya ditulus tanpa tanda palang (<meta>) walaupun sebagai unsur kosong.
Dalam satu jenis, unsur<meta /> boleh menetapkan kepalaHTTP yang patut dihantar sesebuahpelayan web sebelum konten sebenar. Sebagai contoh,<metahttp-equiv="foo"content="bar"/> menetapkan agar halaman diuruskan melalui kepala HTTP bernamafoo dengan nilaibar.
<meta /> menetapkan atribut HTMLnama dancontent yang menerangkan aspek-aspek halaman HTML. Untuk mengelakkan ambiguiti, satu atribut ketiga pilihan,scheme, boleh dimasukkan untuk menetapkan satu rangka semantik yang menerangkan makna kunci dan nilainya. Misalnya, dalam<metaname="foo"content="bar"scheme="DC"/>, unsur<meta /> menetapkan dirinya mempunyai unsurfoo, dengan nilaibar,Rangka Kerja Keterangan SumberDublin Core.<object>...</object><head>, ia boleh digunakan untuk mengambil data berasingan dan disatukan dengan dokumen kini.<script>...</script>src.[6] Juga dapat digunakan dalam badan dokumen untuk menjana suatu konten dalam blok atau sebaris.<style>...</style><styletype="text/css">...</style>.Boleh digunakan bekas arahan penggayaan atau pautan ke lembaran luaran – sebagai contoh, dalam CSS,@import direktif bentuk[7]<style>@importurl;</style><title>...</title><title> tidak boleh memiliki unsur lain, dan hanya satu unsur<title> dibenarkan dalam satu dokumen.Dalam penyemak imbas visual, elemen boleh dipaparkan boleh dipaparkan sebagai sama ada secarablok atausebaris. Walaupun semua elemen adalah sebahagian daripada jujukan dokumen, elemen blok muncul dalam elemen induknya:
Sebaliknya, elemen sebaris dianggap sebagai sebahagian daripada aliran teks dokumen; mereka tidak boleh menetapkan jidar, lebar atau ketinggian, dan mampu memecahkan garisan.
Unsur blok, mempunyai struktur segi empat tepat. Secara asas, elemen ini akan merentangi keseluruhan lebar unsur induknya, dan oleh itu tidak akan membenarkan mana-mana elemen lain untuk menduduki ruang mendatar yang sama seperti tempat diletakkan.
Struktur segi empat tepat bagi elemen blok sering dirujuk sebagai model kotak, dan terdiri daripada beberapa bahagian. Setiap elemen mengandungi perkara berikut:
Bahagian di atas hanya merujuk kepada pelaksanaan terperinci pemaparan CSS dan tidak mempunyai kaitan dengan elemen HTML itu sendiri.
Elemen sebaris tidak boleh diletakkan terus di dalam elemen <body>; ia mesti dimasukkan sepenuhnya dalam elemen peringkat blok.[8]
Elemen ini boleh digabungkan ke dalam bentuk atau dalam beberapa keadaan digunakan secara berasingan sebagai kawalan antara muka pengguna; dalam dokumen, ia boleh menjadi suatu HTML ringkas atau digunakan bersama dengan skrip. Penanda HTML menentukan unsur-unsur yang membentuk borang, dan kaedah yang mana ia akan diserahkan. Walau bagaimanapun, beberapa bentuk skrip (bahagian pelayan, bahagian klien atau kedua-duanya) mesti digunakan untuk memproses input pengguna sebaik sahaja ia diserahkan.
Format jadual HTML telah dicadangkan dalam Draf HTML 3.0 dan jadual HTMLRFC 1942 yang terkemudian. Model ini telah diilhamkan oleh Model Jadual CALS. Beberapa elemen dalam cadangan ini disertakan dalam HTML 3.2; bentuk jadual HTML sekarang telah diseragamkan dalam HTML 4. (Banyak elemen yang digunakan dalam jadual bukan elemenblok mahupunsebaris.)
Frame ("bingkai") membenarkan tetingkap penyemak imbas HTML visual dibahagikan kepada segmen, dengan setiap satunya boleh menunjukkan dokumen yang berbeza. Ini boleh mengurangkan penggunaan lebar jalur, kerana bahagian susun atur yang berulang boleh digunakan dalam satu bingkai, manakala kandungan berubah dipaparkan dalam bingkai yang lain. Ini mungkin datang pada kos kebolehgunaan tertentu, terutamanya dalam ejen pengguna bukan visual,[9] disebabkan oleh dokumen (atau tapak web) yang berasingan dan bebas dipaparkan bersebelahan antara satu sama lain dan dibenarkan berinteraksi dengan tetingkap induk yang sama. Disebabkan kos ini,frame (tidak termasuk elemen<iframe> ) hanya dibenarkan dalam HTML 4.01 Frame-set.Iframes juga boleh menyimpan dokumen dalam pelayan yang berbeza. Dalam kes ini interaksi antara tingkap disekat oleh penyemak imbas. Tapak sepertiFacebook danTwitter menggunakaniframe untuk memaparkan kandungan (plugin) pada tapak web pihak ketiga. GoogleAdSense menggunakaniframe untuk memaparkan iklan di tapak web pihak ketiga.
Dalam HTML 4.01, dokumen mungkin mengandungi<head> dan<body> atau<head> dan<frameset>, tetapi bukan kedua-dua<body> dan<frameset>. Walau bagaimanapun,<iframe> boleh digunakan dalam badan dokumen biasa.
...frames do present additional usability challenges that are unique to users with disabilities, particularly those who use screen readers.