web-dev-qa-db-fra.com

Citez-vous des attributs HTML5?

Les guillemets d'attribut sont facultatif en HTML5.

Quels sont les avantages/inconvénients de les citer?

id=example                     <!--quotes optional-->
href=http://example.com        <!--quotes optional-->
class="example example-1"      <!--quotes required due to space-->
href="http://example.com/p=47" <!--quotes required due to '=' sign-->

Mise à jour: avantages supplémentaires basés sur les réponses:

Avantages de citer tous les attributs:

  • tous les éditeurs peuvent y faire face correctement
  • plus cohérent
  • meilleure portabilité (changement de doctype plus facile)
  • plus facile à entretenir (surtout si les attributs peuvent devenir vides)
  • plus facile de "trouver et remplacer" les modifications
  • doc plus propre (si vous pensez que les citations améliorent la lisibilité)
  • ?

Avantages à en omettant guillemets facultatifs:

  • taille de fichier légèrement réduite
  • doc plus propre (si vous préférez un texte minimal)
  • ?
htmlhtml5performancestandards
62
ryanve

Je suis en faveur de toujours utiliser des guillemets.

  • Il semble façon plus propre et plus cohérent

  • Tous les éditeurs peuvent y faire face correctement

  • Il est plus facile à gérer - vous pouvez modifier les valeurs sans les casser car les guillemets sont manquants.

Les quelques octets que vous enregistrez dans la taille du document en déposant des devis là où ils ne sont pas nécessaires ne valent pas la peine d'être mentionnés (sauf si vous êtes peut-être la page d'accueil de Google).

63
Pekka 웃

Je cite tous les attributs et continuerai de le faire. Principalement parce qu'il distingue visuellement où la valeur d'attribut commence et s'arrête.

De plus, cela a du sens pour la portabilité et la compatibilité. Bien que les guillemets soient facultatifs en HTML [5], ils sont pas facultatifs en XHTML. Vous avez beaucoup de travail fastidieux à faire si vous devez convertir vos documents en XHTML (par exemple, pour afficher SVG sur les navigateurs Webkit). Nous vraiment n'avons pas besoin de lancer le débat XHTML v. HTML, mais il semble que trop de tracas pour ne pas citer vos attributs.

L'enregistrement de quelques octets dans le corps du document est pratiquement insignifiant lorsque vous téléchargez des kilo-octets et des kilo-octets d'images et de bibliothèques JavaScript.

14
Courtney Christensen

Je pense que l'un des avantages de citer tous les attributs est la cohérence.

Si vous en citez quelques-uns (avec des espaces ou certains symboles), il me semble plus agréable de les citer tous.

7
Jamie Dixon

Je dirais que parce que les citations sont requises dans certains cas, vous devez les utiliser de manière cohérente. Cela rend votre code plus propre et plus facile à lire. Basculer entre crée simplement une confusion inutile.

7
shanethehat

HTML5 a été conçu avec une compatibilité descendante à l'esprit, donc citer des attributs est correct. Beaucoup de gens soutiennent que puisque XHTML nécessite des guillemets, il ne peut pas être néfaste de toujours les inclure. Personnellement, je choisis de citer. Obligatoire? Non.

Voici quelques conseils que je trouve raisonnables. http://www.impressivewebs.com/html5-syntax-style/

4
user164226