Sepuluh pertanyaan wawancara HTML5 front-end klasik yang mungkin Anda tidak mahir melakukannya

Sejak beberapa tahun terakhir, HTML5 telah menjadi populer, dan insinyur pengembangan HTML5 telah menjadi sangat populer di pasar bakat. Sebagai pengembang HTML5, wawancara sangatlah penting. Artikel ini merangkum dan memperkenalkan sepuluh pertanyaan wawancara front-end HTML5 klasik yang mungkin belum Anda ketahui. Saya harap ini dapat membantu Anda dalam wawancara di bawah ini. Cukup sekian, mari kita lihat pengenalan detailnya.

Jawaban: HTML5 adalah standar HTML terbaru.

tujuan desain

HTML5 dirancang untuk mendukung multimedia pada perangkat seluler. Fitur sintaksis baru diperkenalkan untuk mendukung hal ini, seperti tag video, audio, dan kanvas. HTML5 juga memperkenalkan fitur-fitur baru yang benar-benar dapat mengubah cara pengguna berinteraksi dengan dokumen, termasuk:

· Aturan parsing baru meningkatkan fleksibilitas

· Properti baru

· Hilangkan atribut yang usang atau berlebihan

· Fungsi drag and drop dari satu dokumen HTML5 ke dokumen lainnya

Jawaban: Formulir verifikasi lokal perlu dibungkus dengan tag formulir untuk melihat efeknya.

• warna
• tanggal
• tanggalwaktu-lokal
• e-mail
• waktu
• url
• jangkauan
• telepon
• nomor
• mencari

Jawaban: Halaman WEB pada umumnya mencakup header, footer, navigasi, area tengah, dan sidebar. Sekarang jika kita ingin merender konten ini dalam area HTML di HTML4, kita mungkin ingin menggunakan tag DIV.

Namun di HTML5, dengan membuat nama elemen untuk area ini, kami membuatnya lebih jelas dan membuat HTML Anda lebih mudah dibaca.

Berikut lebih detail elemen HTML5 yang membentuk struktur halaman: (perhatikan bahwa pertimbangan utama adalah semantik tag)

• <header>: Mewakili data header HTML
• <footer> : area footer halaman
• <nav>: elemen navigasi halaman
• <artikel>: konten mandiri
• <section>: Gunakan artikel internal untuk menentukan area atau mengelompokkan konten ke dalam area
• <aside>: Mewakili konten sidebar halaman

Jawaban: Hampir semua browser kelas atas seperti Safari, Chrome, Firefox, Opera, IE8 dan yang lebih baru mendukung HTML5

Jawaban: HTML5 tidak menggunakan SGML atau XHTML. Ini adalah hal yang baru, jadi Anda tidak perlu merujuk ke DTD. Untuk HTML5, Anda hanya perlu menempatkan kode jenis dokumen berikut untuk memberitahu browser agar mengenalinya dokumen HTML5.

Jawaban: Penyimpanan lokal menyimpan data untuk waktu yang lama, dan data tidak hilang setelah browser ditutup;

data sessionStorage secara otomatis dihapus setelah browser ditutup.

menjawab:

(1) Saat online, browser menemukan bahwa header HTML memiliki atribut manifes, dan akan meminta file manifes. Jika ini adalah pertama kalinya mengakses aplikasi, browser akan mengunduh sumber daya yang sesuai berdasarkan konten file manifes dan menyimpannya secara offline. Jika aplikasi telah diakses dan sumber daya telah disimpan secara offline, browser akan menggunakan sumber daya offline untuk memuat halaman, dan kemudian browser akan membandingkan file manifes baru dengan file manifes lama. Jika file tidak berubah, tidak operasi akan dilakukan, jika file berubah, sumber daya dalam file akan diunduh ulang dan disimpan secara offline.

(2) Saat offline, browser langsung menggunakan sumber daya yang disimpan secara offline.

(1) Cookie diteruskan bolak-balik antara browser dan server, sessionStorage dan localStorage tidak.

(2) sessionStorage dan localStorage memiliki ruang penyimpanan yang lebih besar.

(3) sessionStorage dan localStorage memiliki antarmuka yang lebih kaya dan mudah digunakan.

(4) sessionStorage dan localStorage memiliki ruang penyimpanan independen.

Jawaban: Saat halaman dialihkan ke proses latar belakang lainnya, pemutaran musik atau video akan otomatis dijeda.

Jawaban: Cukup setel autocomplete=off untuk input yang tidak ingin Anda minta.

Di atas adalah keseluruhan isi artikel ini, saya berharap isi artikel ini memiliki nilai referensi tertentu untuk belajar atau bekerja semua orang. Jika Anda memiliki pertanyaan, Anda dapat meninggalkan pesan untuk komunikasi Jaringan.