HTML5 Belajar Tutorial Bagian 5: Tag Semantic Memahami di HTML5

HTML5 Belajar Tutorial Bagian 5: Tag Semantic Memahami di HTML5 - Selamat datang di situs media global terbaru Xivanki, Pada halaman ini kami menyajikan informasi tentang HTML5 Belajar Tutorial Bagian 5: Tag Semantic Memahami di HTML5 !! Semoga tulisan dengan kategori blogs !! ini bermanfaat bagi anda. Silahkan sebarluaskan postingan HTML5 Belajar Tutorial Bagian 5: Tag Semantic Memahami di HTML5 ini ke social media anda, Semoga rezeki berlimpah ikut dimudahkan Allah bagi anda, Lebih jelas infonya lansung dibawah -->


HTML5 Belajar Tutorial Bagian 5: Memahami Tag Semantic di HTML5

Tutorial Belajar HTML Duniailkom

HTML5 dilengkapi dengan tag baru beberapa. Dalam tutorial belajar HTML5 kali ini kita akan belajar arti dari tag semantik di HTML5.

Memahami Tag Semantic di HTML5

HTML5 memperkenalkan sekitar 30 tag baru (dan mungkin akan terus tumbuh), sebagian besar yang berfungsi untuk membuat struktur HTML, atau dikenal sebagai tag semantik .

Yang dimaksud dengan tag semantik ? Semantic Tag atau Semantic Markup , adalah nama untuk tag HTML yang memiliki ' berarti ' atau ' berarti'. Kata s emantic berasal dari kata Yunani yang berarti ' mempelajari arti dari ' ( studi tentang makna ).

HTML dimaksudkan untuk menciptakan struktur halaman web. Tag

, misalnya, digunakan untuk membuat paragraf, tag

untuk membuat judul / sundulan , dan tag untuk membuat tabel, semua tag ini memiliki ' berarti ' jelas, karena termasuk ke dalam tag semantik .

Tag seperti

> dan tidak memiliki rasa apa -Apa, tapi itu adalah umum untuk membuat struktur halaman. Jika Anda pernah dirancang web menggunakan CSS tag
adalah tag yang sangat sering digunakan. Untuk membuat bagian header yang berisi menu navigasi atau logo, kita biasanya menggunakan tag
, untuk membuat footer biasanya menggunakan
, sedangkan untuk menu utama bisa menggunakan
atau
.

Meskipun dari atribut id kita bisa melihat ' berarti ' tag ini, tapi tag

itu sendiri tidak memiliki arti apapun ( tag non semantik ). Web browser seperti pembaca layar untuk teman kita yang bekebutuhan tertentu, tidak dapat menentukan apakah ini adalah tag header, atau isi dari website. Kita bisa membuat sundulan halaman dengan menggunakan
atau
.

HTML5 memperkenalkan tag baru dimaksudkan untuk mengatasi hal ini. Daripada menggunakan

, kita dapat menggunakan tag
sebagai penanda bagian atas halaman HTML, dan tag
untuk bagian bawah penanda halaman web.

Beberapa tag semantik dilakukan oleh HTML5 adalah sebagai berikut:

Sebagian besar tag semantik digunakan untuk membuat struktur halaman. Kami akan membahas bagaimana menggunakan tutorial berikutnya.

Semantic Tag Tanpa Style

Suatu hal yang menarik dari tag semantik yang ada di HTML5 adalah: paling tidak memiliki gaya default.

Jika kita menggunakan tag

atau tag

, tag akan muncul di baris baru dan beberapa spasi dari kalimat yang sebelumnya. Tag

juga akan ditampilkan dalam huruf tebal ( bold ). Hal ini gaya diwarisi dari tag HTML.

tag di HTML5 semantik umumnya tidak ' membawa ' gaya tidak ada. Tag

tidak akan membuat surat itu menjadi besar seperti tag

. Jadi apa fungsi dari tag ini?

Kembali ke tujuan awal HTML, yang dirancang untuk membuat struktur halaman, tidak acara. efek tampilan seperti spasi ( marjin ), huruf tebal, miring, dll harus ditambahkan menggunakan CSS.

Style asli tag

dan

juga sering menjadi masalah ketika kita ingin mengubah. Bahkan itu ' akan ' untuk desainer web untuk menghapus gaya default ini dengan metode yang dikenal dengan CSS ulang . CSS ulang bertujuan untuk menghapus semua gaya bawaan, sehingga tag HTML menjadi tanpa gaya sama sekali. Ini memfasilitasi merancang web.

Karena itu, tag semantik di HTML5 dirancang tidak memiliki gaya. Tapi kita bisa dengan mudah mempercantik menggunakan CSS.

Dalam tutorial belajar HTML5 berikutnya, kita akan membahas tentang bagaimana struktur HTML5 semantik tag ini.

HTML eBook Mengungkap Duniailkom
Anda serius ingin menguasai HTML? Duniailkom telah menyusun eBook Mengungkap HTML. eBook ini membahas HTML dengan lebih detail dan lebih lengkap dengan fitur terbaru HTML5 . Penjelasan lebih lanjut bisa ke: eBook Mengungkap Duniailkom HTML.

Tutorial Terkait:



أحدث أقدم