HTML (5) Kode Keterangan
Konvensi Kode HTML
Banyak pengembang Web spesifikasi kode HTML kurang dipahami.
Di 2000-2010, banyak pengembang Web untuk mengkonversi dari HTML ke XHTML.
Pengembang menggunakan XHTML secara bertahap mengembangkan baik spesifikasi menulis HTML.
Dan untuk di HTML5, kita harus membentuk norma kode yang relatif baik, beberapa rekomendasi yang disediakan di bawah spesifikasi.
Gunakan jenis yang tepat dari dokumen
Jenis dokumen deklarasi di baris pertama dari dokumen HTML:
Jika Anda ingin menggunakan label lainnya, seperti kasus yang lebih rendah, Anda dapat menggunakan kode berikut:
nama elemen huruf kecil
HTML5 nama elemen dapat menggunakan huruf besar dan huruf kecil.
Fitur digunakan huruf kecil:
- gaya campuran kasus sangat buruk.
- Pengembang biasanya menggunakan huruf kecil (XHTML yang sama).
- gaya huruf kecil terlihat lebih menyegarkan.
- huruf kecil mudah untuk menulis.
Tidak direkomendasikan:
<P> Ini adalah sebuah paragraf. </ P>
</ BAGIAN>
Sangat buruk:
<P> Ini adalah sebuah paragraf. </ P>
</ BAGIAN>
direkomendasikan:
<P> Ini adalah sebuah paragraf. </ P>
</ Bagian>
Matikan semua elemen HTML
Dalam HTML5, Anda tidak ingin menutup semua elemen (misalnya, <p> elemen), tetapi kami menyarankan setiap elemen harus menambahkan tag penutup.
Tidak direkomendasikan:
<P> Ini adalah sebuah paragraf.
<P> Ini adalah sebuah paragraf.
</ Bagian>
direkomendasikan:
<P> Ini adalah sebuah paragraf. </ P>
<P> Ini adalah sebuah paragraf. </ P>
</ Bagian>
Tutup elemen HTML kosong
Dalam HTML5, elemen HTML kosong tidak harus mematikan:
Kita dapat menulis:
Anda juga dapat menulis:
XML, XHTML dan garis miring (/) adalah suatu keharusan.
Jika Anda berharap untuk mengakses halaman XML perangkat lunak Anda, gaya ini sangat baik.
Huruf kecil nama atribut
HTML5 memungkinkan penggunaan nama properti huruf besar dan huruf kecil.
Sebaiknya gunakan huruf kecil nama atribut:
- Gunakan kasus adalah kebiasaan yang sangat buruk.
- Pengembang biasanya menggunakan huruf kecil (XHTML yang sama).
- gaya huruf kecil terlihat lebih menyegarkan.
- huruf kecil mudah untuk menulis.
Tidak direkomendasikan:
direkomendasikan:
Nilai properti
HTML5 nilai atribut tidak bisa kutipan.
Kami merekomendasikan menggunakan tanda kutip nilai atribut:
- Jika nilai properti berisi spasi perlu menggunakan tanda kutip.
- gaya campuran tidak dianjurkan, gaya terpadu yang diusulkan.
- nilai properti menggunakan tanda kutip mudah dibaca.
Contoh-contoh berikut nilai atribut berisi spasi, tidak menggunakan tanda kutip, tidak dapat bekerja:
berikut ini menggunakan tanda kutip ganda, itu benar:
sifat gambar
Gambar alt atribut sering digunakan. Ketika gambar tidak dapat ditampilkan, dapat menggantikan tampilan gambar.
ukuran gambar didefinisikan, dapat dipesan pada saat loading ditentukan ruang, mengurangi flicker.
Spasi dan tanda-tanda yang sama
Anda dapat menggunakan spasi sebelum dan setelah tanda sama.
Namun, kami sarankan untuk menggunakan lebih sedikit ruang:
Hindari garis panjang kode
Menggunakan editor HTML, kiri dan kanan bergulir kode tidak nyaman.
Setiap baris kode sebanyak mungkin kurang dari 80 karakter.
baris kosong dan lekukan
Jangan menambahkan baris kosong tanpa alasan.
Untuk setiap blok fungsi logika menambahkan baris kosong, yang membuatnya lebih mudah untuk dibaca.
Indent dua ruang, tidak dianjurkan TAB.
Jangan menggunakan baris kosong yang tidak perlu menjorok antara kode singkat.
baris kosong yang tidak perlu dan Indentasi:
<H1> Tutorial ini </ h1>
<H2> HTML </ h2>
<P>
tutorial ini, belajar tidak hanya teknologi, tetapi juga mimpi.
tutorial ini, belajar tidak hanya teknologi, tetapi juga mimpi.
tutorial ini, belajar tidak hanya teknologi, tetapi juga bermimpi,
tutorial ini, belajar tidak hanya teknologi, tetapi juga mimpi.
</ P>
</ Body>
direkomendasikan:
<H1> Tutorial ini </ h1>
<H2> </ h2>
<P> tutorial ini, belajar tidak hanya teknologi, tetapi juga mimpi.
tutorial ini, belajar tidak hanya teknologi, tetapi juga mimpi.
tutorial ini, belajar tidak hanya teknologi, tetapi juga mimpi.
tutorial ini, belajar tidak hanya teknologi, tetapi juga mimpi. </ P>
</ Body>
Bentuk Contoh:
<Tr>
<Th> Nama </ th>
<Th> Keterangan </ th>
</ Tr>
<Tr>
<Td> A </ td>
<Td> Deskripsi A </ td>
</ Tr>
<Tr>
<Td> B </ td>
<Td> Deskripsi B </ td>
</ Tr>
</ Table>
Daftar Contoh:
<Li> London </ li>
<Li> Paris </ li>
<Li> Tokyo </ li>
</ Ol>
Menghilangkan <html> dan <body>?
Dalam standar HTML5, <html> dan <body> tag dapat dihilangkan.
Berikut adalah dokumen yang HTML5 benar:
contoh:
<Head>
<Title> Halaman Judul </ title>
</ Kepala>
<H1> Ini adalah heading </ h1>
<P> Ini adalah sebuah paragraf. </ P>
Coba »
Tidak direkomendasikan dihilangkan <html> dan <body> tag.
<Html> elemen adalah elemen root dari dokumen, bahasa yang digunakan untuk menggambarkan halaman:
<Html lang = "zh">
Pernyataan bahasa adalah untuk memfasilitasi pembaca layar dan mesin pencari.
Menghilangkan <html> atau <body> di DOM dan crash software XML.
Menghilangkan <body> kesalahan terjadi di browser lama (IE9).
Menghilangkan <head>?
Dalam standar HTML5, <head> tag dapat dihilangkan.
Secara default, browser akan isi <body> sebelum ditambahkan ke default <head> elemen.
contoh
<Html>
<Title> Halaman Judul </ title>
<Body>
<H1> Ini adalah heading </ h1>
<P> Ini adalah sebuah paragraf. </ P>
</ Body>
</ Html>
Coba »
 | Sekarang menghilangkan tag kepala tidak dianjurkan. |
|---|
metadata
HTML5 di <title> elemen diperlukan, nama judul menggambarkan tema halaman:
Judul dan bahasa yang memungkinkan mesin pencari akan segera memahami tema halaman Anda:
<Html lang = "zh">
<Head>
<Meta charset = "UTF-8 ">
<Title> Tutorial ini </ title>
</ Kepala>
komentar HTML
Komentar dapat ditulis dalam <- dan -> Di:
komentar lagi di <! - Dan -> menulis dalam cabang:
Ini adalah komentar lagi. Ini adalah komentar lagi. Ini adalah komentar lagi.
Ini adalah lagi komentar ini adalah komentar lagi. Ini adalah komentar lagi.
->
Komentar dari karakter pertama indent dua ruang, lebih mudah dibaca.
stylesheet
Stylesheet sintaks singkat (jenis atribut tidak diperlukan):
Aturan dapat ditulis sebagai garis pendek:
Panjang aturan multisaluran dapat ditulis:
background-color: lightgrey;
font-family: "Arial Black" , Helvetica, sans-serif;
font-size: 16em;
warna: hitam;
}
- Penjepit pada baris yang sama dengan pemilih.
- Pilih antara penjepit kiri dan menambahkan spasi.
- Saya menggunakan dua ruang untuk indent.
- Telah menambahkan ruang antara usus besar dan nilai properti.
- Gunakan spasi setelah koma dan simbol.
- nilai properti harus menggunakan akhir setiap simbol.
- Hanya ketika nilai properti mengandung spasi menggunakan tanda kutip.
- brace tepat di jalur baru.
- Sampai dengan 80 karakter per baris.
| Setelah koma dan koma menambahkan spasi adalah aturan umum. |
|---|
Memuat JavaScript dalam HTML
Gunakan sintaks sederhana untuk memuat file script eksternal (jenis atribut tidak diperlukan):
Gunakan JavaScript untuk mengakses elemen HTML
Format HTML buruk dapat menyebabkan eksekusi kesalahan JavaScript.
Berikut dua pernyataan JavaScript output hasil yang berbeda:
HTML, JavaScript Cobalah untuk menggunakan konvensi penamaan yang sama.
spesifikasi kode akses JavaScript .
nama file huruf kecil
Kebanyakan Web server (Apache, Unix) adalah kasus sensitif: london.jpg London.jpg tidak dapat mengakses.
Web server lain (Microsoft, IIS) tidak sensitif huruf: london.jpg dapat diakses melalui London.jpg atau london.jpg.
Anda harus mempertahankan gaya terpadu, kami merekomendasikan nama file menggunakan huruf kecil konsisten.
ekstensi nama berkas
HTML akhiran file dapat Html (atau r htm).
ekstensi file CSS adalah .css.
JavaScript Js file akhiran.
Perbedaan antara .htm dan .html
Ekstensi file htm dan html di alam tidak ada perbedaan. Browser dan Web server akan memperlakukan mereka sebagai file HTML untuk menangani.
Perbedaannya adalah bahwa:
Aplikasi htm dalam sistem DOS awal, atau sistem yang sekarang hanya tiga karakter.
Akhiran tidak dibatasi secara khusus untuk sistem Unix, biasanya dengan html.
perbedaan teknis
Jika URL tidak menentukan nama file (seperti http://www.w3big.com/css/), server akan kembali ke nama file default. Nama file default biasanya index.html, index.htm, default.html, dan default.htm.
Jika server dikonfigurasi dengan hanya "index.html" sebagai file default, Anda harus nama file "index.html", bukan "index.htm".
Umumnya, bagaimanapun, server dapat mengatur beberapa file default, Anda dapat mengatur file default itu diperlukan.
Pokoknya, HTML akhiran penuh adalah ".html".