h5 nouvelles fonctionnalités et exemples de mise en page de pages Web-Tutoriel H5-php.cn

h5 nouvelles fonctionnalités et exemples de mise en page de pages Web

零下一度

Libérer： 2017-07-26 09:39:45

original

2231 Les gens l'ont consulté

Qu'est-ce que HTML5 : HTML5 est la prochaine génération de HTML et deviendra le nouveau standard pour HTML, XHTML et HTML DOM.

Quelques règles établies pour HTML5 :

Les nouvelles fonctionnalités doivent être basées sur HTML, CSS, DOM et JavaScript.

Besoin réduit de plugins externes (par exemple Flash)

Meilleure gestion des erreurs

Plus de balisage pour remplacer les scripts

HTML5 devrait être indépendant du périphérique

Le processus de développement doit être transparent pour le public

Quelques nouvelles fonctionnalités intéressantes en HTML5 :

Élément de toile pour le dessin

Vidéo pour la lecture multimédia et éléments audio

Meilleure prise en charge du stockage local hors ligne

Nouveaux éléments de contenu spéciaux, tels que l'article, le pied de page, l'en-tête, la navigation, la section

Nouveaux contrôles de formulaire, tels que le calendrier, la date, l'heure, l'e-mail , url, recherche

Fonctions HTML5 :

Canvas, Messagerie de canal, Messagerie inter-documents, Géolocalisation, MathML, Microdonnées, Événements envoyés par le serveur, Graphiques vectoriels évolutifs (SVG), API WebSocket et protocole, Web Origin Concept, stockage Web, base de données Web SQL, Web Workers, XMLHttpRequest Level2

Concept de conception HTML :

1 Évitez les inutiles La complexité de

Par exemple :

2. Prendre en charge le contenu existant

3. 🎜>4. Soyez honnête et pragmatique

5. Dégradation douce

6. Les utilisateurs finaux d'abord

Mise en page simple des pages Web

<!DOCTYPE html><html><head>
<meta charset="utf-8" />
<title></title><style type="text/css">header,nav,article,footer{border: solid 1px #666;padding: 10px;margin: 6px;}
header
{width: 500px;}nav{float: left;width: 60px;height: 100px;}
article{float: left;width: 406px;height: 100px;}
footer{clear: both;width: 500px;}</style></head><body><header>导航</header>
<nav>菜单</nav>
<article>内容</article><footer>
底部说明</footer></body>
</html>

Copier après la connexion