Mari kita bincangkan tentang pemahaman semantik salah satu ciri utama HTML5

Artikel ini membawakan anda pengetahuan yang berkaitan tentang semantik dalam HTML Apa yang dipanggil semantik bermakna anda boleh mengalami struktur yang dimanusiakan dengan HTML itu sendiri.

Sebelum bercakap tentang apa itu semantik, mari kita lihat latar belakang semantik.

Seperti yang dinyatakan dalam artikel sebelum ini, ciri HTML yang paling penting ialah tag. Tetapi projek itu besar, dan terdapat begitu banyak label yang saya tidak dapat memahaminya. Ia diletakkan di atas satu sama lain. Beberapa nama adalah pelik, dan mereka yang ingin mengekalkannya telah dipujuk untuk pergi, tetapi kerja berpasukan membawa kepada permulaan pertempuran pasukan!

Oleh itu semantik adalah mendesak!

Apakah itu semantik

Sebenarnya tidak penting apabila kita menulis HTML, kerana pengguna tidak dapat melihat rupa anda di dalam dan mereka tidak perlu melihatnya.

Oleh kerana anda mempunyai pakaian CSS yang cantik, walaupun HTML anda kucar-kacir, CSS boleh menjadikannya bersinar.

Tetapi pengguna tidak dapat melihatnya, pembangun boleh! Oleh itu, yang paling mesra semantik ini adalah pembangun sendiri.

Semantik yang dipanggil bermakna anda boleh mengalami struktur yang dimanusiakan dengan HTML itu sendiri!

Faedah semantik

• Walaupun tanpa CSS, halaman itu juga boleh membentangkan struktur kandungan dan struktur kod yang baik. Dengan cara ini, pembangun boleh memahami niat anda dengan pantas dan memecahkan kecemerlangan dalam sesaat!

• Mesra SEO. Jika ia mesra pembangun, ia juga mesra pepijat pembangun!

  Apabila teg digunakan dengan betul dan mencerminkan berat kata kunci yang anda inginkan dalam konteks, maka perangkak enjin carian berada di sebelah anda. Kemudian trafik laman web akan datang, bukan?

• Boleh menyokong beberapa peranti khas (membaca buta, peranti mudah alih), terjemahan halaman web, dsb.

• Perkara yang paling intuitif ialah rakan sepasukan anda mahu bekerjasama dengan anda! Rakan sepasukan anda menyukai semantik kod anda!

  Semantik lebih mudah dibaca, dan pasukan yang mengikut piawaian W3C mengikut piawaian ini, yang boleh mengurangkan pembezaan. (Lompat kerja dan penyepaduan pantas?)

Pemikiran semantik di tempat kerja

• Jangan gunakan beberapa teg gaya tulen, CSS ini akan membantu kita buat. Seperti: b, fon, u dan tag lain.

• Teks yang perlu dititikberatkan boleh dimasukkan ke dalam teg kuat atau em (gaya lalai kuat adalah tebal (jangan gunakan b), dan em condong (jangan gunakan i). Gunakan tag tanda Untuk mewakili teks yang ditanda/diserlahkan. perlu menggunakan tag label , dan mengaitkan teks penerangan dengan input yang sepadan dengan menetapkan atribut id untuk input dan tetapan untuk=someld dalam tag label

Medan borang mesti dibalut dengan tag set medan Dan gunakan tag legenda untuk menerangkan tujuan borang

• harus digunakan untuk menunjukkan tajuk semasa menulis gaya dengan CSS intipati semantik

• Teg semantik

1. Teg
• mentakrifkan pengepala dokumen

  <h1> - <h6>Biasanya mengandungi utama dan sari kata daripada halaman. 2. Teg

  mentakrifkan pengaki dokumen atau bahagian
• Pengaki biasanya mengandungi pengarang dokumen, maklumat hak cipta, dan syarat penggunaan, maklumat hubungan, dsb .
  boleh menggunakan berbilang elemen
dalam dokumen 3. Teg

menentukan kandungan utama dokumen tersebut.

Ia tidak seharusnya mengandungi kandungan yang muncul berulang kali dalam dokumen, seperti bar sisi, bar navigasi, maklumat hak cipta, logo tapak atau Borang carian tidak boleh muncul dalam dokumen. Elemen

tidak boleh turun daripada elemen berikut: <header>,

,

,

atau

<header>
<h1>他真的是美男子吗?</h1>
<p>据现场勘查，他真的是美男子！</p>
</header>

<footer>4. Teg

mentakrifkan serpihan dalam dokumen, seperti bab, pengepala, pengaki atau bahagian lain pada dokumen

5 tentukan kandungan mandiri bebas

<footer> seperti ulasan di bawah artikel

<footer>
  <p>Posted by: 美男子</p></footer>

6 <main> Teg mentakrifkan kandungan di luar kandungannya.

ialah. digunakan untuk memuatkan kandungan bukan teks, seperti iklan, pautan berkumpulan, bar sisi, dll. , elemen <main> mewakili kawasan pautan navigasi halaman

digunakan untuk menentukan bahagian navigasi utama halaman.

Mari kita lihat dahulu Gambar di bawah menunjukkan struktur HTML yang sangat jelas, tetapi biasanya kod itu ditulis menggunakan rangka kerja, jadi anda tidak perlu menggunakannya . Ini bukan tentang menulis tapak web peribadi atau tapak web rasmi, tetapi tentang menulis beberapa pengurusan H5 atau bahagian belakang yang berorientasikan perniagaan.

Malah, untuk laman web peribadi atau laman web rasmi, semantik mempunyai nilai praktikal. Selain itu, ini juga telah menjadi soalan lazim dalam temu bual dalam beberapa tahun kebelakangan ini. Perkara yang paling penting ialah mempelajari makna semantik. Mencapai semantik kod, termasuk fungsi penamaan, penamaan komponen dan pemisahan fungsi perniagaan komponen. Sentiasa di jalan raya!

Tutorial yang disyorkan: "tutorial video html"

Atas ialah kandungan terperinci Mari kita bincangkan tentang pemahaman semantik salah satu ciri utama HTML5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!