Ketika saya pertama kali melakukan kontak dengan XHTML CSS untuk merancang halaman web, saya tidak punya pengalaman dalam menggunakan tag dan sangat santai. Saya sering menggunakan apa pun yang saya ingat dan pikirkan selama efeknya dapat dicapai. Namun, dengan memperdalam pembelajaran dan pemahaman tentang pengetahuan optimisasi mesin pencari, ditemukan bahwa penggunaan tag sebenarnya adalah ilmu. Kami telah menekankan semantik dalam artikel tutorial CSS wulin.com-vevb.com, jadi bagaimana kami harus menggunakan tag HTML? Di mana lokasi penggunaan umum mereka?
Ketika saya pertama kali melakukan kontak dengan XHTML CSS untuk merancang halaman web, saya tidak punya pengalaman dalam menggunakan tag dan sangat santai. Saya sering menggunakan apa pun yang saya ingat dan pikirkan selama efeknya dapat dicapai. Namun, dengan memperdalam pembelajaran dan pemahaman tentang pengetahuan optimisasi mesin pencari, ditemukan bahwa penggunaan tag sebenarnya adalah ilmu.
Di sini kami tidak akan memperkenalkan atribut dan penggunaan masing -masing tag di CSS, dan fokus pada aplikasi pada halaman web. Saya berharap ini akan membantu semua orang.
1. Div
Div harus terbiasa dengan teman yang membangun situs web XHTML. Banyak situs web dan materi juga disebut konstruksi situs web standar web sebagai konstruksi situs web div CSS. Tidak masuk akal untuk menyebutnya dengan cara ini, karena W3C tidak merekomendasikan tag tabel untuk diterapkan pada tata letak halaman web, dan div, sebagai tag tata letak, secara alami memikul tanggung jawab tata letak yang berat.
Div juga dapat dikatakan sebagai wadah besar. Selain struktur dan tata letak halaman web secara keseluruhan, disarankan untuk membagi area yang tampak relatif mandiri di halaman web. Sama seperti koran, fungsi div adalah untuk membagi wadah besar dari konten yang berbeda. Di berbagai daerah, tag yang sesuai dipilih sesuai dengan situasi tertentu.
2. H Tag
Tag H adalah tag judul, yang biasa digunakan sebelum paragraf, untuk menunjukkan makna paragraf yang akan diekspresikan. Menurut tingkat tampilan dan makna yang akan diekspresikan, itu dapat dibagi menjadi H1 ~ H6.
H1 adalah yang paling penting dan sering digunakan untuk mengekspresikan deskripsi peran dan sifat dari seluruh situs web, atau untuk menunjukkan audiens yang diorientasikan situs web. Tag lain digunakan untuk menampilkan nama area tertentu atau deskripsi kasar dari paragraf tertentu dari teks pengantar sesuai dengan tingkat yang berbeda.
Karena itu mewakili deskripsi umum situs web atau paragraf teks tertentu, tag H memiliki nilai tinggi dibandingkan dengan mesin pencari. Tetapi ini tidak berarti bahwa itu dapat digunakan sesuka hati. Misalnya, untuk secara sengaja mengejar peringkat kata kunci tertentu, beberapa situs web menggunakan tag H untuk menampilkan kata kunci dalam paragraf teks. Atau cukup gunakan tag H sebagai wadah untuk tata halaman web. Ini sepenuhnya mengaburkan peran tag H dan tidak dianjurkan.
AKU AKU AKU. P
P adalah label paragraf yang digunakan untuk membedakan paragraf yang berbeda dari satu set teks. Untuk mesin pencari, teks dalam tag P pertama juga bernilai tinggi sesuai dengan urutan merangkak mereka. Misalnya, Baidu, itu mengabaikan teks dalam deskripsi tag meta dan mengambil konten dalam tag p pertama (bukan absolut).
Untuk memungkinkan mesin pencari merangkak lebih banyak konten dan memberi pengguna pengalaman menjelajah, beberapa situs web menggunakan tag <br/> saat segmentasi. Ini tidak benar. Terkadang hasil yang diharapkan tidak tercapai sama sekali. Untuk dokumen dengan tipe ketat (ketat), tag diungkapkan dan tidak diizinkan untuk digunakan.
Meskipun sebagian besar situs web menggunakan jenis dokumen transisi, saya tidak merekomendasikan menggunakannya di segmen teks.
Iv. Tag ul dan li
Ini adalah daftar yang tidak teratur, tag UL adalah deklarasi daftar, dan LI adalah item daftar. Karena independensi relatif dari proyek -proyeknya, sering digunakan di tempat -tempat seperti navigasi, berita atau daftar artikel. UL juga dapat digunakan sebagai wadah untuk membedakan daftar yang berbeda.
Beberapa situs web dapat mengejar standar web dan mengonversi tabel untuk mengekspresikan diri dengan UL dan LI, yang membuat halaman web sulit dibaca dan dipelihara. Pemahaman yang salah tepat bertentangan dengan konsep yang disampaikan kepada kita oleh standar web.
5. Tabel
Saya akan memperkenalkan penggunaan meja di sini. Saya hanya ingin mengatakan bahwa standar web tidak berarti bahwa tabel tidak dapat digunakan di masa depan, tetapi tidak disarankan untuk menggunakan tabel untuk tata letak, dan hanya digunakan saat menampilkan data. Oleh karena itu, penggunaan halaman web dan tag tabel yang sesuai web tidak bertentangan.
6. Label untuk mesin pencari
(1) Judul: Judul halaman web, deskripsi situs web. Sub-tag juga sangat berharga untuk mesin pencari, dan kata kunci target sering disertakan.
(2) Kata kunci Meta: Kata kunci utama di halaman web. Awalnya, siap untuk memfasilitasi mesin pencari untuk mengklasifikasikan situs web, tetapi kemudian, banyak situs web sering menggunakan tag ini untuk menipu untuk membuat peringkat kata kunci lebih bermanfaat, jadi tag ini sekarang hampir tidak ada artinya bagi mesin pencari.
(3) Deskripsi Meta: Deskripsi Halaman Web. Seperti kata kunci, awalnya dimaksudkan untuk memfasilitasi klasifikasi mesin pencari. Ini juga karena banyak situs web menggunakan tag ini untuk menipu, jadi tidak lagi penting untuk mesin pencari. Saat ini, hanya Google yang masih merangkak konten di mesin pencari utama, tetapi hampir tidak mungkin untuk menentukan kata kunci sesuai dengan konten di dalamnya.
Bahkan, untuk mesin pencari, yang paling penting adalah kualitas konten. Demikian pula, kami membangun situs web untuk mempromosikan diri kepada pengunjung. Tolong jangan lupa akar momen karena kecepatan sementara. Lagi pula, pengguna khawatir tentang apakah informasi yang mereka butuhkan, bukan peringkat situs web Anda.
Tag yang disebutkan di atas yang sering digunakan untuk pemula, yang lebih cenderung membingungkan lokasi penggunaan. Selamat datang untuk mengikuti artikel tutorial CSS yang diperbarui dari VEVB.com. Jika Anda menghadapi masalah baru di masa depan, itu akan terus berkembang baru -baru ini.