<meta charset = "utf-8"> vs <meta http-equiv = "Tipe-Konten">

Untuk mendefinisikan charset untuk HTML5 Doctype , notasi apa yang harus saya gunakan?

1. Pendek:

   <meta charset="utf-8" /> 

2. Panjang:

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Dalam HTML5, mereka setara. Gunakan yang lebih pendek, lebih mudah diingat dan ketik. Dukungan browser baik-baik saja karena dirancang untuk kompatibilitas ke belakang.

Kedua bentuk deklarasi meta charset adalah setara dan harus berfungsi sama di seluruh browser. Tapi, ada beberapa hal yang perlu Anda ingat ketika mendeklarasikan file web Anda karakter-set sebagai UTF-8:

1. Simpan file Anda di pengkodean UTF-8 tanpa tanda byte-order (BOM).
2. Deklarasikan penyandian dalam file HTML Anda menggunakan meta charset (seperti di atas).
3. Server web Anda harus menyajikan file Anda, mendeklarasikan pengkodean UTF-8 di header HTTP Content-Type.

Server Apache dikonfigurasikan untuk menyajikan file dalam ISO-8859-1 secara default, jadi Anda perlu menambahkan baris berikut ke .htaccessfile Anda :

AddDefaultCharset UTF-8

Ini akan mengonfigurasi Apache untuk melayani file Anda yang mendeklarasikan pengkodean UTF-8 di header respons Content-Type, tetapi file Anda harus disimpan dalam UTF-8 (tanpa BOM) untuk memulai.

Notepad tidak dapat menyimpan file Anda di UTF-8 tanpa BOM. Editor gratis yang bisa adalah Notepad ++ . Pada bilah menu program, pilih "Pengkodean> Pengkodean di UTF-8 tanpa BOM". Anda juga dapat membuka file dan menyimpannya kembali di UTF-8 menggunakan "Pengkodean> Konversi ke UTF-8 tanpa BOM".

Lebih lanjut tentang Byte Order Mark (BOM) di Wikipedia .

Alasan lain untuk memilih yang pendek adalah karena cocok dengan contoh lain di mana Anda dapat menentukan set karakter dalam markup. Sebagai contoh:

<script type="javascript" charset="UTF-8" src="/script.js"></script>

<p><a charset="UTF-8" href="http://example.com/">Example Site</a></p>

Konsistensi membantu mengurangi kesalahan dan membuat kode lebih mudah dibaca.

Perhatikan bahwa atribut charset tidak sensitif-huruf. Anda dapat menggunakan UTF-8 atau utf-8, namun UTF-8 lebih jelas, lebih mudah dibaca, lebih akurat.

Juga, sama sekali tidak ada alasan sama sekali untuk menggunakan nilai apa pun selain UTF-8 dalam atribut meta charset atau header halaman. UTF-8 adalah penyandian standar untuk dokumen Web sejak HTML4 pada tahun 1999 dan satu-satunya cara praktis untuk membuat halaman Web modern.

Anda juga sebaiknya tidak menggunakan entitas HTML di UTF-8. Karakter seperti simbol hak cipta harus diketik langsung. Satu-satunya entitas yang harus Anda gunakan adalah untuk 5 karakter markup yang dipesan: kurang dari, lebih besar dari, ampersand, prime, double prime. Entitas memerlukan parser HTML, yang mungkin tidak selalu ingin Anda gunakan untuk maju, mereka memperkenalkan kesalahan, membuat kode Anda kurang mudah dibaca, menambah ukuran file Anda, dan kadang-kadang memecahkan kode yang salah di berbagai browser tergantung pada entitas yang Anda gunakan. Pelajari cara mengetik / menyisipkan hak cipta, merek dagang, kutipan terbuka, kutipan dekat, apostrof, em dash, en dash, bullet, Euro, dan karakter lain apa pun yang Anda temui dalam konten Anda, dan gunakan karakter aktual tersebut dalam kode Anda. Mac memiliki Penampil Karakter yang dapat Anda aktifkan di Preferensi Sistem Keyboard, dan Anda dapat menemukan dan kemudian seret dan jatuhkan karakter yang Anda butuhkan, atau gunakan Penampil Keyboard yang cocok untuk melihat tombol mana yang harus diketik. Misalnya, merek dagang adalah Opsi + 2. UTF-8 berisi semua karakter dan simbol dari setiap bahasa manusia yang ditulis. Jadi tidak ada alasan untuk menggunakan - sebagai ganti tanda hubung. Bukan ide yang buruk untuk mempelajari aturan tanda baca dan tipografi juga ... misalnya, mengetahui bahwa suatu periode masuk dalam kutipan dekat, bukan di luar.

Menggunakan tag untuk sesuatu seperti tipe konten dan pengodean sangat ironis, karena tanpa mengetahui hal-hal itu, Anda tidak dapat menguraikan file untuk mendapatkan nilai dari tag meta.

Tidak, itu tidak benar. Browser mulai mem-parsing file sebagai penyandian default browser, baik UTF-8 atau ISO-8859-1. Karena US-ASCII adalah bagian dari ISO-8859-1 dan UTF-8, peramban dapat membaca dengan baik apa pun ... itu sama. Saat peramban menemukan tag meta charset, jika penyandiannya berbeda dari yang sudah digunakan peramban, peramban memuat ulang laman dalam penyandian yang ditentukan. Itulah sebabnya kami meletakkan tag meta charset di bagian atas, tepat setelah tag kepala, sebelum yang lainnya, bahkan judulnya. Dengan begitu Anda dapat menggunakan karakter UTF-8 dalam judul Anda.

Anda harus menyimpan file Anda dalam pengkodean UTF-8 tanpa BOM

Itu tidak sepenuhnya benar. Jika Anda hanya memiliki karakter US-ASCII dalam dokumen Anda, Anda dapat menyimpannya sebagai US-ASCII dan menyajikannya sebagai UTF-8, karena itu adalah himpunan bagian. Tetapi jika ada karakter Unicode, Anda benar, Anda harus Simpan sebagai UTF-8 tanpa BOM.

Jika Anda menginginkan editor teks yang baik yang akan menyimpan file Anda di UTF-8, saya sarankan Notepad ++.

Di Mac, gunakan Bare Bones TextWrangler (gratis) dari Mac App Store, atau Bare Bones BBEdit yang ada di Mac App Store seharga $ 39,99 ... sangat murah untuk alat yang hebat. Di salah satu aplikasi, ada menu di bagian bawah jendela dokumen tempat Anda menentukan penyandian dokumen dan Anda dapat dengan mudah memilih "UTF-8 no BOM". Dan tentu saja Anda dapat menetapkan itu sebagai default untuk dokumen baru di Preferensi.

Tetapi jika Webserver Anda melayani pengkodean di header HTTP, yang direkomendasikan, kedua [tag meta] tidak diperlukan.

Itu tidak benar. Anda tentu saja harus mengatur pengkodean di header HTTP, tetapi Anda juga harus mengaturnya dalam atribut meta charset sehingga halaman dapat disimpan oleh pengguna, keluar dari browser ke penyimpanan lokal dan kemudian dibuka lagi nanti, dalam hal ini satu-satunya indikasi pengkodean yang akan hadir adalah atribut meta charset. Anda juga harus menetapkan tag dasar untuk alasan yang sama ... di server, tag dasar tidak perlu, tetapi ketika dibuka dari penyimpanan lokal, tag dasar memungkinkan halaman berfungsi seolah-olah itu di server, dengan semua aset di tempat dan sebagainya, tidak ada tautan rusak.

AddDefaultCharset UTF-8

Atau Anda dapat mengubah penyandian jenis file tertentu seperti:

AddType text/html;charset=utf-8 html

Kiat untuk menyajikan file UTF-8 dan Latin-1 (ISO-8859-1) adalah untuk memberi file "teks" ekstensi UTF-8 dan file Latin-1 "txt."

AddType text/plain;charset=iso-8859-1 txt
AddType text/plain;charset=utf-8 text

Akhirnya, pertimbangkan untuk Menyimpan dokumen Anda dengan ujung jalur Unix, bukan warisan legacy DOS atau (klasik), yang tidak membantu dan mungkin menyakitkan, terutama di telepon saat kami semakin jauh dari sistem warisan tersebut. Dokumen HTML dengan penyandian HTML5, UTF-8, dan akhiran baris Unix yang valid adalah pekerjaan yang dilakukan dengan baik. Anda dapat berbagi dan mengedit, menyimpan, membaca, memulihkan, dan mengandalkan dokumen itu dalam banyak konteks. Itu adalah bahasa pergaulan. Ini kertas digital.

<meta charset="utf-8"> diperkenalkan dengan / untuk HTML5.

Sebagaimana disebutkan dalam dokumentasi, keduanya valid. Namun, <meta charset="utf-8">hanya untuk HTML5 (dan lebih mudah untuk mengetik / mengingat).

Pada waktunya, gaya lama akan menjadi usang dalam waktu dekat. Saya akan tetap pada yang baru <meta charset="utf-8">.

Hanya ada satu cara, tetapi naik. Dalam kasus teknologi, itu menghapus yang lama (benar-benar, BENAR-BENAR cepat)

Dokumentasi: Atribut charset meta HTML — W3Schools

Meskipun tidak mempermasalahkan jawaban lain, saya pikir yang berikut layak disebutkan.

1. http-equivNotasi "panjang" ( ) dan "pendek" adalah sama, mana yang lebih dulu menang;
2. Header server web akan menimpa semua <meta>tag;
3. BOM (Byte order mark) akan menimpa segalanya , dan dalam banyak kasus akan memengaruhi html 4 (dan mungkin juga hal-hal lain);
4. Jika Anda tidak mendeklarasikan penyandian, Anda mungkin akan mendapatkan teks dalam “penyandian teks fallback” yang ditentukan peramban Anda. Baik di Firefox maupun di Chrome itu utf-8;
5. Dengan tidak adanya petunjuk lain, peramban akan mencoba membaca dokumen Anda seolah-olah berada di ASCII untuk mendapatkan penyandian, sehingga Anda tidak dapat menggunakan penyandian aneh apa pun (sebaiknya, utf-16 dengan BOM harus dilakukan);
6. Sementara spesifikasi mengatakan bahwa deklarasi penyandian harus berada dalam 512 byte pertama dari dokumen, sebagian besar browser akan mencoba membaca lebih dari itu.

Anda dapat menguji dengan menjalankan echo 'HTTP/1.1 200 OK\r\nContent-type: text/html; charset=windows-1251\r\n\r\n\xef\xbb\xbf<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta charset="windows-1251"><title>привет</title></head><body>привет</body></html>' | nc -lp 4500dan mengarahkan browser Anda ke localhost:4500. (Tentu saja Anda ingin mengubah atau menghapus bagian-bagian. Bagian BOM adalah \xef\xbb\xbf. Berhati-hatilah dengan pengkodean shell Anda.)

Harap diingat bahwa sangat penting bagi Anda untuk secara eksplisit mendeklarasikan penyandian. Membiarkan browser menebak dapat menyebabkan masalah keamanan.

Gunakan <meta charset="utf-8" />untuk browser web saat menggunakan HTML5.

Gunakan <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />saat menggunakan HTML4 atau XHTML, atau untuk pengurai dom yang ketinggalan zaman, seperti DOMDocumentdi php 5.3

Ada beberapa berita berdasarkan Mozilla Foundation , dan sitepoint

Jangan gunakan nilai ini ( http-equiv=content-type) karena sudah usang. Lebih suka charsetatribut pada metaelemen < >.

Untuk menanamkan tanda tangan pada email, saya akan menggunakan versi panjang:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Alasannya adalah bahwa tidak banyak pembaca email menggunakan html5, jadi selalu lebih baik menggunakan gaya html lama. Sebenarnya, lebih baik menggunakan tabel daripada divs + css juga.