Struktur dan semantik HTML5 (1): Prakata_html5 kemahiran tutorial

Bahasa Penanda Hiperteks (HTML) 5 memperkenalkan elemen baharu kepada HTML buat kali pertama. Elemen struktur baharu termasuk sisi, rajah dan bahagian. Elemen sebaris baharu termasuk masa, meter dan kemajuan. Elemen sebaris baharu ialah video dan audio. Elemen interaktif baharu ialah butiran, grid data dan arahan.
Pembangunan Hypertext Markup Language (HTML) dihentikan dengan HTML 4 pada tahun 1999. World Wide Web Consortium (W3C) telah menukar fokusnya kepada menukar sintaks asas HTML daripada Bahasa Penanda Umum Standard (SGML) kepada Bahasa Penanda Boleh Diperluas (XML), serta bahasa penanda baharu seperti Grafik Vektor Boleh Skala (SVG). ), XForms dan MathML. Pengeluar penyemak imbas menumpukan pada ciri penyemak imbas seperti tab dan pembaca ringkasan tapak yang kaya (RSS). Pereka web mula belajar menggunakan JavaScript XML (Ajax) tak segerak untuk membina aplikasi mereka dalam rangka kerja sedia ada menggunakan Cascading Style Sheets (CSS) dan bahasa JavaScript™. Tetapi untuk lapan tahun akan datang, tiada apa yang berubah dalam HTML itu sendiri.
Baru-baru ini, ia telah dihidupkan semula. Tiga vendor penyemak imbas utama—Apple, Opera, dan Yayasan Mozilla—membentuk Kumpulan Kerja Teknologi Aplikasi Hiperteks Web (WhatWG) untuk membangunkan versi baharu HTML tradisional. Baru-baru ini, W3C juga telah menyedari aktiviti ini dan melancarkan projek HTML generasi barunya sendiri. Ramai ahli kedua-dua pihak adalah sama. Kedua-dua projek itu mungkin akhirnya bergabung. Walaupun banyak butiran masih diperdebatkan, garis besar versi HTML seterusnya sudah jelas.
Pembangun web telah menunggu versi baharu HTML (sering dipanggil HTML 5, tetapi juga dipanggil Aplikasi Web 1.0) sejak tahun 1999, dan kini ia akhirnya dikeluarkan. Ia mengekalkan ciri asal HTML: tiada ruang nama atau corak. Unsur itu tidak perlu berakhir. Penyemak imbas merawat ralat dengan lembut. p masih p dan meja masih meja.
Jika pembangun web dibekukan pada tahun 1999 dan dicairkan sekarang, dia akan menghadapi beberapa elemen baharu dan mengelirukan. Ya, elemen biasa seperti div masih ada, bagaimanapun, HTML kini turut menyertakan elemen baharu seperti bahagian, pengepala, pengaki dan nav. em, kod dan kuat masih ada, tetapi meter, masa dan m telah ditambahkan. img dan embed masih tersedia, tetapi video dan audio telah ditambahkan. Namun, apabila diteliti lebih dekat, beliau mendapati bahawa unsur-unsur ini sebenarnya tidak dapat dibezakan. Kebanyakan elemen ini mungkin yang diperlukan oleh pembangun pada tahun 1999 tetapi tidak mendapat. Elemen-elemen baru ini mudah difahami melalui analogi ringkas dengan elemen-elemen yang telah dikuasainya. Malah, mereka sangat mudah untuk dikuasai berbanding Ajax atau CSS.
Akhirnya, apabila dia menghidupkan komputer riba 300MHznya (menjalankan Windows 98, yang juga dibekukan pada tahun 1999), dia mungkin terkejut dengan cara halaman baharu muncul dalam Netscape 4 dan Windows® Internet Explorer® 5. Sudah tentu, penyemak imbas yang lebih lama ini tidak mengenali elemen baharu dan akan mengabaikannya sepenuhnya, tetapi halaman masih akan dipaparkan dan kandungannya masih utuh.
Ini bukan cerita rekaan. HTML 5 direka bentuk untuk merosot dengan anggun dalam penyemak imbas yang tidak menyokongnya. Alasannya mudah: kita semua adalah "primitif." Pelayar kini mempunyai tab, CSS dan XmlHttpRequest, tetapi enjin paparan HTML mereka masih tersekat pada tahun 1999. Selain daripada peningkatan yang besar dalam bilangan pengguna, Web pada dasarnya telah membuat sedikit kemajuan. HTML 5 mengambil kira perkara ini. Ia pada masa ini menawarkan beberapa faedah sebenar kepada pembangun web, dan apabila pelayar menaik taraf perlahan-lahan, penonton halaman akan menikmati faedah ini secara beransur-ansur.
Mari lihat apa yang HTML 5 tawarkan.
(Bersambung)