Du HTML au xHTML et au CSS

Share

|

Je me suis à l'origine enseigné que le HTML il y a 4.0 quelques années, mais moi l'a trouvé difficile de faire la transition à employer le xHTML avec CSS (feuilles de cascade de modèle). Cependant, en raison d'être impliqué d'un petit site Web j'ai été forcé de me comprendre de lui. En cet article je courrai par les implications pratiques du changement entre les deux, en d'autres termes ce que vous devrez faire pour faire fonctionner votre HTML avec des stylesheets.

I.m n'allant pas aller au-dessus de l'histoire du xHTML ici, mais vous devrait prendre la note qu'il y a beaucoup de tags. qui ont été désapprouvés et devrait être évité dedans en utilisant le xHTML.

La première différence importante dans le xHTML vient sous forme de sa syntaxe. La langue est cas sensible, ainsi on ne lui écrit tout en minuscules, plus d'utilisation des chapeaux ! Deuxièmement, le tags., ou les éléments à être techniques, sont maintenant classifiés dans deux types : ceux que 'contenez 'les données, et ceux qui sont 'vident '. Un exemple de l'ancienne force soit un élément de paragraphe, qui a une étiquette de fermeture. Ce qui est entre ces deux étiquettes est 'les données contenues '. Par exemple, on comprend qu'une phrase est des données. Un exemple d'un Empty tag pourrait être une ligne coupure, et est écrit légèrement différemment que dans HTML 4.0, comme suit : < xmp><br /></xmp >. D'autres types 'vides 'incluent l'élément l'< xmp><img /></xmp > d'image et l'élément l'< xmp><hr /></xmp > de ligne horizontale. Notification comment il y a un espace et une vers l'avant-estafilade après l'élément.

Un autre point à considérer est que parce que le xHTML est censé être compatible à travers de divers dispositifs, toutes les images doivent avoir des moyens alternatifs de (which de descriptions que vous devez vous servir de la propriété d''alt 'dans des éléments d'image, it.s plus juste une option). De même, vous ferez l'utilisation étendue de l'attribut d''identification 'dans le xHTML (semblable à l'attribut 'nommé ', mais utilisé différemment - voir ci-dessous).

Le plus grand obstacle pour me personnellement apprenait la syntaxe du CSS. Il y a réellement trois manières d'employer le CSS, dont on doit créer un document séparé avec une prolongation de css. Ce dossier contiendra tous les attributs dénommants des éléments en votre code de xHTML. Vous pouvez également placer le CSS dans l'élément de head., ou vous pouvez l'inclure dans un élément n'importe où en votre code (dans les deux cas vous emploieriez l'élément de style.). Employer un dossier externe peut être utile en tant que changements faits à cette cascade d'un document dans tout votre site Web, par conséquent éliminant la nécessité de changer le code à chaque page. La syntaxe se compose fondamentalement le 'sélecteur ', qui peut être d'un sélecteur d''identification ', d'un sélecteur de classe ou d'un sélecteur de classe générique. Ainsi, par exemple, j'ai donné à un élément d'img. l'identification "MyImg", alors je vais à mon CSS section/file et crée le sélecteur # le MyImg {}. voici où la syntaxe vient po # symbole signifie que j'ai créé un sélecteur d'identification, ainsi ce qui suit dans les parenthèses bouclées s'appliquera à tous les éléments avec l'identification "MyImg". Un exemple pourrait sembler quelque chose comme ceci :

# MyImg {largeur : 200px ; taille : 
100px ; frontière : 0px}

Notez que j'emploie des deux points au lieu du signe d'égales d'assigner des valeurs. Si vous ne faites pas le ce vos modèles ne seront pas appliqués. En outre, chaque attribut est suivi d'un point-virgule qui les sépare. Si vous ne suivez pas cette syntaxe en utilisant le CSS votre dénommer n'entrera pas en vigueur. La dernière chose que vous devez savoir pour obtenir commencé est comment lier votre document externe de CSS à votre document de xHTML. Le nid juste < un "ref="stylesheet "du lien style="text-decoration: none;" href="mystyles.css > élément dans votre < tête > et vous sont prêt à aller. Il y a d'abondance de nouvelles manières d'exécuter charge comme le positionnement dans le CSS. Ayez l'amusement jouer autour avec ces nouvelles possibilités !

Bruno Marchand étudie actuellement le développement d'enchaînement à temps partiel, comme une modalité élogieuse holistique de santé appelée la carrosserie intégrée. Dans son temps disponible il fait SEO pour Africapic; il apprécie le feu dansant et a une grande affinité pour des reptiles.