Partagez des connaissances impopulaires sur HTML5

Le HTML est le langage unifié du Web. Ces balises brutes contenues entre crochets constituent le Web d'aujourd'hui. En 1991, Tim Berners-Lee a écrit un document intitulé « Balises HTML », qui comprend une vingtaine de balises HTML utilisées pour marquer les pages Web. Il a directement emprunté le style de balisage de SGML, qui est le style de balisage HTML que nous avons vu plus tard.

Aujourd'hui, l'éditeur de Huwu va trier ces html5 anecdotes que vous ne connaissez peut-être pas.

Exécuter le code JavaScriptdans la barre d'adresse du navigateur
Beaucoup de gens devraient le savoir. Vous pouvez exécuter du code JavaScript directement dans la barre d'adresse du navigateur. La méthode consiste à commencer par javascript : suivi. par déclaration d'exécution. Par exemple :

Notez que pour exécuter le code javascript, vous devez le saisir manuellement dans le navigateur. Si vous copiez le code, IE et. Chr Ome supprimera automatiquement le javascript : au début du code, il doit donc être ajouté manuellement pour une exécution correcte. Bien que Firefox ne le supprime pas automatiquement, il ne prend pas en charge l'exécution de JS<.> code dans la barre d'adresse du tout ! !

Exécutez du code HTML dans la barre d'adresse du navigateur

S'il y a encore beaucoup de gens qui connaissent le petit secret ci-dessus, moins de gens connaissent cette astuce Dans les navigateurs avec un noyau non IE, la barre d'adresse peut exécuter du code HTML. directement!

Quoi qu'il en soit, même l'éditeur de Huwu, je n'en ai appris l'existence que par accident récemment.

Par exemple, entrez le code suivant dans la barre d'adresse et appuyez sur Entrée pour l'exécuter, et le contenu de la page spécifié apparaîtra.

Comme indiqué ci-dessous :

Utilisez le navigateur comme

ÉditeurIl s'agit toujours de faire des histoires sur la barre d'adresse du navigateur. Après avoir collé le code suivant dans la barre d'adresse et l'avoir exécuté, le navigateur devient un éditeur primitif et simple, tout comme le bloc-notes. qui vient avec Windows. Wow rugit.

Comme indiqué ci-dessous :

En dernière analyse , grâce à HTML5 Le nouvel attribut contenteditable

, lorsque l'élément est spécifié avec cet attribut, le contenu de l'élément devient modifiable état .

Par extension, après avoir mis le code suivant dans la console et l'avoir exécuté, la page entière deviendra modifiable !

Comme indiqué ci-dessous :

Utilisez une balise pour analyser automatiquement l'URL

Souvent, nous devons extraire le nom de domaine d'une URL,
requête mots-clés, variables valeurs de paramètres, etc., mais nous ne nous attendions jamais à ce que le navigateur puisse facilement help Nous accomplissons cette tâche sans écrire de code régulier pour la capturer. La méthode consiste d'abord à créer une balise a dans le code JS, puis à attribuer l'URL qui doit être analysée à l'attribut href de a, et nous obtenons ensuite tout ce que nous voulons.

Comme indiqué ci-dessous :

Utilisez la méthode ci-dessus aux paramètres du navigateur pour fonctionner !

Les éléments avec des ID sur la page créeront des variables globales
Dans une page HTML, tous les éléments avec des attributs d'ID définis créeront des variables globales correspondantes dans l'environnement d'exécution JavaScript, ce qui signifie que document.getElementById est aussi redondant que l'appendice humain. Mais dans les projets réels, il est préférable de l’écrire honnêtement. Après tout, le risque que des choses se passent mal avec du code standard est beaucoup plus faible.

Comme indiqué ci-dessous :

Lors du chargement du CDN fichier, vous pouvez omettre le logo HTTP
De nos jours, un CDN très populaire charge certains fichiers JS et CSS courants à partir d'un serveur dédié Pour des raisons de sécurité, certains serveurs CDN utilisent HTTPS pour se connecter, tandis que d'autres l'utilisent. HTTP traditionnels, en fait, nous pouvons l'ignorer lorsque nous l'utilisons et l'omettre de l'URL.

Utilisez la balise de script pour enregistrer toutes les informations
Définissez la balise de script sur type='text' et vous pourrez ensuite enregistrer toutes les informations dans il, et vous pourrez alors facilement le consulter en code JavaScript.

Bien sûr, il y a bien plus de futilités que celles-ci.

[Recommandations associées]

1. Tutoriel vidéo en ligne h5 gratuit

2. Manuel de la version complète HTML5

.

3. Tutoriel vidéo html5 original php.cn

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!