Maison > interface Web > tutoriel HTML > Qu'est-ce que HTML5 ?

Qu'est-ce que HTML5 ?

WBOY
Libérer: 2024-09-04 16:36:02
original
601 Les gens l'ont consulté

La forme complète du HTML est HyperText Markup Language. Tim Berners-Lee a créé HTML en 1989. HTML est un langage de programmation Web de base utilisé pour concevoir des sites Web de base. La programmation HTML aide les gens à transmettre leurs pensées au monde via le site Web. Dans ce sujet, nous allons découvrir Qu'est-ce que HTML5.

  • Le HTML est la structure des pages Web.
  • Les balises représentent des éléments HTML.
  • Les balises HTML aident les programmeurs à définir le contenu via un « titre », un « paragraphe », un « tableau », etc.
  • Les balises HTML ne sont affichées sur aucun navigateur ; Les navigateurs n'afficheront que le contenu entre les balises.

La programmation HTML commence par la balise document.

<!DOCTYPE html>
Copier après la connexion

Cette balise signifie que le document est lié au HTML. Passons maintenant à notre sujet principal, c'est-à-dire HTML5.

<html>
Code goes here
</html>
Copier après la connexion

Qu'est-ce que HTML5 ?

HTML5 est la 5ème version ou mise à jour de HTML. Il s'agit de la programmation HTML la plus avancée. Dans cette version, de nombreuses balises ont été ajoutées pour faciliter la vie du designer. Un site Web de base contient 3 types de codes.

  1. HTML
  2. CSS
  3. Javascript

Vous avez envie d'en savoir plus ? Allez, dis-moi, oui ; laissez-moi maintenant vous fournir quelques informations de base sur CSS.

CSS signifie feuilles de style en cascade. CSS est utilisé pour styliser le document HTML, améliorant ainsi la présentation et l'apparence visuelle de la page Web. L'extension de la page CSS est .css.

<style>
Code goes here.
</style>
Copier après la connexion

Javascript est développé à partir de Java. La syntaxe et la structure de Javascript sont similaires à celles du C. Javascript est un langage de programmation côté client. Le navigateur client traite JavaScript plutôt que côté serveur.

Javascript affiche la réponse lorsqu'un navigateur client effectue une action.

Comprendre HTML5

HTML est développé de telle sorte qu'aucun autre logiciel ou plugin de navigateur n'est requis pour concevoir un site Web complet à partir de zéro. Avec HTML5, nous pouvons développer d'énormes applications, des animations et d'autres applications complexes qui s'exécutent sur le navigateur. Il trouve des applications dans le développement d'applications Web complexes conçues à diverses fins, notamment le divertissement, le streaming en ligne, les lecteurs vidéo, les lecteurs audio, etc.

Quelles sont les fonctionnalités du HTML5 ?

Comme nous savons que la technologie évolue rapidement, les programmeurs doivent se mettre à niveau pour rester dans la compétition ; s'ils ne se mettent pas à niveau, ils seront hors compétition et n'obtiendront pas les packages dont ils rêvent.

XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"<u>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</u>">
Copier après la connexion

Regardez la différence entre XHTML et HTML5. À mesure que la génération avance, la programmation se développera et les programmeurs doivent s'adapter aux tendances actuelles.

<!DOCTYPE html>
Figure Tag
XHTML
About us

Sample Image.

HTML5
About image

Sample2.

Copier après la connexion

Comment fonctionne HTML5 ?

Pour travailler avec HTML5, nous avons besoin d'un éditeur de texte de base ; J'utilise les éditeurs Notepad++ et Sublime Text. Le texte sublime est convivial et vous donne des suggestions automatiques lors de la frappe. Je vais maintenant vous expliquer en détail comment fonctionne HTML5. HTML5 contient les 3 composants requis d'une page Web ou d'une application Web. Ce sont HTML, CSS et JAVASCRIPT.

HTML structure les documents texte sur une page Web, CSS stylise le document texte et améliore l'apparence visuelle de la page Web, tandis que JavaScript permet l'interactivité de l'utilisateur et implémente des actions sur une page Web.

Par exemple, si vous souhaitez afficher une image sur la page Web, vous devez utiliser une balise d'image HTML pour l'afficher.

<img src=”location/image.jpg” alt=”img”>
Copier après la connexion

Maintenant, si vous souhaitez diminuer ou augmenter la largeur de l'image affichée, nous devons utiliser CSS.

<style>
Img {
Width : 200px;
Height: 500px ;
}
</style>
Copier après la connexion

Si vous souhaitez masquer ou créer une animation pour l'image lorsque l'utilisateur clique sur quelque chose, vous devez utiliser javascript.

<script>
$ ( document ).  ready ( function ) {
$ ( something ).  click ( function )
$(img).hide();
} ) ;
Copier après la connexion

Que fait HTML5 ?

Il aide les développeurs à créer des applications Web avancées qui sont si réactives et s'adaptent à l'écran d'un ordinateur de bureau, d'un ordinateur portable ou d'un mobile. HTML5 peut améliorer la visibilité du site Web avec des animations et un look.

 Pourquoi HTML5 est-il important ?

C'est essentiel dans cette ère moderne car la façon dont la technologie évolue est incroyable. Nous devons donc être mis à jour et apprendre le HTML5 pour créer rapidement des applications Web. Il peut fournir certaines fonctionnalités avancées non disponibles avant les versions ou mises à jour.

Vorteile

  1. Es hilft Entwicklern, eine Anwendung zu entwickeln, die für verschiedene Auflösungen, Bildschirmgrößen, Seitenverhältnisse und Richtlinien geeignet ist.
  2. Mit HTML5 können Programmierer erweiterte Funktionen wie GPS, Kamera und Beschleunigungsmesser in ihren Webanwendungen nutzen.
  3. Anwendungen können intern verwendet werden, was nichts anderes als localhost ist, und können auch in Browsern angezeigt werden.
  4. Mobile Anwendungen können dieselben Monetarisierungs- und Freigabekanäle nutzen wie native Anwendungen.
  5. JavaScript, HTML und CSS sind Programmiersprachen für Webanwendungen.
  6. Wir können HTML5-Webanwendungen problemlos in mobile Anwendungen konvertieren. Dies ist der Hauptvorteil von HTML.
  7. Die HTML5-Anwendung reagiert und passt sich automatisch jedem Mobil- und Desktop-Bildschirm an.
  8. Einfach zu schreiben
  9. Leicht verständlich
  10. Sie können umfangreiche Grafiken und Animationen entwickeln.
  11. Einfach zu bedienen
  12. Jeder Browser versteht die HTML-Sprache

Nachteile

  1. HTML5 funktioniert nur auf aktualisierten Browsern.
  2. Nicht flexibel wie der Flash

Wer sollte HTML5 lernen?

Es handelt sich um eine grundlegende Programmiersprache, die Sie erlernen müssen, bevor Sie mit einer fortgeschrittenen Programmiersprache beginnen. Entwickler sollten HTML5 lernen. Grafikdesigner sollten HTML5 lernen; Es fügt dem Portfolio einen Vorteil hinzu. Menschen, die in der IT-Branche arbeiten möchten. Menschen, die ihre Karriere als Entwickler starten möchten. Personen, die Interesse an Webdesign oder -entwicklung haben.

Fazit

HTML5 dient als Auszeichnungssprache für die Entwicklung fortschrittlicher Webanwendungen. Im Vergleich zu anderen Programmiersprachen ist es eine einfachere Programmiersprache.

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!

Étiquettes associées:
source:php
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal