Semantik adalah studi tentang makna kata dan frasa dalam bahasa. Unsur semantik = unsur yang mempunyai makna. Elemen semantik dengan jelas menjelaskan apa artinya bagi browser dan pengembang. Contoh elemen non-semantik ：<div>和<span>- tidak ada yang diketahui tentang isinya. Contoh elemen semantik: <form>, <table> dan <article> - mendefinisikan kontennya dengan jelas. Semua browser modern mendukung elemen semantik HTML5.
Banyak website yang mengandung kode HTML seperti ：<div id =nav> <div class =header> <div id =footer> untuk menunjukkan navigasi, header dan footer. HTML5 menyediakan elemen semantik baru untuk mendefinisikan berbagai bagian halaman web:
<article><aside><details><figcaption><figure><footer><header><main><mark><nav><section><summary><time>Elemen <bagian> HTML5
Elemen <section> mendefinisikan bagian dokumen. Menurut dokumentasi HTML5 W3C: Bagian adalah pengelompokan konten secara tematik, biasanya dengan judul. Halaman beranda biasanya dapat dibagi menjadi beberapa bagian untuk pengenalan, konten, dan informasi kontak.
<!DOCTYPE html> <html> <body> <section> <h1>Java</h1> <p>Java adalah bahasa pemrograman komputer yang banyak digunakan dengan fitur pemrograman lintas platform, berorientasi objek, dan generik -pengembangan aplikasi web tingkat dan pengembangan aplikasi seluler. </p> </section> <section> <h1>PHP</h1> <p>PHP (nama lengkap: PHP: Hypertext Preprocessor, yaitu PHP: Hypertext Preprocessor) adalah bahasa skrip komputer tujuan umum yang bersifat open source cocok untuk pengembangan web dan dapat disematkan dalam HTML. </p> </bagian> </tubuh> </html>Elemen <artikel> HTML5
Elemen <article> menentukan konten independen yang disertakan. Sebuah artikel harus masuk akal dan harus dapat dibaca secara terpisah dari situs web lainnya. Contoh penggunaan elemen <article>:
<!DOCTYPE html> <html> <body> <article> <h1>Java</h1> <p>Java adalah bahasa pemrograman komputer yang banyak digunakan dengan fitur pemrograman lintas platform, berorientasi objek, dan generik -pengembangan aplikasi web tingkat dan pengembangan aplikasi seluler. </p> </artikel> </body> </html>elemen <header> HTML5
Elemen <header> menentukan header file atau bagian. Elemen <header> harus digunakan sebagai wadah untuk konten pengantar. Anda dapat menyertakan beberapa elemen dalam <header>. Contoh berikut mendefinisikan judul artikel:
<!DOCTYPE html> <html> <body> <article> <header> <h1>Java</h1> <p>Apa itu Java:</p> </header> <p>Java adalah komputer yang banyak digunakan bahasa pemrograman dengan fitur pemrograman lintas platform, berorientasi objek, dan generik, dan banyak digunakan dalam pengembangan aplikasi web tingkat perusahaan dan pengembangan aplikasi seluler. </p> </artikel> </body> </html>Elemen <footer> HTML5
Elemen <footer> menentukan file atau sebagian footer. Elemen <footer> harus berisi informasi tentang unit yang memuatnya. Footer biasanya berisi penulis dokumen, informasi hak cipta, link ke ketentuan penggunaan, informasi kontak, dll. Anda dapat memiliki beberapa elemen dalam <footer>.
<!DOCTYPE html> <html> <body> <footer> <p>Hak Cipta</p> <p>Informasi kontak: <a href=mailto:[email protected]> [email protected]</a> . </p> </footer> </body> </html>elemen <nav> HTML5
Elemen <nav> mendefinisikan sekumpulan link navigasi.
<!DOCTYPE html> <html> <body> <nav> <a href=#>Java</a> | <a href=#>CSS</a> | <a href=#>jQuery</a> </nav> </body> </html>elemen HTML5 <samping>
Elemen <aside> mendefinisikan beberapa konten dari konten tempatnya ditempatkan (seperti sidebar). Konten <aside> harus merupakan konten di sekitarnya.
<!DOCTYPE html> <html> <body> <p>Java adalah bahasa pemrograman komputer yang banyak digunakan dengan fitur pemrograman lintas platform, berorientasi objek, dan generik. Java banyak digunakan dalam pengembangan aplikasi web tingkat perusahaan dan aplikasi seluler perkembangan. . </p> <aside> <h4>PHP</h4> <p>PHP adalah bahasa terbaik di dunia. </p> </samping> </tubuh> </html>Meringkaskan
Di atas adalah elemen semantik HTML5 yang diperkenalkan oleh editor. Apakah Anda benar-benar menggunakannya dengan benar? Saya harap ini dapat membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan kepada saya dan editor akan membalas Anda tepat waktu. Saya juga ingin mengucapkan terima kasih kepada semua orang atas dukungan Anda terhadap situs seni bela diri VeVb!
Jika menurut Anda artikel ini bermanfaat, silakan cetak ulang, harap sebutkan sumbernya, terima kasih!