DOCTYPE HTML - apa itu? Apa yang perlu Anda ketahui tentang item

Tidak peduli apa yang skeptis, kemajuan terus menjadi fenomena yang tidak dapat dihentikan. Namun, sementara beberapa yang marah bergerak berlarut-larut ke taman bulan, yang lain benar-benar tenggelam dalam keadaan panik, karena menjadi semakin sulit untuk bersaing dengan perubahan. Sebuah contoh dari "catch-up" adalah perwakilan dari profesi yang berkaitan dengan teknologi tinggi.

Sementara kebanyakan desainer web, programmer dan coders jauh lebih cocok dengan semangat waktu, daripada setiap "Nura Baba", yang menerima informasi dari seminggu terlambat, tapi masih dengan distorsi yang cukup besar, kenyataannya adalah agak berbeda. Sesuai dengan tingkat kemajuan sulit di bidang teknologi baru. Sebagai contoh sederhana: bahkan beberapa 5-10 tahun yang lalu, pengembang game online di Adobe Flash bisa mencapai keberhasilan yang nyata, banyak "Selamat Petani" adalah buktinya. Namun, saat ini teknologi ini secara bertahap sekarat keluar, memberikan cara untuk yang lebih modern, tapi kurang dari mayoritas studi HTML5 dasar. By the way, itu adalah HTML5, dan merupakan salah satu dari "karakter" cerita hari ini dikhususkan hari kerja HTML-DTP.

DOCTYPE HTML - apa itu?

monumen ini untuk korban kemajuan teknologi tinggi di bidang teknologi. Gagah 90-s, yang dibedakan tidak hanya "tempur" situasi di negara kita, tetapi juga cukup perang nyata browser, dibawa ke dalam dunia hanya beberapa produk yang memungkinkan pengguna komputer untuk berselancar di World Wide Web. Hanya ada satu masalah - populer ketika Netscape Navigator dan Internet Explorer sedang melihat halaman yang sama dalam sekali berbeda, masing-masing, dan pencipta situs untuk membuat halaman yang sama sekali berbeda untuk program ini.

Standar? Pada tahun-tahun, untuk berbicara tentang mereka adalah sia-sia - W3C telah ada dalam masa pertumbuhan, dan mempromosikan IE Microsoft umum diketahui bahwa lebih suka menciptakan mereka sendiri, tidak kompatibel dengan sepeda apapun. Namun demikian, pada akhir yang mengerikan (untuk Pengembang Web) dekade, situasi kembali normal setelah semua: ada beberapa kemiripan standar yang jika tidak sepenuhnya, tapi masih dihormati oleh semua browser populer.

Namun, situasi berubah menjadi seperti bahwa standar konsorsium dan produsen browser yang, secara halus, sama sekali tidak mirip. Anda bisa dengan mudah membuat sepenuhnya benar dalam hal HTML, CSS dan halaman DOM, tapi Anda browser pilihan keras kepala menunjukkan tidak apa yang Anda harapkan untuk melihat.

Namun demikian, seiring dengan berjalannya waktu, pengembang masih akhirnya memutuskan untuk berpikir tidak hanya tentang kompetisi, tetapi tentang webmaster, dan ia muncul - DOCTYPE HTML. Ini adalah tag khusus yang memberitahu browser bagaimana harus dianggap sebagai halaman tertentu.

Apa yang dibutuhkan dalam DOCTYPE HTML-kode?

Sebelum munculnya standar yang memadai, yang mulai mengikuti mana-mana, banyak pengembang browser telah mencoba menarik selimut atas dirinya sendiri, menciptakan metode mereka sendiri pendekatan teknologi tertentu. Akibatnya, satu dan halaman yang sama terlihat di browser yang berbeda dengan cara yang berbeda. Namun, kami ini telah diberitahu, hanya tidak menyebutkan bahwa ketika produsen program untuk Web berselancar datang, ada yang lain, tidak ada masalah kurang lucu.

Bayangkan situasi: Anda - seorang pengembang web yang khas 90-an. Itu hanya kebetulan bahwa sebagian besar waktu yang Anda habiskan di browser Internet Explorer 4. Microsoft memutuskan untuk tiba-tiba datang ke indra mereka dan membuat browser baru Anda lebih "benar", dimana tidak jelas seperti sekarang untuk membuat situs dan apa yang harus dilakukan dengan mereka yang sudah dibuat. Tentu saja, jika Anda memiliki cukup waktu, Anda bisa menulis ulang HTML-kode sedemikian rupa sehingga sesuai dengan standar baru, tapi karena orang - makhluk malas.

Itu pada titik ini DOCTYPE HTML adalah yang paling sesuai "penemuan." Tergantung pada jenis dokumen yang ditentukan di awal halaman, browser akan memilih yang paling sesuai dalam hal ini mekanisme rendering. Jika DOCTYPE dalam HTML-code tidak tersedia, browser akan masuk ke modus kompatibilitas (biasanya, tetapi tidak harus). Akibatnya, sama Internet Explorer 6 (bahkan jika file ia beristirahat dalam damai) dengan tidak adanya tag DOCTYPE berperilaku seolah-olah Anda bekerja dalam versi keempat.

jenis DOCTYPE

tag DOCTYPE mencakup beberapa spesies yang dapat dibagi menjadi kategori tertentu. Pertama, itu menggambarkan jenis utama dari bahasa markup: HTML 4.01, HTML 5, XHTML 1.0 atau XHTML 1.1. Kedua, masing-masing bahasa memiliki subbagian nya, menunjuk ke "koefisien kesalahan-menemukan" t. E. Pada betapa sulitnya menjadi HTML-kode menetapkan standar W3C. Namun, dalam kasus kedua, ada dua pengecualian - HTML5 dan XHTML 1.1 tidak memiliki subspesies apapun dan hanya salah satu bentuk DOCTYPE HTML. Tapi lebih pada nanti ...

pendekatan yang ketat: DOCTYPE ketat

Jika Anda memilih untuk membuat HTML-kode yang sesuai dengan setiap huruf dari validator hukum, insentif tambahan (selain kepentingan diri) akan menggunakan DOCTYPE Strict. Jika Anda berencana untuk menggunakan lebih maju XHTML 1.0, garis, yang akan dimulai setiap elemen akan terlihat seperti ini:

Memilih DOCTYPE HTML template yang ketat Umum memastikan bahwa setiap penyimpangan dari standar akan diperhatikan oleh browser, dan kemudian menggunakan tag yang salah diabaikan. Secara khusus, dalam mode ketat, tag apapun, apakah itu adalah bentuk, gambar atau item lain yang diperlukan untuk berada di dalam tag blok. Jika Anda memutuskan untuk melakukan tanpa itu, browser hanya tidak akan menampilkan item ini, dan daftar kesalahan tata letak mengisi beberapa catatan.

Selain itu, sejumlah tag yang memungkinkan untuk memformat teks, juga diinginkan untuk menghilangkan - rezim yang ketat menyiratkan penggunaan CSS.

Pendekatan manusiawi: DOCTYPE Transisi

Jika metode template yang ketat parah tidak sesuai dengan Anda atau Anda terbiasa untuk melawan aturan, selalu ada kemungkinan untuk menggunakan jenis DOCTYPE lebih manusiawi HTML Umum. W3C merawat mereka yang tidak ingin menyerah kebiasaan dan keinginan untuk bekerja di bawah kondisi ringan, menciptakan pola Transisi mewakili pendekatan transisi untuk model validasi. Template ini memungkinkan Anda untuk secara bebas membiarkan diri beberapa kebebasan, seperti ketat dilarang, tag template, serta banyak pendekatan lain untuk tata letak, yang tidak kehilangan relevansi sejak akhir 90-an.

«Lembut» DOCTYPE HTML 4 dinyatakan sebagai berikut:

Untuk XHTML tali lagi terlihat sedikit berbeda, tetapi tren secara keseluruhan terus:

Untuk saat ini, meskipun fakta bahwa setiap coder berusaha untuk mencocokkan Ketat template, itu adalah DOCTYPE transisi adalah yang paling populer. Namun demikian, template ini memiliki satu batas kredit: validator akan "menolak" setiap halaman yang mengandung frame. Jika Anda perlu untuk menggunakan tata letak metode ini, Anda harus memperhatikan berikutnya - template terakhir.

Dari umum ke spesifik: DOCTYPE Frameset

Pendekatan saat memeriksa halaman untuk memenuhi template Frameset umumnya mirip dengan Transisi, bagaimanapun, di samping "kebebasan" di atas, template ini memungkinkan Anda untuk menggunakan frame. Perbedaan lainnya Frameset belum, karena itu, hanya bisa transfer line untuk pengumuman, untuk HTML 4.01 dan XHTML 1.0:

Cutting-Edge

Tentu saja, mengacu pada awal artikel ini semua semakin populernya standar HTML5, kita tidak bisa mengabaikan bahasa markup. Ini lucu bahwa W3C menganggap versi HTML dasar, sehingga adalah DOCTYPE HTML 5 terlihat cukup sederhana. Dengan kata lain, definisi jenis ini adalah bahwa browser perlu bekerja dengan "murni» HTML, dan apa yang saat ini dianggap sebagai HTML5, sementara akrab bagi banyak versi keempat dianggap berpotensi usang.

varietas lain DOCTYPE

Untuk saat ini, ada beberapa jenis pola DOCTYPE, sebagian besar yang datang ke XHTML. Sedangkan versi kedua bahasa markup tidak keluar ke dalam terang, menjadi bagian dari HTML5 tersebut, variasi dalam versi pertama, meskipun tidak prevalensi tertinggi, hidup dan sehat.

Apakah DOCTYPE penting?

Mungkin beberapa pemula "penulis" dalam HTML akan mencoba untuk mengabaikan jenis halaman iklan. Nah, jika mereka tidak belajar informasi penting dari vyshenapisannogo, kami memberikan contoh sederhana. Berikut ini adalah contoh halaman yang menggunakan Transisi-template:

Kelihatannya seperti itu harus terlihat seperti pada gagasan desainer, tetapi itu sangat berharga kita untuk "membingungkan» DOCTYPE, dan kita mendapatkan berikut:

Seperti yang Anda lihat, halaman tersebut telah mengalami perubahan yang signifikan: wallpaper pudar, menu telah menjadi daftar cacat, CSS beberapa kelas hanya diabaikan, di samping itu, halaman "otros" scrollbar kedua.

Mudah-mudahan, contoh ini cukup tersedia vyshenapisannogo menjelaskan pentingnya, oleh karena itu, kita hanya bisa menjaga perhatian atau, idealnya, belajar untuk menulis kode yang melewati ketat-validasi. Good luck untuk Anda!