Iklan

HTML5 adalah terbaru dan terhebat Apa itu HTML5, Dan Bagaimana Cara Mengubah Cara Saya Jelajahi? [MakeUseOf Menjelaskan]Selama beberapa tahun terakhir, Anda mungkin pernah mendengar istilah HTML5 sesekali. Apakah Anda tahu sesuatu tentang pengembangan web atau tidak, konsepnya bisa agak kabur dan membingungkan. Jelas, ... Baca lebih banyak versi bahasa markup yang paling banyak digunakan di web. Ada beberapa perubahan besar dari versi bahasa terakhir, dan jika Anda tidak menggunakannya, Anda kehilangan beberapa fungsionalitas yang sangat keren.

Kami tidak memiliki ruang untuk membahas setiap elemen baru dalam versi HTML kelima, tetapi sembilan elemen ini adalah yang paling penting. Untuk informasi lebih lanjut tentang elemen dan API baru di HTML5, pastikan untuk melakukannya lihat W3Schools.

Pengantar Elemen Semantik

Seperti kebanyakan internet, HTML5 telah bergeser untuk fokus pada semantik. Sekarang, alih-alih tag hanya digunakan untuk memformat, tag juga digunakan untuk memberi tahu browser

dan mesin pencari 7 Mesin Pencari Semantik Teratas sebagai Alternatif untuk Google Baca lebih banyak arti dari apa yang mereka kelilingi.

Sebagai contoh,

cukup memberi tahu browser bahwa itu berisi paragraf.

, yang akan kami diskusikan sebentar, memberi tahu peramban bahwa itu berisi konten utama halaman.

Web semantik masih berkembang, dan kami baru mulai menggaruk permukaan dari apa yang dapat dilakukannya. HTML5 membantu menghadirkan markup semantik Apa Semantic Markup & Bagaimana Itu Akan Mengubah Internet Selamanya [Teknologi Dijelaskan] Baca lebih banyak ke bagian yang jauh lebih besar dari internet, dan itu hanya bisa baik untuk masa depan pemrosesan semantik.

1.

Itu

tag mendefinisikan "konten mandiri dan mandiri." Contoh paling mudah adalah, tentu saja, sebuah artikel. Untuk artikel khusus ini, kami akan membuka tag sebelum pengantar dan menutupnya setelah kesimpulan.

 Semua teks di bagian mandiri Anda. 

Tetapi ada cara lain yang bisa Anda gunakan juga. Misalnya, banyak blog memasak menyertakan kisah-kisah pribadi tentang bagaimana resep muncul atau mengapa itu penting bagi penulis. Itu kemudian diikuti oleh resep itu sendiri. Anda dapat membuat argumen bahwa masing-masing elemen ini dapat berdiri sendiri.

Dalam sebuah forum, setiap posting atau utas dapat dianggap mandiri, dan masing-masing dapat ditandai dengan miliknya sendiri

menandai. Sebagian besar, itu akan digunakan pada konten utama halaman. Namun perlu diingat bahwa Anda dapat menggunakannya lebih kreatif juga.

2.

Terkait erat dengan

adalah

. Ini mendefinisikan "pengelompokan konten tematik, biasanya dengan tajuk." Begitu

akan berada di dalam

… Baik?

Belum tentu. W3 menunjukkan bahwa itu tergantung pada struktur situs Anda. Anda mungkin memiliki konten mandiri di berbagai bagian halaman Anda (pikirkan halaman depan situs berita, misalnya). Anda mungkin memiliki bagian dalam artikel itu.

Mengapa Anda Membutuhkan DAC
Semuanya terdengar lebih baik.
Cara Mengatur DAC
Inilah yang perlu Anda lakukan.. .

Anda bahkan dapat memiliki bagian dalam bagian jika itu sesuai dengan halaman Anda. Ingatlah bahwa bagian hanyalah "pengelompokan konten tematik," dan Anda akan menemukan banyak tempat untuk menggunakannya.

3.

Elemen ini "harus digunakan sebagai wadah untuk konten pengantar." Singkatnya, ini adalah bagian dari halaman Anda yang membantu orang memahami apa yang akan mereka baca.

Tapi jangan tertipu - Anda bisa menggunakan wadah ini lebih dari satu kali. Misalnya, Anda dapat menggunakannya untuk mengidentifikasi judul halaman dan paragraf pengantar posting blog Anda. Tetapi Anda juga bisa menggunakannya untuk menandai konten pengantar untuk setiap bagian, juga.

Semua yang Perlu Anda Ketahui tentang DAC
Berikut ini pengantar yang berguna untuk DAC ...
 Sisa artikel Anda ada di sini.

Bagian header biasanya mengandung setidaknya satu tag heading - H1, H2, dan sebagainya. Mereka tidak harus melakukannya, tetapi secara umum, jika Anda menggunakan tag heading, ada taruhan yang baik Anda menyertakan konten tajuk.

4.

W3 mengatakan bahwa tag footer biasanya berisi "penulis dokumen, informasi hak cipta, tautan ke ketentuan penggunaan, informasi kontak, dll." Anda bisa menganggapnya sebagai barang "rumah tangga".

Dokumentasi juga menyatakan bahwa Anda dapat memiliki lebih dari satu bagian footer di halaman Anda. Namun, mungkin ide yang baik untuk menyimpan semua informasi ini di satu lokasi.

5.

Tag ini berisi tautan navigasi untuk halaman tertentu. Perhatikan bahwa hanya bagian navigasi yang mendapatkan tag ini, tidak semua tautan di halaman Anda. Ini untuk bilah navigasi dan alat serupa.

Ini adalah tag yang sangat sederhana - hanya itu yang ada di sana. Gunakan untuk menentukan bagian navigasi, dan jangan menggunakannya lagi di halaman Anda.

6.

Salah satu elemen baru yang paling menarik di HTML5 adalah samping. W3 memberikannya definisi yang agak tidak membantu tentang "beberapa konten selain dari konten yang ditempatkan."

Singkatnya, samping adalah segala sesuatu yang terkait dengan (tetapi terpisah dari) informasi di sekitarnya. Ini bisa menjadi bilah sisi yang menambahkan detail ke konten Anda. Saat digunakan dalam satu set

tag, ini memberikan informasi tambahan yang tidak perlu untuk memahami konten utama.

Misalnya, jika kami menyertakan bilah sisi dalam artikel ini memberikan informasi tentang sejarah HTML5, itu akan menjadi samping.

Tetapi

 Artikel utama ada di sini.  Artikel berlanjut di sini.

Karena ada beberapa kegunaan untuk tag ini, ini bisa membingungkan. Jika Anda mengingat bahwa ini "konten sekunder" dan tidak selalu menjadi bilah sisi, Anda akan memiliki ide yang lebih baik tentang cara menggunakannya.

7.

Banyak situs web memiliki informasi yang perlu ditampilkan, tetapi tidak mencolok. Mungkin itu informasi hak cipta untuk foto. Atau cetak halus pada kontes. Informasi seperti ini persis untuk apa tag detailnya.

Saat Anda menggunakan tag detail, Anda membuat teks tersembunyi yang dapat dengan mudah ditampilkan. Ini sebuah contoh:

Klik di sini untuk melihat informasi.

Di sini, informasi yang lebih detail Anda tidak perlu segera.

Cukup klik panah untuk mendapatkan detailnya. Sederhana. Menciptakannya sama mudahnya. Berikut kode yang digunakan untuk contoh di atas:

 Klik di sini untuk melihat informasi. 
 Berikut ini informasi lebih rinci yang tidak Anda perlukan segera. 

Itu

tag mendefinisikan kalimat yang akan ditampilkan, sementara konten lainnya disembunyikan. Perhatikan bahwa Anda dapat menggunakan tag lain di bagian detail: pos, bagian, dan sebagainya.

Ada yang lain hal-hal keren yang dapat Anda lakukan dengan HTML 8 Efek HTML Keren yang Siapa Saja Dapat Tambahkan ke Situs WebnyaAnda tidak perlu tahu CSS atau PHP untuk membangun situs mewah. Gunakan trik HTML keren ini untuk menghasilkan efek yang luar biasa. Baca lebih banyak juga, bahkan jika Anda tidak tahu banyak CSS atau JSON.

8-9.

dan

Jangan khawatir, itu tag yang telah Anda gunakan selama bertahun-tahun tidak akan hilang.

berkeliling tag gambar dan membiarkan browser tahu bahwa itu adalah gambar mandiri, diagram, daftar kode, atau gambar lainnya.

Jika angka dihapus dari halaman, itu tidak akan mempengaruhi aliran konten.

Ini memberi Anda cara bawaan untuk menambahkan takarir ke gambar Anda. Tidak perlu melalui CMS Anda lagi.

Manfaatkan Kekuatan HTML5

Elemen-elemen baru di HTML5 menambahkan banyak daya, terutama untuk keperluan semantik. Ada elemen tambahan untuk pemformatan, pengukuran skalar, progres tugas, dan lainnya. Anda bisa lihat semua elemen baru di W3Schools.

Tetapi jika Anda dapat menguasai kesembilan ini, Anda akan siap memanfaatkan HTML5 dengan baik. Dan jika Anda baru mengenal HTML, pastikan untuk memeriksa contoh kode ini 17 Contoh Kode HTML Sederhana yang Dapat Anda Pelajari dalam 10 MenitIngin membuat halaman web dasar? Pelajari contoh-contoh HTML ini dan cobalah dalam editor teks untuk melihat tampilannya di browser Anda. Baca lebih banyak !

Sudahkah Anda mulai menggunakan HTML5? Elemen baru mana yang menurut Anda paling berguna? Bagikan pemikiran Anda dalam komentar di bawah!