Bahasa Markup - Judul

Klik di sini untuk kembali ke kolom tutorial Wulin.com HTML.

Atas: Daftar Bab1

Sumber asli

Tidak hanya semua halaman web perlu memiliki judul, tetapi mereka dapat menambahkan banyak warna pada desain web dan kemudahan penggunaan jika ditandai dengan benar.

Dalam hal penampilan, judul halaman web biasanya merupakan ukuran font yang lebih besar, dan dapat menggunakan warna atau font yang berbeda dari teks utama. Fungsi judulnya adalah untuk menjelaskan secara singkat topik yang dibahas dalam bab -bab berikutnya. W3C menjelaskannya seperti ini - menampilkan ringkasan setiap paragraf di halaman web.

Bagaimana cara membuat judul halaman untuk membuat informasi yang ingin kami sajikan penggunaan yang paling efektif? Dalam bab ini, kami akan mempelajari beberapa metode yang umum digunakan dalam menangani judul, mencoba mencari tahu salah satu cara paling bermanfaat bagi kami, dan kemudian kami akan menggunakan beberapa tips dan trik CSS untuk menghiasi metode terbaik.

Sebelum menjawab pertanyaan ini, mari kita asumsikan bahwa judulnya sekarang ditempatkan di bagian atas dokumen, dan mari kita lihat tiga cara untuk mencapai efek yang sama.

<span class = heading> judul halaman super keren </span>

Meskipun tag <span> adalah tag yang nyaman dalam beberapa kasus, itu tidak masuk akal untuk judul halaman. Satu -satunya manfaat menggunakan metode ini adalah bahwa kita dapat menentukan gaya CSS untuk kelas heading sehingga teks terlihat seperti judul.

.menuju {

Ukuran font: 24px;

font-weight: tebal;

Warna: Biru;

}

Sekarang, semua header yang ditandai dengan tajuk akan menjadi lebih besar, lebih tebal, dan biru, mana yang bagus kan? Tetapi bagaimana jika seseorang menggunakan browser yang tidak mendukung CSS untuk mengakses halaman ini?

Misalnya, apa yang terjadi jika kita memasukkan gaya CSS ke dalam file stylesheet eksternal yang tidak didukung oleh browser lama - atau ketika layar membaca halaman untuk pengguna yang dinonaktifkan? Pengguna yang mengakses halaman ini melalui saluran ini tidak akan melihat (tidak ada suara) perbedaan antara judul dan teks.

Metode anotasi seperti class = Heading sedikit menggambarkan arti konten tag, tetapi <span> hanyalah wadah tujuan umum, yang hanya memungkinkan sebagian besar browser untuk mengubah gaya tampilan default.

Ketika mesin pencari merangkak halaman ini, mereka akan melewatkan tag <span> seolah -olah tidak ada, dan tidak akan menambah bobot untuk kata kunci yang mungkin dimasukkan. Kemudian, lebih banyak hubungan antara mesin pencari dan judul halaman akan disebutkan dalam bab ini.

Akhirnya, karena tag <span> adalah elemen inline, kita sebagian besar perlu menempatkan konten metode A ke dalam wadah tingkat blok lain, seperti <p> ​​atau <viv>, sehingga dapat menempati satu baris. Ini akan menghasilkan banyak kode yang tidak perlu. Bahkan jika Anda menambahkan wadah yang diperlukan, browser yang tidak mendukung CSS masih akan menampilkan teks dengan cara aslinya, sehingga pengguna tidak dapat melihat perbedaan antara judul dan tubuh.

Page sebelumnya 2 3 4 5 Halaman berikutnya Baca teks lengkapnya