Le style inline fonctionne sans guillemets

Question

J'ai, par exemple , ce violon . Vous pouvez clairement voir qu'il me manque les guillemets dans le style inline, mais cela s'affiche quand même correctement. D'après ce que j'ai appris, il n'a jamais été dit que l'absence de guillemets était autorisée. Donc, c'est ça :

• Un bogue dans jsFiddle
• Une caractéristique prévue . Si c'est le cas, alors pourquoi on nous apprend à utiliser les guillemets.
• (Quelque chose que vous pouvez suggérer)

Code de référence :

index.html

<div style=background-color:red></div>This styling is weird

feuille de style.css

div{ height:500px ; width:500px }

Merci.

Answer 1

Les guillemets pour les attributs HTML sont considérés comme facultatifs (pour le HTML, pas le XHTML), mais dans certains cas, vous pouvez rencontrer des problèmes.

par exemple

<a title=Hi, mom! href=#>

Ce n'est pas valable à cause de l'espace entre "salut" et "maman !". Les guillemets regroupent l'énoncé.

<div rel=a&b></div>

La valeur Rel est vue comme "a&b" dans tous les navigateurs modernes, y compris IE 9 et 10. IE 6, 7 et 8 voient la valeur comme "a".

Vous trouverez d'autres exemples ici : http://css-tricks.com/problems-with-unquoted-attributes/

Answer 2

Vous pouvez rencontrer des problèmes lorsque le contenu de vos attributs contient des espaces blancs, etc. D'après la spécification HTML ( http://www.w3.org/TR/REC-html40/intro/sgmltut.html#h-3.2.2 ) :

Dans certains cas, les auteurs peuvent spécifier la valeur d'un attribut sans guillemets. La valeur de l'attribut ne peut contenir que des lettres (a-z et A-Z), des chiffres (0-9), des tirets (ASCII décimal 45), des points (ASCII décimal 46), des traits de soulignement (ASCII décimal 95) et des deux points (ASCII décimal 58). Nous recommandons d'utiliser les guillemets même lorsqu'il est possible de les éliminer.

Answer 3

Selon les spécifications HTML, vous pouvez utiliser des guillemets simples, des guillemets doubles ou simplement omettre les guillemets.

En XHTML, les valeurs des attributs doivent toujours être citées.

Plus d'infos :

1. HTML4
2. HTML5
3. XHTML