Pengenalan

Sebuah dokumen HTML 4 terdiri dari tiga bagian:

  1. baris yang berisi informasi versi HTML ,
  2. header bagian deklaratif (delimited oleh HEAD elemen),
  3. tubuh, yang berisi konten yang sebenarnya dokumen ini. Tubuh dapat diimplementasikan oleh BODY elemen atau FRAMESET elemen.

Ruang putih (spasi, baris baru, tab, dan komentar) mungkin muncul sebelum atau setelah setiap bagian. Bagian 2 dan 3, harus dibatasi oleh HTML elemen.

Berikut adalah contoh dokumen HTML sederhana:

 <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 / / EN"
    "Http://www.w3.org/TR/html4/strict.dtd">
 <HTML>
    <HEAD>
       <TITLE> Dokumen HTML pertama saya </ TITLE>
    </ HEAD>
    <BODY>
       <P> Halo dunia!
    </ BODY>
 </ HTML>

Sebuah dokumen HTML yang valid menyatakan apa versi HTML yang digunakan dalam dokumen ini. nama definisi tipe dokumen (DTD) yang digunakan untuk dokumen ini (lihat [ISO8879] ).

HTML 4.01 menetapkan tiga DTDs, jadi penulis harus menyertakan salah satu deklarasi tipe dokumen berikut dalam dokumen mereka. The DTDs bervariasi dalam elemen-elemen mereka mendukung.

  • Mencakup semua elemen dan atribut yang belum usang atau tidak muncul dalam frameset dokumen. Untuk dokumen yang menggunakan DTD, gunakan jenis dokumen deklarasi ini:
     <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 / / EN"
             "Http://www.w3.org/TR/html4/strict.dtd">
  • Meliputi segala sesuatu dalam ketat DTD ditambah elemen usang dan atribut (yang sebagian besar kepedulian presentasi visual). Untuk dokumen yang menggunakan DTD, gunakan jenis dokumen deklarasi ini:
     <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN"
             "Http://www.w3.org/TR/html4/loose.dtd">
  • Meliputi segala sesuatu dalam transisi DTD ditambah frame juga. Untuk dokumen yang menggunakan DTD, gunakan jenis dokumen deklarasi ini:
     <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Frameset / / EN"
             "Http://www.w3.org/TR/html4/frameset.dtd">

URI dalam setiap jenis dokumen deklarasi agen memungkinkan pengguna untuk men-download DTD dan setiap entitas yang dibutuhkan. Berikut (relatif) URI lihat DTDs dan untuk HTML 4:

Pengikatan antara pengidentifikasi publik dan file dapat ditentukan menggunakan katalog format file berikut direkomendasikan oleh Oasis Terbuka Konsorsium (lihat [OASISOPEN] ).Sebuah katalog sampel file untuk HTML 4.01 disertakan pada awal bagian informasi referensi SGML untuk HTML. Dua yang terakhir surat pernyataan yang menunjukkan bahasa DTD.Untuk HTML, ini selalu bahasa Inggris (“EN”).

Catatan. Pada versi 24 Desember HTML 4.01, HTML Working Group berkomitmen untuk kebijakan berikut:

  • Setiap perubahan ke HTML masa depan 4 DTDs tidak akan membatalkan dokumen yang sesuai dengan spesifikasi DTDs dari bug ini. HTML Kelompok Kerja berhak untuk diketahui benar.
  • Software sesuai dengan DTDs dari spesifikasi ini dapat mengabaikan fitur HTML masa depan 4 DTDs bahwa ia tidak mengakui.

Ini berarti bahwa dalam sebuah deklarasi tipe dokumen, penulis aman dapat menggunakan pengenal sistem yang mengacu ke versi terbaru dari DTD HTML 4. Penulis juga dapat memilih untuk menggunakan pengenal sistem yang mengacu pada suatu tertentu (tanggal) versi dari 4 DTD HTML ketika validasi dengan DTD tertentu diperlukan. W3C akan melakukan segala upaya untuk membuat dokumen arsip tanpa batas tersedia di alamat asli mereka dalam mereka asli formulir.

Elemen

<ENTITAS html.content% “! HEAD, BODY”> <ELEMEN! HTML OO ( html.content%; ) – dokumen elemen root -> <! HTML ATTLIST % I18n,lang , dir – >

Start tag: opsional, tag End: opsional

Atribut definisi

cdata [CN]
Usang. Nilai atribut ini menentukan versi HTML DTD yang mengatur dokumen saat ini. Atribut ini telah usang karena redundan dengan informasi versi disediakan oleh deklarasi tipe dokumen.

Atribut didefinisikan di tempat lain

Setelah deklarasi tipe dokumen, sisa dokumen HTML berisi oleh HTML elemen. Dengan demikian, sebuah dokumen HTML biasa memiliki struktur ini:

 <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 / / EN"
 "Http://www.w3.org/TR/html4/strict.dtd">
 <HTML>
 ... Kepala, tubuh, dll diletakkan di sini ...
 </ HTML>

Dokumen Kepala

Elemen

<-! head.misc%; didefinisikan sebelumnya sebagai “SCRIPT | STYLE | META | LINK | OBYEK” -> <ENTITAS head.content% “! JUDUL & BASE?”> <ELEMEN!

HEADOO ( head.content%; ) + ( head.misc%; ) – kepala dokumen -> <! HEAD ATTLIST % I18n,lang , dirprofil % URI; # TERSIRAT – bernama kamus meta info – >

Start tag: opsional, tag End: opsional

Atribut definisi

uri [CT]
Atribut ini menentukan lokasi lebih meta data profil atau satu, dipisahkan dengan spasi. Untuk ekstensi masa depan, agen pengguna harus mempertimbangkan nilai menjadi daftar meskipun spesifikasi ini hanya mempertimbangkan URI pertama yang signifikan. Profil dibahas di bawah ini pada bagian meta data .

Atribut didefinisikan di tempat lain

HEAD elemen berisi informasi tentang dokumen saat ini, seperti judulnya, kata kunci yang mungkin berguna untuk mesin pencari, dan data lain yang tidak dianggap konten dokumen. agen Pengguna umumnya tidak memberikan unsur-unsur yang muncul di HEAD sebagai konten. Mereka mungkin, bagaimanapun, membuat informasi dalam HEAD tersedia bagi pengguna melalui mekanisme lain.

Elemen

<- Unsur JUDUL! Tidak dianggap sebagai bagian dari aliran teks. Ini harus ditampilkan, misalnya sebagai header halaman atau judul jendela. Tepat satu judul diperlukan per dokumen. -> <ELEMEN! TITLE – – (# PCDATA) – ( head.misc%; ) – judul dokumen -> <TITLE! ATTLIST % i18n >

Start tag: dibutuhkan, tag End: diperlukan

Atribut didefinisikan di tempat lain

Setiap dokumen HTML harus memiliki JUDUL unsur dalam HEAD bagian.

Penulis menggunakan JUDUL elemen untuk mengidentifikasi  Sejak pengguna sering berkonsultasi dengan dokumen di luar konteks, penulis harus memberikan judul kaya konteks. Jadi, bukan gelar seperti “Pendahuluan”, yang tidak memberikan banyak latar belakang kontekstual, penulis harus pasokan judul seperti “Pengantar Abad Pertengahan Bee-Menjaga” instead.

Untuk alasan aksesibilitas, agen pengguna harus selalu membuat isi JUDUL elemen  untuk pengguna (termasuk JUDUL unsur-unsur yang terjadi dalam frame). Mekanisme untuk melakukan hal itu tergantung pada user agent (misalnya, sebagai keterangan, diucapkan).

Judul mungkin berisi entitas karakter (untuk karakter beraksen, karakter khusus, dll), namun tidak dapat berisi markup lainnya (termasuk komentar). Berikut adalah judul dokumen sampel:

 <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 / / EN"
    "Http://www.w3.org/TR/html4/strict.dtd">
 <HTML>
 <HEAD>
 <TITLE> Penelitian tentang dinamika populasi </ TITLE>
 ...  lain kepala elemen ...
 </ HEAD>
 <BODY>
 ...  dokumen tubuh ...
 </ BODY>
 </ HTML>

Atribut definisi

teks [CS]
Atribut ini menawarkan informasi konsultasi tentang elemen yang sudah diatur.

Berbeda dengan JUDUL elemen, yang memberikan informasi tentang seluruh dokumen dan hanya dapat muncul sekali, judul atribut dapat membubuhi keterangan sejumlah Silahkan konsultasikan definisi elemen untuk memverifikasi bahwa mendukung atribut ini.

Nilai dari judul mungkin atribut yang diberikan oleh agen pengguna dalam berbagai cara. Sebagai contoh, browser visual sering menampilkan judul sebagai tool tip “” (pesan singkat yang muncul ketika perangkat penunjuk berhenti atas objek). Audio agen pengguna dapat berbicara informasi judul dalam konteks yang sama. Misalnya, pengaturan atribut pada link memungkinkan pengguna agen (visual dan non-visual) untuk memberitahukan pengguna tentang sifat sumber daya terkait:

 ... Teks ...
 Berikut adalah foto
 <A Href="http://someplace.com/neatstuff.gif" title="Me scuba diving">
    saya scuba diving musim panas lalu
 </ A>
 ... Beberapa teks lagi ...

Ini judul atribut memiliki peran tambahan bila digunakan dengan LINK elemen untuk menunjuk suatu style sheet eksternal. Silakan membaca bagian link dan style sheet untuk rincian.

Catatan. Untuk meningkatkan kualitas pidato sintesis untuk kasus yang ditangani buruk dengan teknik standar, versi masa depan dari HTML mungkin mencakup atribut untuk encoding dan prosodi informasi fonemis.

Catatan W3C. The (lihat [RDF10] ) menjadi Rekomendasi W3C pada bulan Februari 1999. RDF memungkinkan penulis untuk menentukan mesin yang dapat dibaca metadata tentang dokumen HTML dan sumber daya jaringan lain yang dapat diakses.

HTML memungkinkan penulis menentukan – informasi mengenai dokumen daripada konten dokumen – dalam berbagai cara.

Misalnya, untuk menentukan penulis dokumen, satu dapat menggunakan META elemen sebagai berikut:

 <META Name="Author" Raggett"> content="Dave

The META elemen menetapkan sebuah properti (di sini “Pengarang”) dan memberikan nilai untuk itu (di sini “Dave Raggett”).

spesifikasi ini tidak mendefinisikan suatu set properti meta data hukum. Arti dari sebuah properti dan set nilai-nilai hukum untuk properti yang harus didefinisikan dalam referensi leksikon yang disebut profil . Sebagai contoh, profil yang dirancang untuk membantu mesin pencari indeks dokumen mungkin mendefinisikan properti seperti “, penulis” hak cipta “”, “kata kunci”, dll

Menentukan meta data

Secara umum, menentukan meta data melibatkan dua langkah:

  1. Mendeklarasikan properti dan nilai properti itu. Hal ini dapat dilakukan dengan dua cara:
    1. Dari dalam dokumen, melalui META elemen.
    2. Dari luar dokumen, dengan menghubungkan ke meta data melalui LINK elemen (lihat bagian tentang link jenis ).
  2. Merujuk ke profil di mana properti dan nilai-nilai hukum yang ditentukan. Untuk menunjuk profil, menggunakan profil atribut dari HEAD elemen.

Perhatikan bahwa karena profil didefinisikan untuk HEAD elemen, profil yang sama berlaku untuk semua META dan LINK elemen di kepala dokumen.

agen Pengguna tidak diperlukan untuk mendukung mekanisme meta data. Bagi mereka yang memilih untuk mendukung meta data, spesifikasi ini tidak mendefinisikan bagaimana data meta harus ditafsirkan.

Elemen

<ELEMEN! META – O KOSONG – metainformation generik -> <! META ATTLIST % I18n,lang , dir , untuk digunakan dengan konten – http-equiv NAMA # TERSIRAT – respon HTTP nama header – nama NAMA # TERSIRAT – metainformation nama – konten CDATA # REQUIRED – informasi yang terkait – skema CDATA # TERSIRAT – pilih bentuk isi – >

Start tag: dibutuhkan, tag End: dilarang

Atribut definisi

Untuk atribut berikut, nilai-nilai dan interpretasi mereka diizinkan adalah profil tergantung:

nama [CS]
Atribut ini mengidentifikasi nama properti. Spesifikasi ini tidak mencantumkan nilai-nilai hukum untuk atribut ini.
cdata [CS]
Atribut ini menentukan nilai sebuah properti. Spesifikasi ini tidak mencantumkan nilai-nilai hukum untuk atribut ini.
cdata [CS]
Atribut nama ini skema yang akan digunakan untuk menafsirkan nilai properti (lihat bagian tentang profil untuk informasi lebih lanjut).
nama [CI]
Atribut ini dapat digunakan sebagai pengganti nama atribut. server HTTP menggunakan atribut ini untuk mengumpulkan informasi untuk respon HTTP header pesan.

Atribut didefinisikan di tempat lain

The META elemen dapat digunakan untuk mengidentifikasi sifat dokumen (misalnya, penulis, tanggal kadaluwarsa, daftar kata kunci, dll) dan memberikan nilai pada properti-properti.Spesifikasi ini tidak mendefinisikan seperangkat sifat normatif.

Setiap META elemen menetapkan sebuah properti / nilai pasangan. Atribut name mengidentifikasi properti dan konten atribut menentukan nilai properti.

Sebagai contoh, pernyataan set nilai untuk properti Author:

 <META Name="Author" Raggett"> content="Dave

Para lang atribut dapat digunakan dengan META untuk menentukan bahasa untuk nilai isi atribut. Hal ini memungkinkan pidato synthesizer untuk menerapkan aturan tergantung pengucapan bahasa.

Dalam contoh ini, nama penulis dinyatakan tidak Prancis:

 <META Name="Author" lang="fr" content="Arnaud Le Hors">

Catatan. META unsur adalah mekanisme generik untuk menentukan meta data. Namun, beberapa atribut elemen HTML dan sudah menangani bagian tertentu dari meta data dan dapat digunakan oleh penulis bukan META untuk menentukan potongan-potongan: di JUDUL elemen, yang ALAMAT elemen, di INS dan DEL elemen, judul atribut, dan mengutipatribut .

Catatan. Ketika sebuah properti ditentukan oleh META elemen mengambil nilai yang adalah URI , beberapa penulis  untuk menentukan meta data melalui LINKelemen. Dengan demikian, deklarasi meta data berikut:

 <META name = "DC.identifier"
       konten = "http://www.ietf.org/rfc/rfc1866.txt">

mungkin juga ditulis:

 <LINK rel = "DC.identifier"
          type = "text / plain"
          href = "http://www.ietf.org/rfc/rfc1866.txt">
META dan HTTP header

http-equiv atribut dapat digunakan sebagai pengganti atribut nama dan memiliki makna khusus bila dokumen akan diambil melalui Hypertext Transfer Protocol (HTTP). server HTTP dapat menggunakan nama properti ditentukan oleh http-equiv atribut untuk menciptakan RFC822] [ gaya header-dalam respon HTTP. Silakan lihat spesifikasi HTTP ([RFC2616] ) untuk rincian tentang header HTTP berlaku.

Sampel berikut META deklarasi:

 <META Http-equiv="Expires" content="Tue, 20 Agustus 1996 14:25:27 GMT">

akan menghasilkan header HTTP:

 Berakhir: Tue, 20 Agustus 1996 14:25:27 GMT

Ini dapat digunakan oleh cache untuk menentukan kapan harus mengambil salinan dokumen yang terkait.

Catatan dari. Pengguna Beberapa agen mendukung penggunaan META untuk refresh halaman ini setelah sejumlah detik tertentu, dengan pilihan untuk menggantinya dengan sebuah URI yang berbeda. Penulis tidak harus menggunakan teknik ini untuk pengguna maju ke halaman yang berbeda, karena hal ini membuat halaman tidak bisa diakses untuk beberapa pengguna. Sebaliknya, forwarding halaman otomatis harus dilakukan menggunakan server-side redirects.

META dan mesin pencari

Sebuah penggunaan umum dalam META adalah untuk menentukan kata kunci bahwa sebuah  dapat digunakan untuk meningkatkan kualitas hasil pencarian. Ketika beberapa META menyediakan unsur-unsur bahasa bergantung pada informasi tentang dokumen, mesin pencari mungkin filter pada lang atribut untuk menampilkan hasil pencarian dengan menggunakan preferensi bahasa pengguna. Sebagai contoh,

 <- Untuk penutur Bahasa Inggris US ->
 <META nama = "kata kunci" lang = "en-us"
          konten = "liburan, Yunani, sinar matahari">
 <- Untuk penutur bahasa Inggris Britania ->
 <META nama = "kata kunci" lang = "en"
          konten = "liburan, Yunani, sinar matahari">
 <- Untuk penutur Perancis ->
 <META nama = "kata kunci" lang = "fr"
          konten = "Vacances, Grèce, soleil">

Efektivitas mesin pencari juga dapat ditingkatkan dengan menggunakan LINK elemen untuk menentukan link ke terjemahan dokumen dalam bahasa lain, link ke versi dokumen di media lain (misalnya, PDF), dan, ketika dokumen merupakan bagian dari koleksi, link ke sebuah titik awal yang tepat untuk browsing koleksi.

bantuan lebih lanjut terdapat di bagian membantu mesin pencari indeks situs Web Anda .

META dan PICS

The  (PICS, ditetapkan dalam [PICS] ) adalah sebuah infrastruktur untuk menghubungkan label (meta data) dengan materi Internet. Awalnya dirancang untuk membantu orangtua dan guru mengontrol apa yang anak-anak dapat mengakses di Internet, juga memfasilitasi penggunaan lain untuk label, termasuk penandatanganan kode, privasi, dan manajemen hak milik intelektual.

Contoh ini menggambarkan bagaimana seseorang dapat menggunakan META deklarasi untuk memasukkan PICS 1,1 label:

 <HEAD>
  <META http-equiv = "PICS-Label" isi = '
  (PICS-1.1 "http://www.gcf.org/v2.5"
     label pada "1994.11.05T08 :15-0500"
       sampai "1995.12.31T23 :59-0000"
       untuk "http://w3.org/PICS/Overview.html"
     peringkat (0,5 busa kerapatan 0 warna / rona 1))
  ">
   <TITLE> ...  ... judul dokumen </ TITLE>
 </ HEAD>
META dan informasi default

The META elemen dapat digunakan untuk menentukan informasi default untuk dokumen dalam contoh berikut:

Contoh berikut menetapkan pengkodean karakter untuk dokumen sebagai ISO-8859-5

 <META Http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">

profil atribut dari

HEAD menentukan lokasi suatu  Nilai profil atribut adalah URI. agen Pengguna dapat menggunakan URI dalam dua cara:

  • Sebagai nama yang unik secara global. agen Pengguna dapat mengenali nama (tanpa benar-benar mengambil profil) dan melakukan beberapa kegiatan yang didasarkan pada konvensi dikenal memiliki profil tersebut. Misalnya, mesin pencari dapat menyediakan sebuah antarmuka untuk pencarian melalui katalog dari dokumen HTML, di mana dokumen-dokumen semua menggunakan profil yang sama untuk mewakili entri katalog.
  • Sebagai sebuah link. agen Pengguna dapat dereference URI dan melakukan beberapa kegiatan berdasarkan definisi sebenarnya dalam profil (misalnya, mengesahkan penggunaan profil dalam dokumen HTML sekarang). Spesifikasi ini tidak mendefinisikan format untuk profil.

Contoh ini merujuk ke profil hipotetis yang mendefinisikan properti berguna untuk pengindeksan dokumen. Sifat didefinisikan oleh profil ini – termasuk “, penulis” hak cipta “”, “kata kunci”, dan “tanggal” – memiliki nilai-nilai mereka ditetapkan oleh berikutnya META deklarasi.

  <HEAD Profile="http://www.acme.com/profiles/core">
   <TITLE> Bagaimana untuk menyelesaikan Nota meliputi lembaran </ TITLE>
   <META Name="author" content="John Doe">
   <META Name="copyright" content="© 1997 Acme Corp.">
   <META Name="keywords" content="corporate,guidelines,cataloging">
   <META Name="date" content="1994-11-06T08:49:37+00:00">
  </ HEAD>

Sebagai spesifikasi ini ditulis, adalah praktek umum untuk menggunakan format tanggal yang dijelaskan dalam [RFC2616] , bagian 3.3. Seperti format ini relatif sulit untuk proses, kami sarankan bahwa penulis menggunakan ] [ISO8601 format tanggal. Untuk informasi lebih lanjut, lihat bagian di INS dan DEL elemen.

Para skema atribut memungkinkan penulis untuk menyediakan agen pengguna  tepat untuk menafsirkan data meta. Pada waktu, informasi tambahan tersebut dapat kritis, seperti ketika meta data dapat ditentukan dalam format yang berbeda. Sebagai contoh, seorang penulis bisa menentukan tanggal dalam ambigu) format (“10-9-97”, Apakah ini berarti 9 Oktober 1997 atau 10 September 1997? Para skema nilai atribut “Bulan-Hari-Tahun” akan disambiguate nilai ini tanggal.

Pada kali lain, skema atribut dapat memberikan membantu tetapi tidak penting informasi kepada agen pengguna.

Sebagai contoh, berikut skema deklarasi dapat membantu agen pengguna menentukan bahwa nilai dari identifier “” properti adalah nomor kode ISBN:

 <META Scheme="ISBN" name="identifier" content="0-8230-2355-9">

Nilai untuk skema atribut bergantung pada nama properti dan yang terkait profil .

Perhatikan. Satu sampel profil  (lihat [] DCORE ). Profil ini mendefinisikan satu set properti direkomendasikan untuk deskripsi bibliografi elektronik, dan dimaksudkan untuk mempromosikan interoperabilitas antara model deskripsi yang berbeda.

Dokumen Tubuh

Elemen

<ELEMEN! BODY OO ( blok%; | SCRIPT) + + (INS | DEL) – tubuh dokumen -> <! BODY ATTLIST % Attrs;coreattrs% , i18n% , acara%onload % Script; # TERSIRAT – dokumen tersebut telah dimuat – onunload % Script; # TERSIRAT – dokumen telah dihapus – >

Start tag: opsional, tag End: opsional

Atribut definisi

uri [CT]
Usang. Nilai atribut ini adalah URI yang menunjuk sebuah sumber gambar. Gambar latar belakang umumnya ubin (untuk browser visual).
warna [CI]
Usang. Atribut ini menentukan warna latar depan untuk teks (untuk browser visual).
warna [CI]
Usang. Atribut ini menentukan warna teks menandai link hypertext belum dikunjungi (untuk browser visual).
warna [CI]
Usang. Atribut ini menentukan warna teks menandai link hypertext dikunjungi (untuk browser visual).
warna [CI]
Usang. Atribut ini menentukan warna teks menandai link hypertext ketika dipilih oleh pengguna (untuk browser visual).

Atribut didefinisikan di tempat lain

Tubuh dokumen berisi konten dokumen. Konten tersebut dapat disajikan oleh agen pengguna dalam berbagai cara. Sebagai contoh, untuk browser visual, Anda dapat menganggap tubuh sebagai kanvas dimana isinya muncul: teks, gambar, warna, grafis, dll Untuk agen pengguna audio, konten yang sama dapat diucapkan. Karena style sheet sekarang cara yang lebih disukai untuk menentukan dokumen presentasi, atribut presentasi dari TUBUH telah usang .

Ditinggalkan CONTOH:
Fragmen HTML berikut menggambarkan penggunaan usang atribut. Hal ini menentukan warna latar belakang kanvas menjadi putih, latar depan teks warna hitam, dan warna merah hyperlink ke awalnya, fuchsia ketika diaktifkan, dan merah sekali dikunjungi.

 <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN"
    "Http://www.w3.org/TR/html4/loose.dtd">
 <HTML>
 <HEAD>
  <TITLE> Penelitian tentang dinamika populasi </ TITLE>
 </ HEAD>
 <BODY bgcolor = "white" text = "hitam"
   link = "merah" alink = "fuchsia" vlink = "merah">
   ...  dokumen tubuh ...
 </ BODY>
 </ HTML>

Menggunakan style sheet , efek yang sama dapat dicapai sebagai berikut:

 <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 / / EN"
    "Http://www.w3.org/TR/html4/strict.dtd">
 <HTML>
 <HEAD>
  <TITLE> Sebuah studi dinamika penduduk </ TITLE>
  <STYLE Type="text/css">
   BODY (background: putih, warna: hitam)
   A: link (color: red)
   J: mengunjungi (warna: merah)
   J: aktif (color: fuchsia)
  </ STYLE>
 </ HEAD>
 <BODY>
   ...  dokumen tubuh ...
 </ BODY>
 </ HTML>

Menggunakan eksternal (dihubungkan) lembar gaya memberikan Anda fleksibilitas untuk mengubah presentasi tanpa merevisi sumber dokumen HTML:

 <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 / / EN"
    "Http://www.w3.org/TR/html4/strict.dtd">
 <HTML>
 <HEAD>
  <TITLE> Penelitian tentang dinamika populasi </ TITLE>
  <LINK Rel="stylesheet" type="text/css" href="smartstyle.css">
 </ HEAD>
 <BODY>
   ...  dokumen tubuh ...
 </ BODY>
 </ HTML>

Framesets dan tubuh HTML. menggantikan BODY elemen oleh FRAMESET elemen. Silakan berkonsultasi dengan bagian frame untuk informasi lebih lanjut.

Atribut definisi

nama [CS]
Atribut ini menetapkan nama untuk suatu elemen. Nama ini harus unik dalam dokumen.
cdata-daftar [CS]
Atribut ini menetapkan nama kelas atau set nama kelas untuk suatu elemen. Setiap jumlah elemen dapat diberikan nama atau nama kelas yang sama. Beberapa nama kelas harus dipisahkan oleh karakter spasi.

Para id atribut memberikan suatu  untuk sebuah elemen (yang dapat diverifikasi oleh parser SGML). Sebagai contoh, paragraf berikut dibedakan oleh mereka id nilai:

 <P Id="myparagraph"> ini merupakan paragraf yang unik bernama </. P>
 <P Id="yourparagraph"> ini juga merupakan ayat yang unik bernama </. P>

The id atribut memiliki beberapa  dalam HTML:

  • Sebagai style sheet pemilih.
  • Sebagai target jangkar untuk link hypertext.
  • Sebagai sarana untuk referensi elemen tertentu dari sebuah naskah .
  • Sebagai nama yang dinyatakan OBYEK elemen.
  • Untuk pengolahan tujuan umum oleh agen pengguna (misalnya untuk mengidentifikasi bidang ketika penggalian data dari halaman HTML ke dalam database, menerjemahkan dokumen HTML ke format lain, dll).

The kelas atribut, di sisi lain, menugaskan satu atau lebih nama kelas untuk elemen, elemen tersebut dapat dikatakan menjadi milik kelas-kelas. Sebuah nama kelas dapat dipergunakan bersama oleh beberapa elemen contoh. The kelas atribut memiliki beberapa  dalam HTML:

  • Sebagai style sheet pemilih (ketika penulis ingin memberikan informasi gaya untuk satu set elemen).
  • Untuk pengolahan tujuan umum oleh agen-agen pengguna.

Dalam berikut  , yang SPAN elemen digunakan dalam hubungannya dengan id dan kelas atribut untuk markup pesan dokumen. Pesan ditampilkan dalam bahasa Inggris dan Perancis versi.

 <- Pesan bahasa Inggris! ->
 <P> <span Id="msg1" lang="en"> Variabel dinyatakan dua kali </ span>
 <P> <span Id="msg2" lang="en"> undeclared variabel </ span>
 <P> <span Id="msg3" lang="en"> Buruk sintaks untuk <nama variabel / span>

 <- Pesan Prancis! ->
 <P> <span Id="msg1" lang="fr"> Variabel déclarée deux fois </ span>
 <P> <span Id="msg2" indéfinie lang="fr"> <Variabel / span>
 <P> <span Id="msg3" lang="fr"> Erreur de syntaxe mencurahkan <variabel / span>

CSS berikut aturan style akan memberitahu agen pengguna visual untuk menampilkan pesan informasi dalam warna hijau, kuning pesan peringatan, dan pesan kesalahan merah:

 SPAN.info (warna: hijau)
 SPAN.warning (warna: kuning)
 SPAN.error (warna: merah)

Perhatikan bahwa “Prancis msg1” dan Inggris “msg1” mungkin tidak muncul dalam dokumen yang sama karena mereka berbagi sama id nilai. Penulis dapat menggunakan lebih dariid atribut untuk memperbaiki penyajian pesan individu, membuat jangkar sasaran mereka, dll

Hampir setiap elemen HTML dapat diberikan informasi dan identifier kelas.

Anggaplah, misalnya, bahwa kita menulis dokumen tentang bahasa pemrograman. Dokumen ini untuk menyertakan sejumlah contoh terformat. Kami menggunakan PRA elemen untuk memformat contoh. Kami juga memberikan warna latar belakang (hijau) untuk semua contoh dari PRA elemen milik contoh “kelas”.

 <HEAD>
 <TITLE> ...  ... judul dokumen </ TITLE>
 <STYLE Type="text/css">
 PRE.example (background: green)
 </ STYLE>
 </ HEAD>
 <BODY>
 <PRE id="example-1">
 ... Contoh kode di sini ...
 </ PRA>
 </ BODY>

Dengan pengaturan id atribut untuk contoh ini, kita dapat (1) membuat suatu hyperlink untuk itu dan (2) menimpa informasi gaya kelas dengan gaya informasi contoh.

Catatan. id saham atribut ruang nama yang sama dengan nama atribut bila digunakan untuk nama anchor. Silakan berkonsultasi dengan bagian jangkar dengan id untuk informasi lebih lanjut.

Beberapa elemen HTML yang mungkin muncul dalam tubuh dikatakan  sementara yang lain  (juga dikenal sebagai “level teks”). Perbedaan ini didasarkan pada beberapa pengertian:

Konten model
Secara umum, tingkat blok-elemen dapat memuat unsur inline dan lainnya blok-tingkat elemen. Secara umum, elemen inline mungkin berisi data yang hanya dan elemen inline lain. Melekat dalam perbedaan struktural ini adalah gagasan bahwa unsur-unsur blok menciptakan “lebih besar” struktur dari elemen inline.
Format
Secara default, blok-tingkat elemen diformat berbeda dari elemen inline. Secara umum, tingkat blok-elemen mulai pada baris baru, unsur-unsur tidak inline. Untuk informasi tentang ruang putih, jeda baris, dan blok format, silakan berkonsultasi pada bagian teks .
Directionality
Untuk alasan teknis yang melibatkan [UNICODE] teks algoritma bidirectional, blok-tingkat dan elemen inline berbeda dalam cara mereka mewarisi informasi directionality. Untuk rincian, lihat bagian tentang warisan arah teks .

Gaya lembar menyediakan cara untuk menentukan elemen rendering sewenang-wenang, termasuk apakah unsur adalah diterjemahkan sebagai blok atau inline. Dalam beberapa kasus, seperti gaya inline untuk elemen daftar, ini mungkin tepat, tapi secara umum, penulis disarankan untuk tidak mengesampingkan interpretasi konvensional elemen HTML dengan cara ini.

Perubahan dari presentasi idiom tradisional untuk tingkat blok dan elemen inline juga berdampak pada  Lihat bagian tentang pengaruh style sheet pada bidirectionality untuk informasi lebih lanjut.

Pengelompokan unsur: tersebut  dan  elemen

<ELEMEN! DIV – – ( aliran%; ) * – bahasa generik / wadah gaya -> <! DIV ATTLIST % Attrs;coreattrs% , i18n% , acara% – > <ELEMEN! SPAN – – ( inline%; ) * – bahasa generik / wadah gaya -> <! SPAN ATTLIST % Attrs;coreattrs% , i18n% , acara% – >

Start tag: dibutuhkan, tag End: diperlukan

Atribut didefinisikan di tempat lain

Para DIV dan SPAN elemen, dalam hubungannya dengan id dan kelas atribut, menawarkan mekanisme generik untuk menambahkan struktur dokumen. Unsur-unsur menetapkan konten menjadi inline ( SPAN ) atau blok-tingkat ( DIV ) tapi tidak memaksakan idiom presentational lainnya pada konten. Jadi, penulis dapat menggunakan elemen ini dalam hubungannya dengan style sheet , yang lang atribut, dll, untuk HTML sesuai kebutuhan dan selera mereka sendiri.

Anggaplah, misalnya, bahwa kita ingin menghasilkan sebuah dokumen HTML berdasarkan informasi database klien. Karena HTML tidak termasuk elemen yang mengidentifikasi objek seperti “klien”, “telepon” nomor, “alamat” email, dll, kami menggunakan DIV dan SPAN untuk mencapai efek struktural dan presentasi yang diinginkan. Kami mungkin menggunakanTABLE elemen sebagai berikut untuk struktur informasi:

 <- Contoh data dari database klien!: ->
 <- Nama!: Stephane Boyera, Tel: (212) 555-1212, Email: sb@foo.org ->

 <div Id="client-boyera">
 <P> <span> informasi Klien: </ span>
 <table>
 <tr> <TH> Nama Terakhir: <td> Boyera </ TR>
 <tr> <TH> Nama: <td> Stephane </ TR>
 <tr> <TH> Tel: <td> (212) 555-1212 </> TR
 <tr> <TH> Email: <td> sb@foo.org </ TR>
 </ TABLE>
 </ DIV>

 <div Id="client-lafon">
 <P> <span> informasi Klien: </ span>
 <table>
 <tr> <TH> Nama Terakhir: <td> Lafon </ TR>
 <tr> <TH> Nama: <td> Yves </ TR>
 <tr> <TH> Tel: <td> (617) 555-1212 </> TR
 <tr> <TH> Email: <yves@coucou.com <td> / TR>
 </ TABLE>
 </ DIV>

Kemudian, kita dengan mudah dapat menambahkan deklarasi style sheet untuk menyesuaikan presentasi ini entri database.

Sebagai contoh penggunaan lain, silahkan baca contoh di bagian kelas dan atribut id .

Visual agen pengguna umumnya tempat istirahat baris sebelum dan sesudah DIV elemen, misalnya:

 AAAAAAAAA <P> <DIV> <bbbbbbbbb / DIV> <DIV> ccccc ccccc <P> </ DIV>

yang biasanya diterjemahkan sebagai:

 AAAAAAAAA
 bbbbbbbbb
 ccccc

 ccccc

Judul: The  elemen

<Pos ENTITAS!% ” H1 | H2 | H3 | H4 | H5 | H6 “> <! – Ada enam tingkat dari pos dari H1 (yang paling penting) untuk H6 (paling penting). -> <(! ELEMEN % pos; ) – – ( inline%; ) * – pos -> <(! ATTLIST % pos; ) % Attrs;coreattrs% , i18n% , acara% – >

Start tag: dibutuhkan, tag End: diperlukan

Atribut didefinisikan di tempat lain

Unsur pos secara ringkas menjelaskan topik bagian itu memperkenalkan,. Pos informasi dapat digunakan pengguna dengan agen misalnya, untuk membuat daftar isi untuk dokumen secara otomatis.

Ada enam tingkat judul dalam HTML dengan H1 sebagai yang paling penting dan H6 sebagai sedikit. Visual browser biasanya membuat judul yang lebih penting dalam font yang lebih besar dari yang kurang penting.

Contoh berikut menunjukkan bagaimana menggunakan DIV elemen untuk mengasosiasikan dengan judul bagian dokumen yang mengikutinya. Melakukan hal itu memungkinkan Anda untuk menentukan gaya untuk bagian (warna latar belakang, mengatur font, dll) dengan style sheet.

 <div id="forest-elephants">
 Hutan <h1> gajah </ H1>
 <P> Pada bagian ini, kita membahas gajah hutan kurang dikenal.
 ... Bagian ini terus ...
 <div id="forest-habitat">
 <H2> Habitat </ H2>
 Hutan <P> gajah tidak hidup di pohon tetapi di antara mereka.
 ... Ayat ini terus ...
 </ DIV>
 </ DIV>

This structure may be decorated with style information such as:

 <HEAD>
<TITLE> ... document title ... </TITLE>
<STYLE type="text/css">
DIV.section { text-align: justify; font-size: 12pt}
DIV.subsection { text-indent: 2em }
H1 { font-style: italic; color: green }
H2 { color: green }
</STYLE>
 </ HEAD>

Numbered sections and references
HTML does not itself cause  to be generated from headings. This facility may be offered by user agents, however. Soon, style sheet languages such as CSS will allow authors to control the generation of section numbers (handy for forward references in printed documents, as in “See section 7.2”).

Some people consider  to be bad practice. They accept H1 H2 H1 while they do not accept H1 H3 H1 since the heading level H2 is skipped.

The  element

<!ELEMENT ADDRESS – – ( %inline; )* — information on author –> <!ATTLIST ADDRESS %attrs;%coreattrs , %i18n , %events — >

Start tag: required , End tag: required

Attributes defined elsewhere

The ADDRESS element may be used by authors to supply contact information for a document or a major part of a document such as a form. This element often appears at the beginning or end of a document.

For example, a page at the W3C Web site related to HTML might include the following contact information:

<ADDRESS>
<A href="../People/Raggett/">Dave Raggett</A>,
<A href="../People/Arnaud/">Arnaud Le Hors</A>,
contact persons for the <A href="Activity">W3C HTML Activity</A><BR>
$Date: 1999/12/24 23:37:50 $
</ADDRESS>

Iklan