Dengan materyalam htmlbook.ru
Pengembangan dari HTML dalam arti, adalah di
berhenti - tag baru tidak lagi diperlukan karena
kurangnya sudah ada, selain fokus halaman web telah
bergeser ke gaya yang meningkatkan kemampuan
dokumen. Tentu saja, CSS tidak menggantikan HTML,
tetapi memungkinkan penggunaan seperangkat
terbatas tag, dan unsur-unsur bentuk, posisi dan
berbagai parameter diatur melalui gaya.
HTML adalah keterbatasan tertentu dan fakta bahwa
hal ini berkaitan dengan bahasa formal, dalam arti
bahwa tag dan struktur hirarkis yang kaku mereka
diuraikan dalam spesifikasi. Oleh karena itu,
mendapatkan popularitas XML, yang memungkinkan
Anda untuk membuat tag kustom, dan untuk
membentuk struktur mereka. Perbedaan antara HTML
dan XML tidak tag saja, tetapi juga aturan penulisan
kode. Browser ketika bekerja dengan HTML «mata"
untuk kekurangan kecil berbagai kekurangan dalam
struktur atau apa yang tidak benar ditentukan. Dengan
XML, trik tersebut tidak bekerja, sehingga browser
akan melemparkan sebuah kesalahan yang tidak
benar terbentuk dokumen.
Untuk mengajarkan pengembang yang "benar" cara
berpikir, mengubah gaya mereka menulis kode, serta
untuk mengurangi kesenjangan antara HTML dan XML,
dan telah dikembangkan XHTML, sebagai langkah
menengah antara mereka.
XHTML (Extensible HyperText Markup Language,
Advanced Hypertext Markup Language) dirancang
untuk menggantikan HTML, itu dianggap versi yang
lebih ketat. Secara umum, W3C XHTML mendefinisikan
sebagai versi terbaru dari HTML, yang secara bertahap
menggantikan. Apakah situasi ini akan benar-benar,
hanya waktu akan kirim.
Ketika berpikir tentang beberapa kode yang sempurna,
halaman web, dapat dibandingkan dengan sebuah
program yang tidak akan dikompilasi sampai saat itu,
sampai semua kesalahan diperbaiki. Browser bertindak
sebagai compiler dan tidak menampilkan dokumen
jika tidak memenuhi spesifikasi. XHTML,
mempertahankan semua fitur dari HTML, membuat
aturan lebih ketat untuk membuat halaman, untuk
lebih dekat dengan kode "ideal". Hal ini memungkinkan
Anda untuk membuat situs independen dari perangkat
layar dan browser. Dengan kata lain, situs akan
muncul dengan benar di semua browser modern dan
platform seperti PC, smartphone, dll naladonikah
Bahkan, hal-hal yang tidak begitu membosankan.
Vendor perangkat lunak tidak mampu untuk
memungkinkan anak mereka untuk bekerja hanya
dengan kode "benar". Dan semua karena fakta bahwa
sebagian besar situs di dunia tidak bisa ditampilkan
dalam browser. Menyalahkan keadaan ini dan para
pengembang dan pengguna. Yang pertama tidak
memberikan dukungan yang memadai dengan
spesifikasi pada browser mereka, sedangkan yang
kedua tidak repot-repot mengikutinya.
Untuk alasan ini, XHTML 1.x hanya kemiripan HTML,
tetapi dengan sintaks yang ketat lebih, dan tidak
begitu menjanjikan bahasa markup, yang tentunya
bernilai pergi karena fitur unik.
Setiap XHTML-file terdiri dari tiga bagian - tag
<DOCTYPE>, judul (<HEAD>) dan tubuh dokumen
(<BODY>). Dua yang terakhir item dipindahkan dari
HTML dan tidak berbeda dari nenek moyang mereka
(contoh 2.1).
Contoh 2.1. Sebuah dokumen XHTML-sederhana
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Transitional / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<- Bagian ini dimaksudkan untuk header halaman dan
informasi teknis!. ->
</ Kepala>
<body>
<-! Dan di sini kita harus menempatkan segala sesuatu
yang saya ingin melihat pada halaman. ->
</ Tubuh>
</ Html>
Tag <DOCTYPE> memberitahu browser tentang jenis
dokumen saat ini dan bagaimana menafsirkannya. Ada
beberapa versi dan jenis-dokumen XHTML, mereka
tercantum dalam Tabel. 2.1.
Tab. 2.1. Versi XHTML dan jenis dokumen yang valid
Versi Deskripsi Tipe Dokumen XHTML
XHTML 1.0 Strict «ketat" dokumen penjelasan yang
mencakup semua aturan.
XHTML 1.0 Transitional «transisi" jenis, lebih setia pada
kode dokumen.
XHTML 1.0 Frameset akan dibuat bila
menggunakan frame halaman.
XHTML 1.1 XHTML 1.1 Versi ini didasarkan pada XHTML 1.0
Strict, tetapi dipahami sebagai aplikasi XML browser.
Terutama dirancang untuk bekerja dengan berbagai
media data.
XHTML Strict 1.0
Hal ini digunakan dalam hal dokumen tersebut adalah
pemisahan yang jelas dari presentasi dan konten.
Dalam kode ini halaman web berisi tag markup saja,
dan jenis elemen didefinisikan oleh gaya (contoh 2.2).
Contoh 2.2. Tata letak dokumen dengan kuat
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Strict / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> ... </ Kepala>
<body> ... </ Tubuh>
</ Html>
XHTML 1.0 Transitional
Biasanya digunakan ketika aturan pemisahan
penyajian dan isi tidak puas secara penuh. Dalam hal
ini, suatu instrumen yang digunakan dalam tag kode
desain fisik (misalnya, tag <tt>) dan hanya sebagian
gaya. Pada Contoh 2.3 menunjukkan pandangan dari
tag <DOCTYPE> untuk dokumen tersebut.
Contoh 2.3. "Transisi" dokumen
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Transitional / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> ... </ Kepala>
<body> ... </ Tubuh>
</ Html>
XHTML 1.0 Frameset
Hal ini digunakan ketika jendela browser dibagi
menjadi dua atau lebih frame (misalnya 2,4).
Contoh 2.4. Sebuah dokumen dengan bingkai
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Frameset / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-
frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> ... </ Kepala>
<frameset> ... </ Frameset>
</ Html>
Tag meskipun opsional <DOCTYPE>, tetapi tidak secara
langsung bagian dari XHTML-dokumen, sehingga tidak
memerlukan tag penutup.
XHTML 1.1
Ia adalah versi yang lebih tua dari "ketat» XHTML
(Contoh 2.5).
Contoh 2.5. XHTML 1.1
<! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML
1.1 / / EN" "http://www.w3.org/TR/xhtml11/DTD/
xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> ... </ Kepala>
<body> ... </ Tubuh>
</ Html>
Dokumen XHTML Strict Template
<HTML> Tag adalah akar untuk elemen-elemen lain
dari halaman Web dan terletak segera setelah
Document Type Definition <DOCTYPE>. Karena jenis
dokumen bisa apa saja, bukan hanya mereka yang
disajikan pada Tabel. 2,1, perlu untuk menjelaskan
browser bahwa itu berurusan dengan spesifikasi
XHTML. Apa parameter tag ditambahkan xmlns
<HTML>.
Komentar
Sementara pengaturan tag xmlns <HTML> dan
dianggap wajib, tetapi validator tidak menimbulkan
kesalahan jika tidak ada xmlns.
Juga di <TITLE> wadah <HEAD> sundulan yang
diperlukan. Dengan demikian, XHTML-dokumen minimal
meta-pengaturan encoding dari suatu halaman web,
yang ditunjukkan pada Contoh 2.6.
Contoh 2.6. Template XHTML-dokumen
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Strict / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; http-equiv="Content-Type"
charset=windows-1251" />
<title> New Document </ title>
</ Kepala>
<body>
</ Tubuh>
</ Html>
Dalam contoh ini, jenis XHTML 1.0 Strict dan
Windows-1251.
Saat menulis kode XHTML mengikuti sintaks yang
sama, yang merupakan karakteristik untuk HTML.
Perbedaan antara HTML dan XHTML adalah untuk
mengatur beberapa aturan wajib.
Berikut aturan XHTML.
Semua tag dan parameter harus diketik dalam huruf
kecil (huruf kecil).
Nilai-nilai dari setiap parameter harus diapit tanda
kutip.
Diperlukan untuk menutup semua tag, bahkan mereka
yang tidak terkait dengan tag penutup.
Harus dijaga tag dengan benar bersarang.
Jangan menggunakan singkatan atribut tag.
Alih-alih parameter nama diperlukan untuk
menentukan id atribut.
Hal ini diperlukan untuk menentukan DTD (dokumen
jenis definisi, deskripsi jenis dokumen) dengan tag
<DOCTYPE>.
Tags harus diketik dalam huruf kecil
Aturan ini muncul dari kenyataan bahwa XHTML adalah
sensitif huruf, sehingga tag dan <hr> <HR> berbeda.
Untuk menghindari kebingungan, sintaks dipaksa untuk
membuat untuk menutup semua tag dan parameter
mereka dalam huruf kecil. Pada Contoh 3.1 adalah
penyalahgunaan tag.
Contoh 3.1. Salah ejaan tag
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Transitional / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html>
<BODY>
<P> Lorem ipsum dolor sit amet ... </ P>
</ BODY>
</ Html>
Dalam contoh ini, tag dan <p> <body> mengetikkan
karakter huruf besar, yang merupakan kesalahan.
Contoh 3.2 menunjukkan kode yang benar.
Contoh 3.2. Ejaan yang benar dari tag
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Transitional / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html>
<body>
<p> Lorem
ipsum dolor sit amet ... </ p>
</ Tubuh>
</ Html>
Komentar
Di masa depan, pada penyebutan tag, biasanya akan
menunjukkan simbol atas untuk penekanan. Tapi
dalam hal ini dalam tag contoh selalu huruf kecil.
Nilai-nilai dari setiap parameter harus diapit tanda kutip
Sementara HTML juga diperlukan untuk masuk ke
dalam argumen dalam tanda kutip, tapi ketidakhadiran
mereka tidak mempengaruhi kebenaran kode. Jadi kita
dapat mengatakan bahwa penggunaan tanda kutip
dalam HTML hanya rekomendasi. Dalam XHTML
penggunaan tanda kutip diperkenalkan dalam aturan,
dan setiap parameter yang diperlukan untuk
menentukan hanya mereka (Contoh 3.3).
Contoh 3.3. Gunakan tanda kutip
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Transitional / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html>
<body>
<table border="1" width="200" cellpadding="5"
cellspacing="0">
<tr>
<th scope="col"> Cheburashka </ th>
<th scope="col"> Shapoklyak </ th>
</ Tr>
<tr>
<td> 1 </ td>
<td> 5 </ td>
</ Tr>
<tr>
<td> 4 </ td>
<td> 13 </ td>
</ Tr>
</ Table>
</ Tubuh>
</ Html>
Dalam contoh ini, semua parameter dari <table> tag,
dan <th> diatur dalam tanda kutip.
Diperlukan untuk menutup semua tag
Dalam HTML, tag dibagi menjadi dua kategori - tag
dipasangkan, wadah dan kadang-kadang disebut tag
tunggal. Tag Paduan terdiri dari membuka dan
menutup tag, dan dalam beberapa kasus, tag akhir
dapat dihilangkan, karena browser menambahkan
secara otomatis. Dalam XHTML membutuhkan tag
penutup selalu dan di mana-mana. Contoh 3.4
menunjukkan kode error, karena tag yang hilang </
p>.
Contoh 3.4. Tidak ada tag penutup
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Transitional / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html>
<body>
<p> dan diam-diam naik ke pesawat,
<p> bom dan menempatkan dia di perut,
<p> dan melarikan diri diam-diam, seperti kucing;
<p> dan kemudian - bukan urusan kita.
</ Tubuh>
</ Html>
Biasanya, pengembang mengabaikan tag penutup </
li> </ p> </ td>, tetapi dalam XHTML ketidakhadiran
mereka dianggap kesalahan. Pada Contoh 3.5
menunjukkan penggunaan yang benar dari daftar.
Contoh 3.5. Menambahkan List
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Transitional / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html>
<body>
<ul>
<li> Timur </ li>
<li> Barat </ li>
<li> Selatan </ li>
<li> Utara </ li>
</ Ul>
</ Tubuh>
</ Html>
Dalam contoh ini, setiap tag pembuka cocok tag
penutupan.
Komentar
Tag <DOCTYPE> bukan bagian dari XHTML-dokumen,
sehingga tidak memerlukan tag penutup.
Sedangkan untuk tag tunggal, maka mereka harus
berakhir dengan sebuah garis miring sebelum braket
sudut penutup, seperti yang ditunjukkan pada Contoh
3.6.
Contoh 3.6. Menambahkan gambar
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Transitional / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html>
<body>
<img src="test.gif" width="873" height="620"
alt="testovaya kartinka" />
</ Tubuh>
</ Html>
Dalam contoh ini, perhatikan ruang yang diperlukan,
yang mendahului konstruksi />.
Pada Tabel. 3,1 menunjukkan beberapa tag HTML dan
merekam mereka dalam dokumen XHTML-.
Tabel 3.1. Perbandingan dari HTML dan XHTML-tag
HTML XHTML tag-tag
<br> <br />
<hr> <hr />
<input> <input />
<img> <img />
<META> <meta />
Harus dijaga tag dengan benar bersarang
XHTML kritis terhadap jenis berikut kesalahan: salah
satu tag bersarang ke yang lain, dan lokasi dari tag
dalam wadah yang salah.
Tepat bersarang tag
Setiap tag harus ditempatkan di dalam tag lain,
sementara tidak dapat diterima dengan
"persimpangan", seperti yang ditunjukkan pada Contoh
3.7.
Contoh 3.7. Kesalahan dengan posisi tag
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Transitional / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html>
<body>
<p> Lorem ipsum dolor <b> <i> duduk </ b> </ i>
amet ... </ p>
</ Tubuh>
</ Html>
Dalam contoh ini, tag penutup </ b> mendahului tag </
i>, meskipun harus sebaliknya, yang menghasilkan
kesalahan. Hal ini diperlukan untuk mengubah tag di
beberapa tempat, kode sudah benar.
Komentar
Meskipun kode Validator dan kesalahan dalam kasus
salah tag, browser, sementara benar menampilkan
halaman web.
Hirarki tag
Semua tag memiliki sistem hirarkis yang ketat dalam
arti bahwa setiap tag harus berada di dalam tag lain
dan tidak ada lagi. Di bagian atas dari kondisional
adalah elemen root <HTML>, dan semua tag lain dapat
berisi tag lain, yang disebut anak perusahaan. Dengan
demikian, tag anak ditempatkan dalam elemen induk.
Anda harus tahu rantai tag perintah dan mengikutinya
secara tertulis
kode XHTML. Contoh 3.8 menunjukkan struktur dasar
dari dokumen.
Contoh 3.8. Dokumen Struktur
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Strict / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; http-equiv="Content-Type"
charset=windows-1251" />
<title> New Document </ title>
</ Kepala>
<body>
...
</ Tubuh>
</ Html>
Dalam contoh ini, tag pertama adalah <HTML>, yang
terletak di dalam tag dan <BODY> <HEAD>. Di dalam
judul bagian dokumen disimpan <HEAD> (<TITLE>) dan
kode halaman (<META>).
Komentar
Parameter ini diperlukan untuk menambahkan tag
xmlns <HTML>. Namun, ketiadaan tidak mempengaruhi
hasil penerbitan validator. Hal ini disebabkan oleh fakta
bahwa browser secara otomatis dimasukkan ke dalam
pilihan ini.
Jangan menggunakan singkatan atribut tag
Mengurangi atribut adalah parameter tanpa nilai yang
diberikan. Contoh 3.9 menunjukkan formulir dengan
penggunaan atribut tersebut.
Contoh 3.9. Kesalahan ketika menggunakan parameter
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Strict / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta content="text/html; http-equiv="Content-Type"
charset=windows-1251" />
<title> Form </ title>
</ Kepala>
<body>
<form action="/cgi-bin/handler.cgi" method="post">
<fieldset>
<input type="text" value="Sovet dnya" dibaca />
</ Fieldset>
</ Form>
</ Tubuh>
</ Html>
"Null", bagaimana lagi adalah kesalahan semacam itu
mudah dikoreksi, jika Anda memberikan nilai pada
satu atau argumen yang cocok dengan atribut name.
Pada Tabel. 3,2 menunjukkan beberapa parameter dan
bagaimana mereka ditulis dalam HTML dan XHTML.
Tabel 3.2. Perbandingan parameter dalam HTML dan
XHTML
HTML XHTML
diperiksa checked = "checked"
kompak kompak = "kompak"
dinonaktifkan dinonaktifkan = "cacat"
ismap ismap = "ismap"
beberapa beberapa = "beberapa"
nohref nohref = "nohref"
noresize noresize = "noresize"
noshade noshade = "noshade"
nowrap nowrap = "nowrap"
readonly readonly = "readonly"
dipilih dipilih = "dipilih"
Pada Contoh 3.10 menunjukkan penggunaan yang
benar dari bentuk di atas.
Contoh 3.10. Tepat penggunaan parameter
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Strict / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta content="text/html; http-equiv="Content-Type"
charset=windows-1251" />
<title> Form </ title>
</ Kepala>
<body>
<form action="/cgi-bin/handler.cgi" method="post">
<fieldset>
<input type="text" value="Sovet dnya" readonly="1" />
</ Fieldset>
</ Form>
</ Tubuh>
</ Html>
Alih-alih parameter nama diperlukan untuk
menentukan atribut id
Parameter nama didefinisikan dalam tag HTML untuk
<A>, <FRAME>, <img> <iframe>, dan <MAP> dan
dimaksudkan untuk mewakili suatu item dengan
maksud untuk dirinya pengobatan. Dalam XHTML
parameter nama adalah dari penggunaan, tetapi harus
menggunakan id, seperti yang ditunjukkan pada
Contoh 3.11.
Contoh 3.11. ID dari gambar
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0
Transitional / / EN"
"Http :/ / www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html>
<body>
<img src="bgtop.gif" id="pic1" />
</ Tubuh>
</ Html>
Hal ini diperlukan untuk menentukan DTD
Semua dokumen XHTML-harus berisi tag, yang
menentukan DTD, dan mematuhi struktur hirarkis tag
bersarang. <DOCTYPE>
