Maison interface Web Tutoriel H5 Introduction aux principes de conception HTML 5

Introduction aux principes de conception HTML 5

Feb 01, 2021 pm 02:14 PM
设计原则

Introduction aux principes de conception HTML 5

Introduction :

HTML5 est une méthode de description de langage permettant de construire du contenu Web. HTML5 est la norme de nouvelle génération d'Internet et une méthode linguistique pour construire et présenter du contenu Internet. Elle est considérée comme l’une des technologies de base d’Internet. HTML a été créé en 1990 et HTML4 est devenu un standard Internet en 1997 et est largement utilisé dans le développement d'applications Internet.

En fait, html5 n'est pas directement formulé par w3c. La direction de w3c est xhtml2, pas html5. Lorsque xhtml2 était déconnecté de la réalité et ne pouvait pas être mis en pratique, le groupe de travail du w3c a orienté ses recherches vers html5. Pourquoi xhtml2 ne s’est-il jamais matérialisé ? Parce que cela viole un principe de conception, qui est la célèbre loi de Burstahl : soyez prudent lors de l'envoi et soyez ouvert lors de la réception. Une série de principes ont été suivis dans le processus de conception de HTML5, ce qui a permis de promouvoir rapidement le HTML5. Cet article présentera les 5 principes de conception suivis par html5

Éviter la complexité inutile

html4

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Copier après la connexion

html5

<!DOCTYPE html>
Copier après la connexion

html4

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  html5
<meta charset="utf-8">
Copier après la connexion

Prend en charge le contenu existant

Pour les quatre morceaux de code suivants, seul le premier paragraphe est correct en xhtml alors qu'en html5, ils sont tous corrects

<img src="foo" alt="bar" />
<p class="foo">Hello world</p>
 
<img src="foo" alt="bar">
<p class="foo">Hello world
 
<IMG SRC="foo" ALT="bar">
<P CLASS="foo">Hello world</P>
 
<img src=foo alt=bar>
<p class=foo>Hello world</p>
Copier après la connexion

(Apprentissage partage de vidéos : Tutoriel vidéo html)

Résoudre des problèmes réels

En html4, même si deux éléments de niveau bloc ont la même adresse de lien, il faut aussi écrits séparément, car les éléments en ligne ne peuvent pas contenir d'éléments de niveau bloc

<h2><a href="/path/to/resource">Headline text</a></h2>
<p><a href="/path/to/resource">Paragraph text.</a></p>
Copier après la connexion

, et en HTML5, en raison de l'utilisation du modèle de contenu, les éléments 🎜> Modèle de contenu

html5 ajoute un certain nombre de nouveaux éléments, notamment : section, article, côté et navigation, qui représentent un nouveau modèle de contenu - le partitionnement du contenu. Les gens ont utilisé des divs pour organiser le contenu des pages dans le passé, mais comme d'autres éléments similaires, les divs eux-mêmes n'ont aucune sémantique. Mais section, article, aparté et navigation vous le disent clairement : cette section est comme un autre document dans le document. Tout contenu placé au sein de ces éléments peut avoir son propre résumé, son propre titre, son propre pied de page.

Dégradation douce

Lorsque le navigateur rencontre une valeur de type non reconnue, il interprétera la valeur du type comme texte

Recommandations associées :

Tutoriel HTML5

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Qu'est-ce que les principes de conception de l'API REST? Qu'est-ce que les principes de conception de l'API REST? Apr 04, 2025 am 12:01 AM

Les principes de conception de Restapi incluent la définition des ressources, la conception URI, l'utilisation de la méthode HTTP, l'utilisation du code d'état, le contrôle de version et les haineux. 1. Les ressources doivent être représentées par des noms et maintenues dans une hiérarchie. 2. Les méthodes HTTP devraient être conformes à leur sémantique, telles que GET est utilisée pour obtenir des ressources. 3. Le code d'état doit être utilisé correctement, tel que 404 signifie que la ressource n'existe pas. 4. Le contrôle de la version peut être implémenté via URI ou en-tête. 5. Hateoas bottise les opérations du client via des liens en réponse.

Partage d'expérience en développement C# : programmation orientée objet et principes de conception Partage d'expérience en développement C# : programmation orientée objet et principes de conception Nov 22, 2023 am 08:18 AM

C# (CSharp) est un langage de programmation orienté objet puissant et populaire, largement utilisé dans le domaine du développement de logiciels. Au cours du processus de développement C#, il est très important de comprendre les concepts de base et les principes de conception de la programmation orientée objet (POO). La programmation orientée objet est un paradigme de programmation qui résume les éléments du monde réel en objets et implémente des fonctions système via des interactions entre objets. En C#, les classes sont les éléments de base de la programmation orientée objet et sont utilisées pour définir les propriétés et le comportement des objets. Lors du développement de C#, il existe plusieurs principes de conception importants

Quels sont les principes de conception des classes C++ ? Quels sont les principes de conception des classes C++ ? Jun 02, 2024 pm 03:30 PM

Les principes de conception de classes sont cruciaux en C++, et les 5 principes suivants aident à créer des classes efficaces et maintenables : Principe de responsabilité unique : Chaque classe est responsable d'une seule tâche. Principe Ouvert-Fermé : Les cours peuvent être prolongés sans modification. Principe d'inversion de dépendance : les modules dépendent d'interfaces abstraites plutôt que d'implémentations concrètes. Principe d'isolation des interfaces : les interfaces doivent être aussi petites et ciblées que possible. Principe de substitution de Liskov : les sous-classes peuvent remplacer de manière transparente les classes parentes.

Principes de conception de l'API RESTful en langage Go Principes de conception de l'API RESTful en langage Go Jan 22, 2024 am 11:23 AM

Avec le développement rapide des applications Internet, RESTfulAPI est devenu la conception centrale de nombreuses applications Web, et le langage Go, en tant que langage de programmation rapide et efficace, est progressivement devenu le langage préféré pour développer RESTfulAPI. Dans le langage Go, les principes de conception de l'API RESTful sont également très importants. Ce qui suit présentera plusieurs principes clés pour vous aider à développer des API RESTful de haute qualité dans le langage Go. Le principe de responsabilité unique Dans le langage Go, le principe de responsabilité unique est largement utilisé

Principes de conception de fonctions Java et bonnes pratiques Principes de conception de fonctions Java et bonnes pratiques Apr 20, 2024 am 08:21 AM

Suivre de bons principes de conception fonctionnelle et les meilleures pratiques permet de créer un code Java compréhensible et efficace. Ces principes incluent la responsabilité unique, l’ouverture-fermeture, un faible couplage et une cohésion élevée. Les meilleures pratiques incluent les conventions de dénomination, la conception des paramètres, la gestion des exceptions, la documentation et les tests. En suivant ces principes, vous pouvez écrire des fonctions de haute qualité, réutilisables et maintenables, comme une fonction qui calcule la moyenne de deux nombres.

Principes de conception de la structure des tables MySQL pour les systèmes de gestion scolaire Principes de conception de la structure des tables MySQL pour les systèmes de gestion scolaire Oct 31, 2023 am 10:10 AM

Introduction aux principes de conception de la structure de table MySQL du système de gestion scolaire Dans le secteur de l'éducation moderne, le système de gestion scolaire joue un rôle essentiel. Il aide les écoles à gérer efficacement les étudiants, les enseignants, les cours et autres opérations clés. MySQL est un outil puissant lors de la conception de la base de données d'un système de gestion scolaire. Cet article présentera les principes de conception de la structure des tables MySQL du système de gestion scolaire et fournira des exemples de code spécifiques. 1. Conception de base de données standardisée Lors de la conception d'une base de données, la standardisation est un principe clé. La normalisation garantit que les données de la base de données

Similitudes et différences entre les interfaces et les classes Java : objectif et principes de conception Similitudes et différences entre les interfaces et les classes Java : objectif et principes de conception Dec 23, 2023 pm 02:15 PM

La différence entre les interfaces et les classes Java : les scénarios et principes de conception applicables, des exemples de code spécifiques sont nécessaires. Dans la programmation Java, les interfaces et les classes sont deux concepts importants. Bien qu’ils soient tous deux utilisés pour définir le comportement et les propriétés des objets, ils ont des utilisations et des principes de conception différents dans des applications pratiques. Cet article explorera les différences entre les interfaces et les classes Java, ainsi que les scénarios dans lesquels elles sont chacune applicables. Tout d’abord, comprenons le concept d’interfaces. Une interface est un concept abstrait qui définit un ensemble de méthodes pouvant être implémentées par d'autres classes. Les méthodes dans les interfaces n'ont généralement que des déclarations de méthode, pas

Principes de conception des contraintes de base de données : conseils en programmation PHP Principes de conception des contraintes de base de données : conseils en programmation PHP Jun 22, 2023 pm 08:22 PM

En programmation PHP, la conception des contraintes de base de données est un élément très important. Les contraintes de base de données peuvent garantir l’intégrité, la cohérence et la sécurité des données et empêcher les données d’être falsifiées de manière malveillante ou insérées de manière incorrecte. Par conséquent, cet article présentera les principes et techniques de conception de contraintes de base de données dans la programmation PHP. 1. Clé primaire et clé étrangère Une clé primaire est une colonne ou un ensemble de colonnes qui identifie de manière unique chaque enregistrement dans une table relationnelle. Lors de la création d'une table, vous devez toujours définir une clé primaire. La clé primaire garantit l'unicité des données et permet une récupération plus rapide des données lors des requêtes. Les clés étrangères sont une autre contrainte importante dans les bases de données relationnelles

See all articles