Skip to main content

Apakah ciri-ciri baru dalam HTML 5?

Belajar HTML & CSS untuk PEMULA - Full Lengkap (April 2025)

Belajar HTML & CSS untuk PEMULA - Full Lengkap (April 2025)
Anonim

HTML 5 menambah banyak ciri baru kepada spesifikasi HTML, dan ia adalah mudah untuk dilaksanakan. Anda menggunakan doktrin HTML 5, yang mudah dan diperkemas:

Ya, itu sahaja. Hanya dua perkataan "doctype" dan "html." Ia boleh menjadi mudah kerana HTML 5 tidak lagi menjadi sebahagian daripada SGML tetapi sebaliknya merupakan bahasa markup sendiri.

Watak yang ditetapkan untuk HTML 5 juga diselaraskan. Ia menggunakan UTF-8, dan anda menetapkannya dengan hanya satu meta tag:

Struktur Baru HTML 5

HTML 5 mengakui bahawa halaman web mempunyai struktur, seperti buku dan dokumen XML yang lain mempunyai struktur. Pada umumnya, halaman web mempunyai navigasi, kandungan badan, kandungan bar sisi, tajuk, pengaki, dan ciri-ciri lain. HTML 5 mempunyai tag untuk menyokong unsur-unsur halaman tersebut. Mereka adalah:

  • mentakrifkan bahagian halaman.
  • mentakrifkan tajuk halaman.
  • mentakrifkan footer halaman.
  • mentakrifkan navigasi pada halaman.
  • mentakrif artikel atau kandungan utama pada halaman.
  • mentakrifkan kandungan tambahan seperti sidebar pada halaman.
  • mentakrifkan imej yang menggambarkan artikel.

HTML 5 Elemen Dalam Talian Baru

Unsur-unsur inline yang baru mentakrifkan beberapa konsep asas dan memastikan mereka menandakan semantik:

  • menunjukkan kandungan yang ditandakan dalam beberapa fesyen.
  • menunjukkan kandungan yang merupakan masa atau tarikh.
  • menunjukkan kandungan yang merupakan sebahagian kecil daripada julat yang diketahui seperti penggunaan cakera.
  • menunjukkan kemajuan tugas ke arah penyelesaian.

HTML 5 Sokongan Pages Dinamik Baru

HTML 5 telah dibangunkan untuk membantu pemaju aplikasi web, jadi terdapat banyak ciri baru yang memudahkan untuk membuat laman HTML dinamik:

  • Menu Konteks - HTML 5 menyokong penciptaan dan penggunaan menu konteks dalam halaman web dan aplikasi.
  • href tidak diperlukan pada tag. Ini membolehkan anda menggunakan tag dengan skrip dan dalam aplikasi web tanpa memerlukan tempat untuk menghantar jangkar itu.
  • atribut async - Ini akan ditambahkan pada tag skrip untuk memberitahu penyemak imbas bahawa skrip itu harus dimuatkan secara asynchronously supaya ia tidak melambatkan beban dan memaparkan seluruh halaman.
  • - Ini memberikan butiran tentang elemen. Ini akan menjadi seperti petua dalam aplikasi bukan web.
  • mencipta jadual yang dibina dari pangkalan data atau sumber dinamik lain.
  • adalah tag lama yang dibawakan dan diberi kehidupan baru yang membolehkan anda membuat sistem menu pada halaman web anda.
  • mentakrif tindakan yang perlu berlaku apabila elemen dinamik diaktifkan.

HTML 5 Jenis Form Baru

HTML 5 menyokong semua jenis input bentuk standard, tetapi ia menambah beberapa lagi:

  • masa tarikh
  • datetime-local
  • Tarikh
  • bulan
  • minggu
  • masa
  • nombor
  • pelbagai
  • e-mel
  • url

HTML 5 Elemen Baru

Terdapat beberapa elemen baru yang menarik dalam HTML 5:

  • - Unsur ini memberikan ruang lukisan dalam JavaScript pada halaman web anda. Ia boleh menambah imej atau graf pada petua alat atau membuat grafik dinamik pada halaman web anda, dibina dengan cepat.
  • - Tambah video ke halaman web anda dengan tag mudah ini.
  • - Tambah bunyi ke halaman web anda dengan tag mudah ini.

HTML 5 Mengeluarkan Beberapa Elemen

Sesetengah elemen dalam HTML 4 tidak lagi disokong oleh HTML 5. Kebanyakannya telah ditamatkan dan tidak menghairankan. Mereka adalah:

  • akronim
  • applet
  • basefont
  • besar
  • pusat
  • dir
  • fon
  • bingkai
  • frameset
  • isindex
  • noframes
  • noskrip
  • s
  • mogok
  • tt
  • u