Contenu de base HTML et HTML5 front-end-js tutoriel-php.cn

Le chapitre précédent a présenté le développement du front-end. Ce chapitre présente brièvement le développement du HTML et des balises de base.

1. L'historique du développement du HTML

1. Le concept

HyperText Markup Language (HTML en abrégé)) est un langage de balisage conçu pour [la création de pages Web et d'autres informations visibles dans un navigateur].

2. Historique de développement associé :
* Hypertext Markup Language (première édition) --- En juin 1993, en tant qu'Internet Engineering Group (IETF) version de travail publiée (pas une norme)

　 * HTML2.0 --- Publié sous le nom de RFC 1866 en novembre 1995, il a été annoncé après la publication de la RFC 2854 en juin 2000 Obsolète

　 * HTML3.2 --- 14 janvier 1996, norme recommandée par le W3C

* HTML4.0 --- 1997 Le 18 décembre 1999, Norme recommandée par le W3C

* HTML4.01 (amélioration mineure) --- Le 24 décembre 1999, norme recommandée par le W3C

　 * ISO/ IEC 15445:2000 ("ISO HTML") --- Publié le 15 mai 2000, basé sur la syntaxe stricte HTML 4.01, il s'agit d'une norme de l'Organisation internationale de normalisation et de la Commission électrotechnique internationale

　 * > * XHTML 1.1 --- Sorti le 31 mai 2001

-- Le 29 octobre 2014, le World Wide Web Consortium a annoncé en larmes qu'après presque huit ans Après un travail acharné, la spécification standard HTML5 a finalement été finalisée et a été rendue publique.

3. L'historique ardu du développement de HTML5

Le prédécesseur du projet HTML5 s'appelait Web Applications 1.0, qui a été proposé par WHATWG en 2004 et publié en 2007. Il a été accepté par le W3C et une nouvelle équipe de travail HTML a été créée.

La première version officielle de HTML 5 a été annoncée le 22 janvier 2008. HTML5 est toujours un travail en cours. Cependant, la plupart des navigateurs modernes prennent déjà en charge HTML5.

Le 17 décembre 2012, le World Wide Web Consortium (W3C) a officiellement annoncé que la spécification HTML5, qui a condensé les efforts d'un grand nombre de travailleurs du réseau, a été officiellement finalisée . Selon le discours du W3C : "HTML5 est la pierre angulaire de la plateforme de réseau Web ouverte."

Le 6 mai 2013, la version officielle de HTML 5.1 a été annoncée. La spécification définit la cinquième version majeure, la première à réviser le langage de base du World Wide Web : Hypertext Markup Language (HTML). Dans cette version, de nouvelles fonctionnalités sont continuellement introduites pour aider les auteurs d'applications Web dans le but d'améliorer l'interopérabilité des nouveaux éléments.

Le 29 octobre 2014, le World Wide Web Consortium a annoncé en larmes qu'après près de 8 ans de travail acharné, la spécification standard HTML5 avait finalement été finalisée et avait été rendue publique.

Les navigateurs prenant en charge Html5 incluent Firefox (navigateur Firefox), IE9 et versions supérieures, Chrome (navigateur Google), Safari, Opera, etc. ; les navigateurs tels que 360 Browser, Sogou Browser, QQ Browser et Cheetah Browser basés sur IE ou Chromium (la version d'ingénierie ou la version expérimentale de Chrome) ont également la capacité de prendre en charge HTML5.

4. Les relations et les différences entre xml, xhtml et html

HTML (HyperText Markup Language), langage de balisage hypertexte. « Hypertexte » signifie que la page peut contenir des images, des liens et même des éléments non textuels tels que de la musique et des programmes. Le « marquage » fait référence à l'utilisation de symboles de marquage spécifiques pour marquer diverses parties du contenu à afficher. Hypertext Markup Language est une application sous Standard Universal Markup Language, une spécification et une norme conçue pour afficher des données. Le texte HTML est ce que nous appelons habituellement une page Web, et l'extension peut être html ou htm.

　XML (Extensible Markup Language), langage de balisage extensible. XML est un sous-ensemble du langage de balisage universel standard. Il s'agit d'un langage de balisage utilisé pour marquer les documents électroniques afin de les rendre structurels. Il est conçu pour transmettre et stocker des données et constitue un complément au langage de balisage hypertexte. Extensible Markup Language est un langage de méta-balisage qui définit un langage de balisage structuré utilisé pour définir d'autres sémantiques spécifiques au domaine. Ces langages de balisage divisent les documents en plusieurs parties et identifient ces parties. Il permet des déclarations de contenu plus précises, facilitant ainsi des résultats de recherche plus significatifs sur plusieurs plates-formes. Il fournit un format pour décrire les données structurées, simplifie l'échange et la représentation des données dans le réseau, sépare le code, les données et la représentation et sert de format standard pour l'échange de données. Il est donc souvent appelé document de données intelligent et l'extension de fichier est XML.

　 XHTML (Extensible HyperText Markup Language), langage de balisage hypertexte extensible. XHTML est basé sur le langage de balisage extensible (XML). XHTML est un langage de balisage extensible (XML) qui joue un rôle similaire à HTML. XHTML est une version améliorée de HTML et XHTML est une version plus rigoureuse et plus pure de HTML. Son évolutivité et sa flexibilité s'adapteront à davantage de besoins des futures applications réseau. Bien que XML possède de puissantes capacités de conversion de données et puisse remplacer complètement HTML, il est encore trop tôt pour adopter directement XML face aux milliers de sites Web existants conçus sur la base du langage HTML. Par conséquent, sur la base de HTML4.0, nous l'avons étendu avec des règles XML et avons obtenu XHTML. Par conséquent, le but de la création de XHTML est de réaliser la transition du HTML vers le XML. XHTML est devenu W3C (World Wide Web Consortium, World Wide Web Consortium) le 26 janvier 2000 et l'extension de fichier est xhtml.

Résumé : HTML, XML et XHTML sont tous des sous-ensembles du langage de balisage universel standard. HTML est conçu pour afficher des données et se concentre sur l'apparence des données ; XML est conçu pour transmettre et stocker des données et se concentre sur le contenu des données. Le HTML défini est conçu pour remplacer le HTML pour s'adapter à davantage de besoins ; du futur réseau. Ils peuvent tous être utilisés pour développer des pages Web, mais pour l'instant, le HTML reste le courant dominant dans le développement Web, et désormais la dernière version, HTML5, est également très appréciée. Le langage de balisage extensible XML est largement utilisé dans le stockage de données dans diverses applications (telles que divers fichiers de configuration) et dans la transmission de données entre applications. On peut dire que c'est une technologie qui doit être maîtrisée. Quant au langage de balisage hypertexte extensible XHTML, en 2009, le W3C a annoncé qu'il arrêterait le développement de XHTML2 et qu'il soutiendrait vigoureusement HTML5.

2. HTML4.01 (le nouveau chapitre de HTML5 sera introduit dans le prochain chapitre)

1. Structure de base

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        
    </body>
</html>

Copier après la connexion

2. Des descriptions spécifiques des éléments de base sont disponibles sur w3school, je ne les expliquerai pas en détail

Couramment utilisé : html, head, méta, titre, lien, style, corps, h1- h6, p, a, p, span, ul, li, dl, dt, dj, ol, img, table, thead, tbody, tfoot, tr, td, légende, i, b, formulaire, étiquette, entrée, bouton, zone de texte, sélectionné, option, optgroup, script, frame, br, hr, em, strong.

Peu utilisé : les balises ci-dessus sont principalement utilisées dans le travail, et il existe de nombreuses balises de style qui ne sont plus recommandées, je ne les présenterai donc pas ici.

3. Attributs standards

id, class, title, style, dir, lang

4. Attributs d'événement

onclick, ondblclick, onmousedown, onmouseup , onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Résumé : HTML est un langage de balisage universel utilisé sur le Web. HTML vous permet de formater du texte, d'ajouter des images, de créer des liens, des formulaires de saisie, des cadres et des tableaux, etc., et de l'enregistrer sous forme de fichier texte, que le navigateur peut lire et afficher. (le HTML est relativement simple et le CSS est inclus. Tant que vous connaissez les bases du HTML et du CSS, vous pouvez commencer à couper des pages statiques, il est donc très facile de démarrer avec le front-end. La partie difficile est js)

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!