Artikel Pengenalan Wulin.com (www.vevb.com): Halaman web seperti rumah, struktur HTML adalah dinding satu per satu, dan tagnya adalah batu bata. Batu bata harus ditempatkan dengan cara yang tertib dan rapi sehingga dindingnya akan kuat. Akhirnya, CSS adalah bahan dekoratif, dan itu tergantung padanya apakah itu indah atau tidak. Oleh karena itu, kita perlu memiliki halaman web yang sangat baik, yang tidak hanya menyediakan html struktur yang bersih dan jelas, tetapi juga tidak dapat dipisahkan dari keindahan utama CSS.
Beberapa waktu yang lalu, ketika menjelajah online, saya menemukan bahwa pertanyaan rekrutmen pengembangan front-end dari beberapa perusahaan raksasa internet domestik masih menyebutkan masalah semantik label. Topik ini sudah klise, tetapi masih ada banyak masalah. Itu turun ke kebiasaan. Saya terlalu malas ketika saya punya waktu, jadi saya hanya menulis kode tanpa mempertimbangkannya. Saya tahu saya salah! Sepatu anak -anak, kita harus menjadikan semantik label sebagai kebiasaan! Hari ini, saya akan mempopulerkan semantik label dan mendorong diri saya untuk tidak bingung sepanjang hari!
Dalam desain web, kita sering mendengar istilah tag semantikisasi. Pemikiran desain semantikisasi tag HTML sebenarnya menggunakan tag yang paling tepat dan sesuai untuk sepotong konten tertentu. Dengan cara ini, tidak peduli siapa itu, Anda dapat memahami apa konten ini.
Halaman web seperti rumah. Struktur HTML adalah dinding satu per satu, dan tagnya adalah batu bata. Batu bata harus ditempatkan dengan cara yang tertib dan rapi sehingga dindingnya akan kuat. Akhirnya, CSS adalah bahan dekoratif, dan itu tergantung padanya apakah itu indah atau tidak. Oleh karena itu, kita perlu memiliki halaman web yang sangat baik, yang tidak hanya menyediakan html struktur yang bersih dan jelas, tetapi juga tidak dapat dipisahkan dari keindahan utama CSS.
Di atas juga menunjukkan bahwa tag semantik sangat penting. Setiap tag dalam HTML memiliki semantik sendiri dan ruang lingkup aplikasinya sendiri. Tetapi sering diabaikan atau disalahgunakan oleh kami. Misalnya: di halaman, ada lusinan atau bahkan ratusan dari mereka. Ini adalah tag yang tidak berarti, yang hanya mewakili lapisan, yang sangat tidak menguntungkan untuk pemeliharaan selanjutnya; Sementara tag <able> adalah tag data, dan ketika saatnya menggunakannya, kita harus menggunakannya dengan berani.
Manfaat Tag SemantikAda banyak alasan bagi Anda untuk menggunakan tag semantik:
Ringkasan tag html tagUntuk menggunakan tag semantik lebih cepat dan lebih baik, formulir berikut mencantumkan semua tag HTML dan deskripsi tag. Daftar berikut diatur secara abjad, di mana baru: adalah tag baru di HTML5.
Deskripsi tag
<!-...-> Tentukan komentar.
<! Doctype> Menentukan jenis dokumen.
<a> Tentukan hyperlink.
<br> Tentukan singkatan.
<CRONILM> Tidak didukung dalam HTML 5. Tentukan akronim.
<spulual> Menentukan elemen alamat.
<Pletm> tidak didukung dalam HTML 5. Tentukan applet.
<rees> Menentukan area di peta gambar.
<carticle> Tentukan artikel.
<side> mendefinisikan konten di luar konten halaman.
<Audio> Menentukan konten suara.
<b> Tentukan teks tebal.
<Base> Menentukan URL dasar untuk semua tautan di halaman.
<Basefont> tidak didukung dalam HTML 5. Harap gunakan CSS sebagai gantinya.
<BDI> Tentukan orientasi teks dari teks sehingga diatur dari arah teks di sekitarnya.
<bdo> Tentukan arah tampilan teks.
<big> tidak didukung dalam html 5. Tentukan teks besar.
<BLOCKQUOTE> Tentukan referensi panjang.
<body> mendefinisikan elemen tubuh.
<br> Masukkan jeda garis.
<button> Menentukan tombol.
<Canvas> mendefinisikan grafik.
<compttion> Menentukan judul tabel.
<senter> HTML 5 tidak didukung. Mendefinisikan teks terpusat.
<cite> mendefinisikan referensi.
<code> mendefinisikan teks kode komputer.
<col> Menentukan sifat -sifat kolom tabel.
<colgroup> mendefinisikan pengelompokan kolom tabel.
<counds> mendefinisikan tombol perintah.
<Katalis> Menentukan daftar drop-down.
<dd> Tentukan deskripsi definisi.
<del> mendefinisikan teks hapus.
<detail> Menentukan detail elemen.
<dfn> definisi mendefinisikan proyek.
<IR> Tidak didukung dalam HTML 5. Tentukan daftar direktori.
<div> mendefinisikan bagian dari dokumen.
<DL> Daftar definisi.
<dt> mendefinisikan item yang ditentukan.
<em> definisi menekankan teks.
<sembed> Tentukan konten atau plug-in interaktif eksternal.
<fieldset> mendefinisikan bidang.
<figcaption> mendefinisikan judul elemen gambar.
<figure> Menentukan pengelompokan konten media, serta judulnya.
<font> tidak didukung dalam HTML 5.
<footer> Menentukan footer bagian atau halaman.
<sorm> mendefinisikan formulir.
<bingkai> HTML 5 tidak didukung. Mendefinisikan subwindow (bingkai).
<fameset> tidak didukung dalam HTML 5. Menentukan himpunan kerangka kerja.
<h1> ke <h6> mendefinisikan judul 1 ke judul 6.
<Head> mendefinisikan informasi tentang dokumen tersebut.
<Header> Menentukan header bagian atau halaman.
<Hgroup> mendefinisikan informasi tentang bagian dalam dokumen.
<hr> Tentukan garis horizontal.
<Html> Tentukan dokumen HTML.
<i> Tentukan teks miring.
<Frame> Menentukan jendela anak (bingkai) di dalam baris.
<mimg> Tentukan gambar.
<Input> mendefinisikan bidang input.
<sc> mendefinisikan teks masukkan.
<KeyGen> mendefinisikan kunci yang dihasilkan.
<SisIndex> tidak didukung dalam HTML 5. Menentukan bidang input untuk satu baris.
<kbd> mendefinisikan teks keyboard.
<label> Menentukan label kontrol formulir.
<Megend> mendefinisikan judul di bidang.
<li> Tentukan item daftar.
<link> mendefinisikan referensi sumber daya.
<peta> Tentukan peta gambar.
<mark> mendefinisikan teks yang ditandai.
<u menu> Tentukan daftar menu.
<meta> mendefinisikan informasi meta.
<meter> mendefinisikan metrik dalam kisaran yang telah ditentukan.
<av> Tentukan tautan navigasi.
<noframes> tidak didukung dalam html 5. Tentukan bagian noframe.
<noscript> mendefinisikan bagian noscript.
<pes Object> Menentukan objek tertanam.
<Ol> mendefinisikan daftar yang dipesan.
<Optgroup> mendefinisikan grup opsi.
<pection> Menentukan opsi dalam daftar drop-down.
<Onput> mendefinisikan beberapa jenis output.
<p> Tentukan paragraf.
<param> mendefinisikan parameter untuk objek.
<pred> Tentukan teks yang diformat sebelumnya.
<progress> Menentukan kemajuan semua jenis tugas.
<Q> Menentukan referensi pendek.
<rp> Tentukan konten yang ditampilkan oleh elemen ruby jika browser tidak mendukung browser.
<rt> mendefinisikan penjelasan komentar ruby.
<muby> mendefinisikan komentar ruby.
<s> tidak didukung dalam html 5. Menentukan teks dengan strikethrough.
<amp> Tentukan kode komputer sampel.
<script> mendefinisikan skrip.
<section> mendefinisikan bagian.
<Colly> Menentukan daftar opsional.
<small> membuat komentar sisi sebagai teks kecil.
<source> mendefinisikan sumber media.
<span> mendefinisikan bagian dalam dokumen.
<sebatan> tidak didukung dalam HTML 5. Menentukan teks dengan strikethrough.
<strong> definisi menekankan teks.
<tyle> mendefinisikan definisi gaya.
<sub> mendefinisikan teks subskrip.
<summary> mendefinisikan judul elemen detail.
<sup> Tentukan teks superskrip.
<able> mendefinisikan tabel.
<tbody> mendefinisikan tubuh meja.
<td> mendefinisikan sel tabel.
<TexTarea> Tentukan TexTarea.
<tfoot> mendefinisikan catatan kaki tabel.
<t th> mendefinisikan header.
<head> mendefinisikan header.
<lima> Tentukan tanggal/waktu.
<title> mendefinisikan judul dokumen.
<tr> mendefinisikan baris tabel.
<prack> Menentukan trek teks yang digunakan di media pemutar.
<tt> tidak didukung dalam html 5. Menentukan teks mesin tik.
<u> tidak didukung dalam html 5. Tentukan teks yang digarisbawahi.
<ul> Tentukan daftar yang tidak teratur.
<Var> mendefinisikan variabel.
<Video> mendefinisikan video.
<xmp> tidak didukung dalam html 5. Tentukan teks yang diformat sebelumnya.