Résumé de l'expérience de développement croisé (i) Tagging HTML

Étant donné que différents navigateurs ont des interprétations différentes des balises et des feuilles de style, il est nécessaire de définir un type de document standard pour le fichier HTML, afin que différents navigateurs puissent analyser et rendre des pages en fonction d'une norme HTML unifiée.

! Doctype déclare le DTD avec lequel le document spécifié est conforme, tel que:

<! Doctype html public - // w3c // dtd html 4.0 transitional // en http://www.w3.org/tr/html4/loose.dtd>

<! Doctype html public - // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>

L'utilisation de tables pour la mise en page peut facilement provoquer une redondance du code, et par rapport à la <div> </div>, il existe de nombreux codes. De plus, le tableau doit télécharger tous les éléments et les afficher, et la page Web correspondante est également lente à ouvrir.

Une structure de page standardisée doit être utilisée: Div + CSS. Cette méthode de mise en page est simple dans le code, la vitesse de navigation de page rapide et la mise en page flexible de la page. Lors du révisioning, il vous suffit de modifier le style CSS pour réaliser le relais de page sans modifier le programme, réduisant ainsi le coût de la révision du site Web.

Parfois, il y aura des blancs supplémentaires sur la page, qui ne peuvent pas être évités même si la marge est réinitialisée. Pour le moment, il se peut que l'étiquette de l'élément de page soit fermée et qu'il n'y a pas de jumelage, tel que:

<div class = exter>

<form name = testform>

<div class = Inner>

<input name = title type = text />

</ form>

</div>

</div>

Même si la table n'affiche pas l'élément TBODY défini, le navigateur pense que le nœud parent du nœud TR est un nœud TBOD par défaut ajouté automatiquement. Afin d'éviter les malentendus possibles lors de la manipulation du nœud TR à l'aide de JavaScript, il est préférable d'en ajouter un manuellement, comme:

<table id = myTable>

<tBody id = mytablebody>

<tr>

<TD>

</td>

</tr>

</tbody>

</ table>

Parfois, certains événements liés aux éléments réagissent dans IE Browser, mais pas dans Safari ou d'autres navigateurs. Pour le moment, vous devez vérifier l'exactitude de la méthode de liaison des événements. La liaison des événements avancés doit être différent de l'IE et d'autres navigateurs pour écrire deux ensembles de javascripts, tandis qu'un modèle d'événement simple doit faire attention au cas du nom de l'événement de liaison. comme:

<input type = text name = keywordSearch onFocus = ClearValue ()>

L'onfocus minuscule doit être utilisé ici, et la méthode d'écriture standard est le symbole de fermeture de balise ajouté affiché.

<input type = text name = keywordSearch onFocus = clearValue () />

Les propriétés de langue et de type de la balise <cript>

L'attribut de langue de la balise <cript> est utilisé pour définir la version du langage du script. L'attribution correcte doit être comme <Script> pour dire au navigateur (principalement IE) pour utiliser la syntaxe JavaScript de la version 1.2 pour expliquer; L'attribut de type est utilisé pour définir le type de script, il s'agit d'un attribut standard de W3C, et l'utilisation d'attributs minuscules est une pratique standard conforme aux normes. Si vous n'avez pas besoin de dire au navigateur pour l'expliquer dans la version inférieure du langage JavaScript (la version JavaScript actuelle prise en charge par la plupart des navigateurs est 1.5), vous n'avez généralement pas besoin de définir l'attribut de langue, mais l'attribut de type doit être défini. Donc le code doit être

Bien que les valeurs des deux attributs ALT et Title soient affichées sous la forme d'une pointe d'outil lorsqu'ils planent sur la souris dans IE, il y a toujours une différence entre les deux. Alt est l'affichage alternatif lorsque l'image n'est pas affichée, et le titre est l'invite lorsque la souris est placée dessus.

Dans les versions antérieures de HTML, il n'était pas obligatoire que tous les attributs soient attribués des valeurs. Lors de la représentation d'une case à cocher, la méthode d'écriture de <entrée Checked> est reconnue. Cependant, selon la norme XHTML, une telle grammaire n'est pas un format XML strict. Faites attention à l'affectation des attributs et à la fermeture des étiquettes pour se conformer à la tendance de développement des normes HTML. Il est écrit comme suit:

Pour la même raison que l'article précédent, la propriété sélectionnée de la balise <Option> dans l'option <lect> doit également se voir attribuer une valeur:

<option sélectionnée = sélectionné />

Selon la norme XHTML, les balises HTML devraient se concentrer sur la représentation du contenu, plutôt que sur le contrôle du style, et les styles doivent être laissés à CSS pour ajuster. Par conséquent, certaines vieilles balises et attributs ont été rejetés, tels que des balises <em> et des balises <i> qui feront apparaître les caractères chinois en italique en italique, mais les balises <i>, simplement nommées après le style, sont déjà une norme abandonnée et sont remplacées par des balises <em> qui représentent le sens de l'accent. De même, l'attribut Align = Absmiddle de la balise <MG> indique que l'image est centrée verticalement et alignée avec le texte adjacent. Il s'agit également d'un attribut qui représente le style. CSS doit être utilisé à la place de cet attribut pour contrôler le style d'alignement de l'image pour éviter l'influence mutuelle des deux commandes de style.

Lorsque vous utilisez un iframe, vous ne pouvez pas afficher la bordure de l'IFRAME en définissant la bordure = 0 dans IE, mais l'attribut de bordure de la fenêtre de trame de commande standard est Framebrendre. Vous devez définir FrameBorder = 0 pour masquer la bordure du cadre dans d'autres navigateurs à l'extérieur, c'est-à-dire:

<iframe frameborder = 0 />

Cet attribut, comme l'attribut align de la balise <MG>, est également un attribut qui surmonte la responsabilité de HTML de représenter les styles de contenu et de contrôle. Il spécifie l'espace entre les unités. D'un point de vue pratique, il est préférable de ne pas spécifier le pavage de cellule, mais d'utiliser CSS pour contrôler les marges intérieures des cellules.

Nowrap est un attribut qui indique que le contenu ne s'enveloppe pas automatiquement, mais comme l'attribut ci-dessus, il s'agit d'un attribut qui contrôle le style. Dans HTML 4.01, le bgcolor, la hauteur, la largeur et le Nowrap de la balise <TD> ne sont pas favorisés. Dans XHTML 1.0 STRICT DTD, le BGCOLOR, la hauteur, la largeur et le NOWRAP de la balise <TD> ne sont pas pris en charge.