Kembali ke masa lalu, ketika standar HTML masih menjadi target bergerak, tidak masalah apakah Anda mengakhiri tag <p> dengan benar atau memisahkan aturan pemformatan dari kode gaya Anda. Tag yang tidak cocok, atribut yang hilang, elemen bersarang yang buruk - kurangnya standar yang diadopsi secara luas menyebabkan kesalahan ini dan kesalahan lainnya, tetapi karena sebagian besar browser memiliki kecerdasan bawaan untuk menghindari kesalahan ini, sebagian besar pengembang Anda tidak akan menyadari keberadaannya sama sekali .
Meskipun browser sendiri sedang mencoba memperbaiki kesalahan ini, bukan berarti Anda dapat mengabaikan masalah ini. Agar halaman web Anda berperilaku konsisten di semua browser, HTML Anda harus sepenuhnya konsisten dengan aturan dan sintaksis yang ditentukan dalam standar W3C. Ada banyak alat untuk mencapai persyaratan ini, baik online maupun offline mereka: HTML Tidy yang sangat keren.
HTML Tidy adalah alat pemeriksa HTML gratis. Alat ini dirancang untuk memeriksa kode HTML Anda dan menunjukkan tempat-tempat yang tidak sepenuhnya mematuhi standar yang diterbitkan W3C. Alat ini dapat digunakan untuk menganalisis file HTML atau string yang berisi pernyataan HTML dapat secara otomatis melakukan modifikasi yang diperlukan agar kode tersebut sesuai dengan standar yang relevan.
Memasang
HTML Tidy gratis dan dapat dijalankan pada platform Windows, Macintosh, dan *NIX. Versi biner tersedia untuk segera digunakan. Jika Anda menjalankan platform *NIX, Anda mungkin memilih untuk mengkompilasi dan menginstalnya sendiri dari kode sumber lakukan: Ekstrak file sumber ke folder sementara Anda dan lakukan proses kompilasi-instal dasar, seperti ini:
shell> cd /tmp/tidy/build/gmake
cangkang> buat
shell> buat instal
Ketika proses ini selesai, Anda seharusnya dapat menemukan Tidy versi biner yang dikompilasi di folder /tmp/tidy/bin/tidy. Salin file ini ke folder sistem Anda /usr/local/bin / agar lebih mudah diakses . Sekarang Anda siap menggunakan alat ini.
Penggunaan dasar
Setelah versi biner diinstal, Anda dapat segera mulai menggunakannya untuk memverifikasi kode HTML. Listing A menunjukkan contoh sederhana:
Daftar A:
shell> rapi -e -q index.html
baris 1 kolom 1 - Peringatan: deklarasi <!DOCTYPE> tidak ada
baris 2 kolom 1 - Peringatan: memasukkan elemen 'judul' yang hilang
baris 4 kolom 1 - Peringatan: atribut kepemilikan <body> margin kiri
baris 6 kolom 1 - Peringatan: <tabel> tinggi atribut kepemilikan
baris 6 kolom 1 - Peringatan: <table> tidak memiliki atribut ringkasan
baris 11 kolom 37 - Peringatan: <img> tidak memiliki atribut alt
baris 15 kolom 1 - Peringatan: <table> tidak memiliki atribut ringkasan
baris 17 kolom 50 - Peringatan: <img> tidak memiliki atribut alt
Dalam contoh ini, Tidy menemukan delapan potensi kesalahan dalam file dan mencetak peringatan untuk setiap kesalahan. Perhatikan bahwa kesalahan ini bukan kesalahan serius, tetapi hanya peringatan bahwa beberapa bagian kode tidak terlalu benar.
Anda dapat secara otomatis memperbaiki file asli dengan menambahkan opsi -m (pengubah) ke baris perintah:
cangkang> rapi -m -q indeks.html
Jika Anda perlu menguji situs web besar, Anda dapat menggunakan wildcard pada baris perintah untuk menguji semua file dalam satu folder (bukan hanya satu):
cangkang> rapi -m -q *.html
Jika Anda ingin Tidy membantu menulis halaman web yang diperbaiki ke file baru (daripada menimpa yang asli), gunakan opsi -output dengan nama file baru, seperti pada contoh berikut:
shell> rapi -output indeks.html.baru -q indeks.html
Anda dapat menampilkan semua kesalahan ke file log terpisah untuk ditinjau nanti melalui opsi -e ("kesalahan"):
shell> rapi -f error.log indeks.html
Perhatikan juga bahwa jika kode HTML Anda berisi kode PHP, ASP, atau JSP yang tertanam, Tidy akan mengabaikannya dan membiarkannya di tempatnya, artinya Anda bahkan dapat menjalankan alat Tidy pada skrip sisi server, untuk memeriksa bagian kode HTML, ini adalah contoh:
shell> rapi -e -q processor.php
Anda juga dapat menjalankan alat Tidy secara interaktif, hanya memanggil file program tanpa menambahkan argumen apa pun. Dalam contoh ini, Tidy menunggu masukan dari konsol dan memeriksa kesalahan.
Daftar B
cangkang> rapi
<html>
baris 1 kolom 1 - Peringatan: deklarasi <!DOCTYPE> tidak ada
<kepala>
<title>Ini adalah ujian
</kepala>
baris 3 kolom 1 - Peringatan: </title> hilang sebelum </head>
<tubuh margin kiri=0>
<p>
Ini adalah paragraf yang diakhiri dengan buruk
</tubuh>
</html>
baris 5 kolom 1 - Peringatan: atribut kepemilikan <body> margin kiri
Info: Konten dokumen terlihat seperti HTML Proprietary
3 peringatan, 0 kesalahan ditemukan!
Perhatikan bahwa selain memberi Anda peringatan kesalahan secara real-time, Tidy juga dapat mencetak versi kode yang benar di akhir masukan:
<html>
<kepala>
<nama meta=konten generator=
HTML Tidy untuk Linux/x86 (versi 1 September 2005), lihat www.w3.org>
<title>Ini adalah ujian</title>
</kepala>
<tubuh margin kiri=0>
<p>Ini adalah paragraf yang diakhiri dengan buruk</p>
</tubuh>
</html>
Aplikasi tingkat lanjut
Anda juga dapat mengontrol bagaimana Tidy memodifikasi file. Hal ini dapat dicapai dengan meneruskan parameter tertentu pada baris perintah.
shell> rapi -output new.html -i index.html
Untuk mengganti <font> dan elemen pemformatan lain yang terkait dengan aturan gaya CSS, Anda dapat menggunakan opsi -c ("clear"):
shell> rapi -keluaran baru.html -c indeks.html
Secara default, Tidy menggunakan huruf kecil untuk semua tag dan atribut dalam file HTML. Jika Anda ingin menggunakan huruf besar, Anda dapat menambahkan opsi -u ("huruf kapital"), seperti yang ditunjukkan pada contoh berikut:
shell> rapi -keluaran baru.html -c -u indeks.html
Untuk membungkus teks pada lebar garis tertentu, Anda dapat menambahkan opsi -w ("line wrap") dengan lebar garis tertentu, seperti yang ditunjukkan dalam contoh berikut:
shell> rapi -output new.html -w 40 index.html
Anda dapat mengonversi dokumen HTML menjadi dokumen XHTML dengan menambahkan opsi -asxhtml:
shell> rapi -output new.html -asxhtml index.html
Operasi sebaliknya dimungkinkan melalui opsi -ashtml:
shell> rapi -output baru.html -ashtml index.html
Jika Anda perlu melakukan penyesuaian ekstensif pada opsi default Tidy, sebaiknya letakkan opsi ini di file konfigurasi terpisah yang dapat Anda rujuk setiap kali Anda memanggil program. Listing C menunjukkan contoh file konfigurasi:
Daftar C:
telanjang: ya # hapus HTML berpemilik
doctype: otomatis # atur doctype
drop-empty-paras: yes # secara otomatis menghapus tag <p> yang kosong
fix-backslash: yes # ganti dengan / di URL
atribut-literal: ya # pertahankan spasi pada nilai atribut
literal rendah: ya # ubah nilai atribut menjadi huruf kecil
output-xhtml: yes # menghasilkan keluaran XHTML yang valid
quote-ampersand: ya # ganti & dengan &
tanda kutip: ya # ganti dengan
atribut-terulang: simpan-terakhir # gunakan atribut terakhir yang diduplikasi
indent: yes # secara otomatis membuat indentasi kode
spasi indentasi: 2 # jumlah spasi yang akan diindentasi
wrap-php: tidak ada # bungkus teks yang terdapat dalam tag PHP
char-encoding: pengkodean karakter ascii # yang akan digunakan
tanda rapi: tidak # hilangkan Informasi meta yang rapi dalam kode yang dikoreksi
Saat mengatur file, Anda dapat meminta Tidy untuk menggunakan pengaturan ini dengan menambahkan opsi -config ke baris perintah:
shell> rapi -output a.html -configconfig.tidy indeks.html
Anda bisa mendapatkan daftar opsi konfigurasi dengan opsi -help-config:
shell> rapi -help-config...quote-ampersand Boolean y/n,
ya/tidak, t/f, benar/salah, tanda kutip 1/0 Boolean y/n,
ya/tidak, t/f, benar/salah, 1/0quote-nbsp Boolean y/n,
ya/tidak, t/f, benar/salah, 1/0 atribut-berulangsenum tetap-pertama,
simpan-lasreplace-warna Boolean y/n, ya/tidak,
t/f, benar/salah, 1/0 Boolean khusus badan pertunjukan y/n,
ya/tidak, t/f, benar/salah, 1/0...
Atau gunakan opsi -show-config untuk melihat cuplikan pengaturan konfigurasi saat ini:
shell> rapi -show-config...show-body-only
Boolean noshow-error Integer
6tampilkan peringatan Boolean yesslide-style
Stringsplit Boolean tidak...
Terakhir, Anda dapat menggunakan opsi -h untuk mendapatkan bantuan dari baris perintah:
cangkang> rapi -h
Itu saja untuk saat ini. Semoga Anda menemukan Tidy sebagai alat yang sangat berharga dalam membantu situs Anda sepenuhnya mematuhi standar penerbitan W3C. Poin-poin dalam panduan ini akan memberi Anda gambaran tentang cara mengontrol alat HTML Tidy untuk memanipulasi kode Anda dan juga membantu Anda menggunakan alat ini dengan lebih efisien.