tutorial pengembangan web terbaru
 

Kualitas web


Menggunakan standar web terbaru meningkatkan kualitas situs web Anda.


Gunakan HTML 5

Menulis halaman Anda untuk standar HTML5 terbaru, membawa Anda sedekat mungkin dengan sempurna.

Semua halaman HTML harus berisi <! DOCTYPE> elemen untuk menentukan yang HTML versi itu sesuai dengan.

DOCTYPE memberikan informasi penting untuk browser Anda sehingga dapat membuat halaman Anda lebih cepat dan lebih konsisten.

Deklarasi DOCTYPE juga memungkinkan memvalidasi perangkat lunak untuk memeriksa sintaks dari halaman Anda:

<!DOCTYPE html>

Gunakan CSS Files terpisah

Menggunakan Cascading Style Sheets (CSS) adalah cara yang lebih disukai untuk memisahkan konten dari gaya, di halaman web berkualitas.

Menggunakan CSS meningkatkan kualitas situs web dan meningkatkan keterbacaan bagi banyak browser yang berbeda.

Gaya (ukuran, font, warna, dan banyak lagi) harus ditetapkan di luar halaman web, dalam file CSS yang terpisah. Menggunakan file CSS terpisah juga akan sangat mengurangi biaya pengembangan situs web Anda.

Dengan file CSS yang terpisah Anda dapat mengubah gaya elemen HTML dengan menulis satu baris kode. Jika Anda telah menggunakan CSS di dalam halaman Anda, Anda akan harus mengedit semua halaman ini.


Validasi web

Sebuah validator adalah program perangkat lunak yang dapat memeriksa halaman web Anda terhadap standar web.

Bila menggunakan validator untuk memeriksa HTML dan CSS dokumen, validator mengembalikan daftar kesalahan yang ditemukan, sesuai dengan standar yang Anda pilih.

Pastikan Anda biasakan untuk memvalidasi semua halaman web Anda sebelum penerbitan.


Judul Elemen

<Title> elemen merupakan salah satu elemen HTML yang paling penting. Fungsi utamanya adalah untuk menggambarkan isi dari halaman web.

Bahkan jika judul bukan merupakan bagian terlihat dari halaman web Anda, penting untuk kualitas situs web Anda karena:

  • Ini akan terlihat dalam daftar mesin pencari
  • Hal ini terlihat di bar judul browser
  • Ini akan ditampilkan di bookmark pengguna

Judul harus sesingkat dan sejelas mungkin.

Pastikan judul sesuai dengan isi pengguna mencari. Maka itu lebih mungkin pengguna akan mengklik pada link untuk mengunjungi situs web Anda.

Baik contoh judul:

<Title> HTML Tutorial </ title>

<Title> XML Pendahuluan </ title>

Contoh judul buruk:

<Title> Pengantar </ title>

<Title> Bab 1 </ title>

<Title> w3ii memiliki koleksi pemenang penghargaan, terorganisir dengan baik, dan mudah dimengerti HTML, CSS, JavaScript, XML, dan SQL tutorial dengan banyak contoh kerja dan kode sumber. </ Title>


menuju Elements

<H1> elemen digunakan untuk menjelaskan judul utama halaman web.

Karena beberapa browser web menampilkan <h1> elemen dalam font yang sangat besar secara default, beberapa pengembang web akan menggunakan <h2> elemen bukannya <h1> elemen untuk judul utama. Hal ini akan membingungkan kebanyakan mesin pencari dan perangkat lunak lain yang akan mencoba untuk "memahami" struktur dari halaman web.

Gunakan <h1> untuk judul utama, dan <h2> dan <h3> untuk judul tingkat yang lebih rendah.

Mencoba untuk struktur judul Anda setelah template ini:

judul utama

Beberapa teks awal

Judul tingkat 2

Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.

Level 3 pos

Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.

Jika Anda tidak menyukai ukuran default untuk header, gunakan CSS untuk mengubahnya.


Set karakter

Semua standar W3C (sejak 1996) mendefinisikan set karakter internal yang disebut Unicode (ISO 10646).

Semua web browser modern menggunakan karakter ini ditetapkan secara internal. Sebagian besar dokumen yang dikirimkan melalui Internet tidak menggunakan Unicode karakter set.

Karena itu, browser dan server harus memiliki cara untuk setuju tentang set karakter yang digunakan dalam komunikasi antara mereka.

Label setiap dokumen dengan set karakter yang tepat, penting untuk kualitas situs web Anda.

Untuk halaman HTML Anda, selalu menggunakan meta berikut di dalam <head> elemen:

<meta charset="x">

Ganti x dengan karakter membuat Anda ingin menggunakan, seperti ISO-8859-1, UTF-8, atau UTF-16.


Tanggal Format

Jangan gunakan tanggal seperti "04-03-02".

tanggal diatas bisa berarti tanggal 2 Maret 2004. Hal ini juga bisa berarti tanggal 4 Maret 2002. Atau bahkan 3 April 2002.

Organisasi Standar Internasional (ISO) telah mendefinisikan format internasional untuk tanggal sebagai "yyyy-mm-dd", di mana yyyy adalah tahun, mm adalah bulan, dan dd adalah hari.

Bila Anda menggunakan format ISO ini, Anda dapat mengharapkan sebagian besar pengunjung untuk memahami tanggal Anda.