10 questions d'entretien HTML5 à haute fréquence-js tutoriel-php.cn

10 questions d'entretien HTML5 à haute fréquence

小云云

Libérer： 2017-11-18 16:22:36

original

1909 Les gens l'ont consulté

Si vous apprenez le HTML5, vous sentez-vous effrayé ou nerveux pendant l'entretien ? En tant que programmeurs, nous rencontrerons toujours des questions d'entretien pendant l'entretien. Bien sûr, HTML5 a également des questions d'entretien, c'est pourquoi l'éditeur les a résumées pour vous en ligne. .Voici 10 questions d'entretien HTML5 très courantes. Les amis qui se préparent pour des entretiens peuvent y prêter attention.

1. Quels sont les nouveaux types de documents et jeux de caractères HTML5 ?

<!doctype html>

Copier après la connexion

HTML5 utilise un exemple d'encodage UTF-8 :

<meta charset=”UTF-8″>

Copier après la connexion

2 Comment intégrer l'audio dans HTML5 ?

HTML5 prend en charge l'audio aux formats MP3, Wav et Ogg Voici un exemple simple d'intégration d'audio dans une page Web :

<audio controls>
<source src=”jamshed.mp3″ type=”audio/mpeg”>
Your browser does’nt support audio embedding feature. 
</audio>

Copier après la connexion

Semblable à l'audio, HTML5 prend en charge les vidéos aux formats MP4, WebM et Ogg :

<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
Your browser does’nt support video embedding feature.
</video>

Copier après la connexion

4. HTML5 avez-vous?

HTML5 offre une prise en charge importante du multimédia. En plus des balises audio et vidéo, il prend également en charge les balises suivantes :

La balise définit le contenu intégré, tel que les plug-ins.

<embed type=”video/quicktime” src=”Fishing.mov”>

Copier après la connexion

est utile pour définir plusieurs sources de données. La balise

<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
<source src=”jamshed.ogg” type=”video/ogg”>
</video>

Copier après la connexion

spécifie une piste de texte externe pour un média tel qu'un élément vidéo. Utilisé pour spécifier des fichiers de sous-titres ou d'autres fichiers contenant du texte visibles lors de la lecture du média.

<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
<source src=”jamshed.ogg” type=”video/ogg”>
<track kind=”subtitles” label=”English” src=”jamshed_en.vtt” srclang=”en” default></track>
<track kind=”subtitles” label=”Arabic” src=”jamshed_ar.vtt” srclang=”ar”></track>
</video>

Copier après la connexion

5. A quoi sert l'élément HTML5 Canvas ?

L'élément Canvas est utilisé pour dessiner des graphiques sur des pages Web. La puissance de cette balise d'élément est qu'elle peut effectuer directement des opérations graphiques sur HTML

<canvas id=”canvas1″ width=”300″ height=”100″></canvas>

Copier après la connexion

6. entre les types de stockage HTML5 ?

HTML5 peut stocker des données localement, ce qui se faisait auparavant à l'aide de cookies. HTML5 fournit les deux solutions de stockage local suivantes :

localStorage est utilisé pour le stockage local persistant. Les données n'expireront jamais et ne seront pas perdues à la fermeture du navigateur. sessionStorage n'est accessible que par les pages de la même session et les données sont détruites à la fin de la session. Par conséquent, sessionStorage n'est pas un stockage local persistant, mais uniquement un stockage au niveau de la session.

7. Quels sont les nouveaux éléments de formulaire en HTML5 ?

HTML5 ajoute de nombreux nouveaux éléments de formulaire pour permettre aux développeurs de créer de meilleures applications Web.

datalist
datetime
sortie
keygen
date
mois
semaine
heure
couleur
numéro
plage
email
url

8. Quelles balises HTML4 ont été abandonnées par HTML5 ?

HTML5 supprime certaines balises HTML obsolètes et déraisonnables :

frame
frameset
noframe
applet
big
center
basefront

9. Quelles nouvelles API la norme HTML5 propose-t-elle ?

Les API d'application fournies par HTML5 incluent principalement :

API multimédia
API de suivi de texte
API de cache d'application
Interaction utilisateur
API de transfert de données
Commande API
API de validation de contraintes
API d'historique

10. Quelle est la différence entre le cache d'application HTML5 et le cache de navigateur ?

La mise en cache des applications est l'une des fonctionnalités importantes de HTML5, offrant des capacités d'utilisation hors ligne afin que les applications puissent obtenir du contenu de site Web local, tel que HTML, CSS, images et JavaScript. Cette fonctionnalité peut améliorer les performances du site Web. Elle est implémentée à l'aide de fichiers manifestes, comme suit :

<!doctype html>

......

Copier après la connexion

Par rapport à la mise en cache traditionnelle du navigateur, elle ne force pas la mise en cache du contenu du site Web visité par les utilisateurs.

Les 10 questions d'entretien HTML5 ci-dessus semblent très simples, mais elles sont souvent testées lors des entretiens. Les amis qui se préparent pour les entretiens espèrent que ces 10 questions pourront vous aider.

Recommandations associées :

Partager quelques exemples de questions d'entretien frontal

Partager des questions d'entretien frontal ? Combien pouvez-vous en obtenir correctement ?

Partage des dernières questions d'entretien frontal Baidu

Un résumé des questions de test écrites dans les questions d'entretien PHP

Les 10 questions d'entretien PHP les plus sujettes aux erreurs

Questions d'entretien PHP courantes et techniques de réponse en 2017

Quelques questions à propos de l'analyse des questions d'entretien PHP

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!