XHTML DHTML SHTML, ces trois termes sont souvent rencontrés lors de l'apprentissage de la production de sites Web, et peu d'articles les expliquent en détail. Dans cet article, nous allons les trier pour comprendre leurs différences.
XHTML :
HTML est un langage de conception de pages Web de base. XHTML est un langage de balisage basé sur XML. Il ressemble quelque peu au HTML, avec seulement quelques différences petites mais importantes. XHTML joue un rôle similaire à HTML. est une technologie de transition qui combine (un peu) la puissance du XML avec (la plupart) la simplicité du HTML.
Fin 2000, l'organisation internationale W3C (World Wide Web Consortium) a annoncé la sortie de la version 1.0 de XHTML. XHTML 1.0 est un nouveau langage optimisé et amélioré sur la base de HTML 4.0, destiné aux applications basées sur XML. XHTML est un HTML amélioré, et son évolutivité et sa flexibilité s'adapteront à davantage de besoins des futures applications réseau. Vous trouverez ci-dessous les réponses aux questions de base courantes sur XHTML posées par Steven Pemberton, président du groupe de travail HTML du W3C.
(1) XHTML résout les problèmes du langage HTML qui freinent sérieusement son développement. Il existe aujourd'hui trois défauts principaux dans le développement du HTML : il ne peut pas s'adapter aux besoins d'un nombre croissant d'appareils et d'applications réseau. Par exemple, les téléphones mobiles, les PDA et les appareils d'information ne peuvent pas afficher directement le HTML car le code HTML n'est pas standardisé ; et gonflé, le navigateur doit être suffisamment intelligent et le HTML ne peut s'afficher correctement que s'il est complexe ; les données et les performances sont mélangées, donc si vous souhaitez modifier l'affichage de votre page, vous devez recréer le HTML. Par conséquent, HTML doit se développer pour résoudre ce problème, c'est pourquoi le XHTML formulé par le W3C est un pont entre HTML et XML.
(2) XML est la tendance de développement du Web, les gens sont donc impatients de rejoindre la tendance XML. XHTML est la norme actuelle qui remplace le langage de balisage HTML4. En utilisant XHTML 1.0, à condition de suivre attentivement quelques règles simples, vous pouvez concevoir une page adaptée à la fois aux systèmes XML et à la plupart des navigateurs HTML actuels. Cela signifie que vous pouvez concevoir une utilisation immédiate de XML sans attendre que les utilisateurs utilisent des navigateurs compatibles XML. Ces directives peuvent faciliter la transition vers XML sur le Web.
(3) Un autre avantage de l'utilisation de XHTML est qu'il est très strict. La mauvaise situation actuelle du HTML sur Internet est choquante. Les premiers navigateurs acceptaient les balises HTML privées, de sorte que les gens devaient utiliser différents navigateurs pour détecter la page après sa conception afin de voir si elle était compatible. les gens ont dû modifier la conception pour s'adapter à différents navigateurs.
(4) XHTML peut bien interagir avec d'autres langages de balisage, applications et protocoles basés sur XML.
(5)XHTML fait partie de la famille des standards Web et fonctionne bien sur d'autres agents utilisateurs tels que les appareils sans fil.
(6) En termes de conception de sites Web, XHTML peut vous aider à vous débarrasser de la mauvaise habitude du code de couche de présentation et à développer l'habitude de vérifier les balises pour tester le fonctionnement de la page.
DHTML :
DHTML n'est qu'un concept pour créer des pages Web. En fait, aucune organisation ou institution n'a lancé ce que l'on appelle la norme ou la spécification technique DHTML. DHTML n'est pas une technologie, une norme ou une spécification. DHTML est simplement un concept de conception qui intègre les technologies de page Web et les normes linguistiques existantes pour créer une page Web qui peut toujours modifier l'effet des éléments de la page en temps réel après le téléchargement.
DHTML comprend en gros les technologies, normes ou spécifications Web suivantes :
Il n'y a rien à dire sur HTML 4.0, le standard de langage de base pour les pages Web.
Remarque CSSL ! Ce n'est pas du CSS, c'est du CSSL. C'est l'abréviation de Clent-Side Scripting Language, qui se traduit par "langage de script côté client". Il comprend principalement JavaScript (JS), VBScript (VBS) et JScript. . Netscape prend principalement en charge JS et IE prend principalement en charge JS, VBS et JScript.
L'abréviation de DOM Document Object Model, traduite par « Document Object Model », est l'une des normes de technologie Web que le W3C a vigoureusement promues récemment. Elle résume le contenu de la page Web en objets, et chaque objet a ses propres propriétés (. Propriétés) et méthodes (Method) et événements (Events), ceux-ci peuvent être contrôlés via le CSSL mentionné ci-dessus. Les modèles objet d'IE et NS sont générés sur la base du DOM publié par le W3C, ainsi que de leur propre objet étendu.
CSS est l'abréviation de Cascading Style Sheets, et c'est également le thème de ce site Web 52CSS.com. Il s'agit d'une spécification de conception auxiliaire pour HTML, qui est utilisée pour combler les lacunes causées par les limitations du HTML dans la composition. fait partie du DOM. En théorie, vous pouvez créer n'importe quel effet visuel de page de votre choix en modifiant dynamiquement les propriétés CSS via CSSL.
Par conséquent, pour faire simple, pour implémenter DHTML, il est basé sur HTML, utilisant DOM pour objectiver les éléments de la page et utilisant CSSL pour contrôler les propriétés CSS de ces objets afin d'obtenir les effets visuels dynamiques de la page Web.
SHTML :
Lorsqu'on m'interroge sur la différence entre SHTML et HTML, si je l'explique en une phrase : SHTML n'est pas du HTML mais une API de serveur, et shtml est du HTML généré dynamiquement par le serveur.
Bien que les deux soient des formats hypertextes, shtml est un fichier utilisé dans la technologie SSI. Autrement dit, l'inclusion côté serveur - le côté serveur SSI inclut des instructions. Si le serveur Web dispose de la fonction SSI (la plupart des serveurs WEB (notamment basés sur la plate-forme Unix) tels que Netscape Enterprise Server prennent en charge les commandes SSI). Un traitement spécial sera accordé aux fichiers shtml. Scannez d'abord le fichier shtml pour voir s'il n'y a pas d'instructions SSI spéciales. Si tel est le cas, interprétez la commande SSI conformément aux règles de configuration du serveur Web. Après l'explication, déposez le client avec le code HTML normal.
SHTML utilise l'extension de fichier HTML de SSI (Server Side Include). SSI (Server Side Include), généralement appelé « intégration côté serveur » ou « inclusion côté serveur », est une technologie de production de pages Web basée sur un serveur similaire à ASP. .
Comment fonctionne SSI :
vous pouvez utiliser la directive Server-Side Include (SSI) pour inclure du texte, des graphiques ou des informations sur l'application dans une page Web avant d'envoyer le contenu au navigateur. Par exemple, vous pouvez utiliser SSI pour inclure un horodatage, une déclaration de droits d'auteur ou un formulaire que les clients doivent remplir et renvoyer. L’utilisation de fichiers d’inclusion constitue un moyen simple d’inclure du texte ou des graphiques qui apparaissent de manière répétée dans plusieurs fichiers. Au lieu de saisir du contenu dans tous les fichiers, placez simplement le contenu dans un seul fichier d'inclusion. Le fichier d'inclusion est appelé avec une instruction très simple, qui demande au serveur Web d'insérer le contenu dans la page Web appropriée. Et, lorsque vous utilisez des fichiers d'inclusion, toutes les modifications apportées à votre contenu ne doivent être effectuées qu'à un seul endroit.
Étant donné que les fichiers contenant des directives SSI nécessitent un traitement spécial, tous les fichiers SSI doivent recevoir l'extension de fichier SSI. Les extensions par défaut sont .stm, .shtm et .shtml.
Le serveur Web traite les instructions SSI lors du traitement des pages Web. Lorsque le serveur Web rencontre une directive SSI, il insère directement le contenu du fichier contenant dans la page Web HTML. Si le "fichier include" contient une directive SSI, ce fichier est également inséré. En plus des instructions de base pour inclure des fichiers, vous pouvez utiliser les instructions SSI pour insérer des informations sur un fichier (telles que sa taille) ou pour exécuter une application ou une commande shell.
Un problème souvent rencontré dans la maintenance de site web est que la structure du site web a été corrigée, mais un grand nombre de pages web doivent être refaites afin de mettre à jour un peu le contenu. SSI fournit un moyen simple et efficace de résoudre ce problème. Il place la structure de base d'un site Web dans plusieurs fichiers HTML simples (modèles) à l'avenir, c'est de transmettre le texte au serveur et de laisser le programme automatiquement. générer des pages Web basées sur des modèles, ce qui facilite la gestion de grands sites Web.
Par conséquent, l'objectif des pages utilisant le format SHTML est similaire à celui d'ASP, mais comme il s'agit d'une API, il s'exécute plus rapidement et plus efficacement. Il est plus rapide que ASP et plus lent que HTML, mais comme les inclusions côté serveur peuvent être utilisées, cela facilite les mises à jour des pages (en particulier la bannière de mise à jour par lots, les droits d'auteur, etc.), imaginez que vous avez un morceau de HTML et que vous souhaitez insérer des scripts spéciaux côté serveur au milieu, comme l'insertion d'autres paragraphes HTML de votre choix. ASP pour accomplir cette tâche, mais si la tâche est plus ardue, plus de travail est nécessaire. Si vous utilisez SHTML au lieu d'ASP, le temps de traitement peut être de seulement 4 secondes.