HTML5
Apakah sebenarnya HTML5? Dalam Soalan Lazim W3C HTML5, ini dinyatakan tentang HTML5: HTML5 ialah lesen percuma yang dibangunkan di bawah platform terbuka.
Secara khusus, terdapat dua pemahaman tentang ayat ini:
“
merujuk kepada sekumpulan teknologi yang bersama-sama membentuk platform rangkaian terbuka masa hadapan Teknologi ini termasuk spesifikasi HTML5, CSS3, SVG, MATHML, Geolokasi, XmlHttpRequest. , Konteks 2D, Fon Web dan teknologi lain Sempadan set teknologi ini tidak formal dan berubah mengikut masa
Merujuk kepada spesifikasi HTML5 dan sudah tentu merupakan sebahagian daripada Platform Web Terbuka.
Sokongan Penyemak Imbas untuk Kanvas
Di bawah saya telah menyenaraikan penyemak imbas web paling popular dan nombor versi minimum yang mana mereka mula menyokong elemen Kanvas.
Saya mengesyorkan menggunakan Chrome di sini.
Halaman HTML5 yang ringkas
Keputusan larian demo adalah seperti berikut: 
HTML terdiri daripada elemen teg berbentuk seperti kurungan sudut <> biasanya muncul secara berpasangan dan teg hanya boleh bersarang dan tidak bersilang.
Sambungan:
Apa yang muncul secara berpasangan dipanggil teg tertutup, dan apa yang muncul secara tunggal dipanggil teg tunggal. Ia ditutup tidak kira apa pun (satu teg tidak perlu ditutup, tetapi penutupan diperlukan dengan ketat dalam XHTML). Teg penutup dibahagikan kepada teg permulaan dan teg akhir Contohnya,
Teg ini menunjukkan bahawa pelayar web akan memaparkan halaman dalam mod standard. Ini diperlukan untuk dokumen HTML5 mengikut spesifikasi HTML5 yang ditakrifkan oleh W3C. Teg ini memudahkan perbezaan pelik yang telah lama wujud dalam cara pelayar berbeza memaparkan halaman HTML. Ia biasanya baris pertama dalam dokumen.
Ini ialah teg yang mengandungi perihalan bahasa, contohnya, "en" untuk bahasa Inggeris dan "zh" untuk bahasa Cina.
Dua penanda ini masing-masing menunjukkan permulaan dan penghujung maklumat pengepala. Teg yang terkandung dalam pengepala ialah tajuk, kata pengantar, penerangan dan kandungan lain halaman Ia tidak dipaparkan sebagai kandungan itu sendiri, tetapi mempengaruhi kesan paparan halaman web. Teg yang paling biasa digunakan dalam pengepala ialah teg <title>
Jadual berikut menyenaraikan semua teg dan fungsi di bawah elemen kepala HTML:
| 标签 | 描述 |
|---|---|
<head> |
定义了文档的信息 |
<title> |
定义了文档的标题 |
<base> |
定义了页面链接标签的默认链接地址 |
<link> |
定义了一个文档和外部资源之间的关系 |
<meta> |
定义了HTML文档中的元数据 |
<script> |
定义了客户端的脚本文件 |
<style> |
定义了HTML文档的样式文件 |
Teg ini menerangkan mod pengekodan aksara yang digunakan oleh penyemak imbas web, yang biasanya ditetapkan kepada UTF-8 di sini. Tidak perlu menukarnya jika tiada tetapan khas diperlukan. Ini juga merupakan elemen yang diperlukan untuk halaman HTML5.
Teg ini menerangkan tajuk HTML yang dipaparkan dalam tetingkap penyemak imbas. Ini adalah teg penting dan merupakan salah satu bahagian utama maklumat yang digunakan oleh enjin carian untuk mengindeks kandungan pada halaman HTML.
Kandungan sebenar yang dipaparkan pada halaman web terkandung di antara kedua-dua
ini.Tambah Kanvas
Menambah Kanvas dalam HTML adalah sangat mudah, cuma tambahkan teg
Memandangkan halaman hasil adalah halaman kosong sepenuhnya, saya tidak akan menyiarkan gambar di sini. Anda mungkin ingin tahu, mengapa ia kosong? (Karut, saya belum sempat melukis!) Maksud asal Kanvas ialah kanvas, yang bermaksud kanvas (karut...).
Apakah maksud teks dalam teg
Apakah maksud id dalam
Untuk memaparkan Kanvas dengan lebih jelas dan memudahkan demonstrasi berikutnya, saya mengubah suai sedikit kod, dan semua lukisan seterusnya akan dilukis pada Kanvas ini.
Hasil jalankan: 
Beberapa nota pada kod di atas:
1. Menambahkan teg
Saya tidak akan menerangkan kandungan CSS di sini Lagipun, ia bukan protagonis kursus ini, dan ia akan mengambil banyak ruang untuk mengembangkannya.
Elemen Kanvas Rujukan
Model Objek Dokumen (DOM)
Model Objek Dokumen (DOM) ialah antara muka pengaturcaraan standard yang disyorkan oleh organisasi W3C untuk memproses bahasa penanda yang boleh diperluaskan. Sejarah Model Objek Dokumen boleh dikesan kembali kepada "perang pelayar" antara Microsoft dan Netscape pada akhir 1990-an Untuk bersaing untuk hidup dan mati dalam JavaScript dan JScript, kedua-dua pihak memberikan pelayar fungsi yang berkuasa secara besar-besaran. Microsoft telah menambahkan banyak perkara proprietari pada teknologi web, termasuk VBScript, ActiveX, dan format DHTML milik Microsoft sendiri, yang menyebabkan banyak halaman web tidak dapat dipaparkan dengan betul menggunakan platform dan penyemak imbas bukan Microsoft. DOM ialah karya agung yang dibancuh pada masa itu.
Model Objek Dokumen mewakili semua objek pada halaman HTML. Ia adalah neutral bahasa dan neutral platform. Ia membenarkan kandungan dan gaya halaman dikemas kini semula selepas ia dipaparkan oleh pelayar web. Pengguna boleh mengakses DOM melalui JavaScript.
Sebelum anda mula menggunakan
Objek tetingkap ialah tahap tertinggi DOM Objek ini perlu dikesan untuk memastikan semua sumber dan kod telah dimuatkan sebelum mula menggunakan aplikasi Canvas.
Objek dokumen mengandungi semua teg HTML pada halaman HTML. Objek ini perlu diambil untuk mencari contoh
Lokasi peletakan JavaScript
Menggunakan JavaScript untuk memprogramkan Kanvas akan menyebabkan masalah: di mana untuk memulakan program JavaScript dalam halaman yang dibuat?
Letakkan JavaScript ke dalam
Namun, saya tidak mengambil jalan biasa (ketawa), jadi dalam kes berikutnya, saya masih meletakkan kod JavaScript di hujung mengikut gaya pengekodan saya sendiri. Sudah tentu, jika terdapat banyak kod JavaScript, adalah disyorkan untuk memuatkan fail .js luaran. Kodnya kira-kira seperti berikut:
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
