Kita ketahui bersama bahwa komponen penting dari sebuah bangunan adalah berdirinya pondasinya, dan tanpa adanya pondasi yang kokoh dan baik. Penampilan dan dekorasi cantik sudah tidak ada lagi. Kami membuat halaman web yang sesuai dengan tag Web, dan kebanyakan orang lebih memperhatikan teknologi CSS dan aplikasinya. Namun kita juga perlu memahami bahwa sekuat apa pun CSS, hal itu juga memengaruhi XHTML. Tanpa fondasi XHTML yang terstruktur dengan baik, tata letak kita akan lebih sulit diterapkan. Mungkin fondasi kami sangat kokoh, namun detail yang rumit dan struktur yang tidak masuk akal juga akan menjadi penghambat perkembangan kami.
Pada masa awal Web, HTML hanya digunakan untuk menambahkan bentuk dan struktur dasar. Dengan perkembangan Internet, HTML digunakan untuk mewakili halaman. Kami menggunakan berbagai kombinasi untuk mendapatkan tampilan yang kami inginkan. Kami biasa menggunakan tag B untuk menebalkan judul dokumen, namun kami tidak menggunakan judul h1~h6 untuk menampilkannya. Yang lebih penting adalah kami menjalankan tabel untuk tata letak. Pada awalnya, tabel hanya digunakan untuk menampilkan data tabel, bukan untuk tampilan tata letak dan tata letak. Dengan berkembangnya WEB, kami segera menemukan bahwa semuanya hilang. Desain font, tabel, huruf tebal, dll menjadi berantakan. menjadi tidak bisa dimengerti. Dan itu menjadi semakin kompleks.
Kami semakin cenderung mengandalkan alat WYSIWYG seperti Dreamweaver untuk memproses halaman web, namun sayangnya, perangkat lunak tersebut tidak memperbaiki situasi kacau ini, melainkan menambahkan markupnya sendiri yang lebih kompleks. Dalam hal ini, kita tidak dapat lagi mengedit kode secara manual, dan semuanya terlihat sangat buruk.
Dengan munculnya CSS, kita telah melihat awal harapan dalam membangun halaman web yang sesuai dengan standar Web. Orang-orang semakin memperhatikan rekonstruksi situs web untuk memisahkan kinerja dari konten. Kita dapat menghapus beberapa tag yang tidak berarti, seperti: font, b, i, dll. Kita menyerahkan tugas ini kepada CSS. Kita dapat menggunakan CSS untuk tata letak daripada menggunakan tabel untuk membuat halaman.
Kita dapat membuat dokumen sesuai dengan arti dari tag itu sendiri, dan kita dapat mendefinisikan ulang tampilannya melalui CSS menggunakan gaya default browser. Judul, paragraf atau daftar dalam konten, kita dapat mengatur ulang melalui CSS. Judul tidak harus besar, tebal, dan jelek. Paragraf bisa diatur spasi barisnya dan lekukannya tidak harus vertikal, kita juga bisa menyusunnya secara horizontal. dll.
Manfaat tag yang bermakna memudahkan kita memahami isi kode dan memprosesnya. Misalnya, jika kita perlu mengubah semua tautan eksternal pada laman, jika kita menambahkan tag yang sesuai ke elemen ini, kita dapat dengan mudah menemukan dan memodifikasinya. Jika semuanya tercampur, kita tidak punya tempat untuk memulai.
Selain memudahkan pengembangan kita, perangkat dan program lain juga dapat memiliki pemahaman yang lebih baik tentang dokumen. Yang paling umum adalah pengenalan mesin pencari. Mesin pencari dapat dengan mudah menemukan judul dan subjudul dalam konten artikel. Jika pemirsa menggunakan perangkat membaca genggam, Anda dapat mengandalkan judul, konten, dll. untuk memberikan navigasi yang baik dan proporsi tampilan.
Yang paling penting adalah tag HTML yang bermakna akan memberikan cara mudah untuk menyesuaikan elemen dengan gaya yang Anda inginkan. Tag yang bermakna ini membuat model kerangka struktural dasar dalam dokumen, dan kita tidak perlu menambahkan elemen lain id atau kelas dan pengidentifikasi lainnya dapat langsung mengontrol kinerja.
Tag yang bermakna ini terutama mencakup:
h1, h2...h6;
ul,ol,dl;
kuat, em;
blockquote,mengutip;
abbr, akronim, kode;
kumpulan bidang, legenda, label;
caption, thead, tbody, tfoot, dll.
Dalam tata letak halaman CSS, ketika Anda bisa menggunakannya, jangan gunakan hal lain. Cobalah untuk menggunakan tag html yang bermakna.