Pengantar HTML5

Penulis：Eve Cole Waktu Pembaruan：2025-03-06 01:48:01

HTML (Bahasa Markup Hypertext, Bahasa Mark -Teks) lahir pada awal 1990 -an. Daftar, dan arahkan ke halaman web lainnya. HTML5 adalah versi terbaru dari HTML. HTML5 juga memperkenalkan fungsi pemutaran audio dan video asli.

Anda dapat melihat spesifikasi terbaru HTML melalui URL berikut:

1) html5: http://www.w3.org/tr/html5//

2) html5.1: http://www.w3.org/tr/html51/

Pengantar HTML5

HTML5 sebenarnya adalah serangkaian teknologi terkait yang digunakan untuk membuat konten web kekayaan modern.

1) Spesifikasi inti HTML5 mendefinisikan elemen yang digunakan untuk menandai konten, dan mengklarifikasi artinya.

2) CSS digunakan untuk mengontrol penampilan yang ditandai di depan pengguna.

3) JavaScript digunakan untuk memanipulasi konten dokumen HTML dan menanggapi operasi pengguna.

Pada saat yang sama, HTML5 memperkenalkan dukungan multimedia asli dan memperkenalkan konten yang dapat diprogram (elemen kanvas, yang harus menggunakan JavaScript) dan Semantic Web.

Dukungan Browser untuk HTML5

Verifikasi fungsional browser

Apakah fungsi HTML5 dapat digunakan adalah apakah browser mendukung Namun, ada situs web http://caniuse.com/ untuk membantu Anda.

Status Penggunaan Browser

Jika Anda perlu menilai apakah Anda perlu mendukung browser tertentu, atau versi browser (biasanya yaitu), maka http://gs.statcounter.com/ browser menggunakan status.

Mendeteksi fungsi browser

Jika Anda ingin menggunakan beberapa fitur baru dari beberapa HTML5, tetapi beberapa browser pengguna tidak mendukung fitur -fitur ini, dan tidak perlu khawatir. .

Metode penggunaan adalah sebagai berikut:

Pergi ke halaman unduhan Modernizr, sebagai berikut:

Pilih fitur yang ingin Anda deteksi pada halaman ini (klik pada fitur yang sesuai), dan klik Build setelah memilih, dan Anda bisa mendapatkan:

Kemudian unduh hasil build (modernizr-custom.js) dan tambahkan ke dokumen html Anda;

 <head> <meta charset = utf-8> <itement> title </title> <script src = modernizr-custom.js> </script> ... </head>

Dengan cara ini, setelah halaman dimuat, skrip Modernizr dapat berjalan. Dengan mendeteksi atribut objek ini, Anda dapat menentukan fitur apa yang didukung browser. Misalnya:

 <body> <p> Putusannya adalah ... <span id = result> </span> </p> <script> modernizr.on ('flash', function (hasil) {if (hasil) {document.geteLementByIdid (Hasil) .innerHTML = Bersukacitalah!

Jika browser Anda mendukung Flash, halaman web akan dicetak dengan bersukacita! Untuk fungsi Modernizr lebih lanjut, silakan merujuk ke dokumentasi Modernizr.

Struktur Dasar Dokumentasi HTML

Dokumen HTML adalah deskripsi dokumen. Beberapa elemen digunakan untuk menggambarkan informasi dasar dari dokumen ini, dan beberapa menggambarkan struktur dokumen di bawah ini adalah struktur dokumen HTML dasar:

<!

Dokumen HTML menjelaskan halaman kosong yang menentukan garis besar dokumen HTML dan lingkungan awal browser.

Elemen dokter

Elemen Doctype dapat dihilangkan. Elemen ini memberi tahu browser dua hal:

1) ditangani oleh dokumen HTML;

2) Versi HTML yang digunakan untuk menandai konten dokumen, tulisan di atas menunjukkan bahwa HTML5 digunakan.

Elemen html

Elemen HTML adalah elemen root yang menunjukkan awal bagian HTML dalam dokumen. Bahasa default atribut lang menentukan konten halaman, seperti: en berarti bahasa Inggris, ES mewakili bahasa Spanyol, dll.

Elemen kepala

Elemen kepala berisi metadata dokumen, memberikan informasi tentang konten dokumen dan informasi browser, dan juga dapat menyertakan referensi ke skrip dan sumber daya eksternal (seperti tabel gaya CSS).

Elemen tubuh

Badan dokumen berisi konten yang dapat dilihat oleh pengunjung.

Dengan struktur dasar ini, kita secara bertahap dapat menambahkan elemen lain dari HTML nanti untuk terus memperkaya dokumen dan akhirnya mendapatkan halaman yang kita inginkan.