HTML5 - puis-je utiliser la Largeur et la Hauteur dans l'IMG?

Il est Légal d'utiliser ce code:

<img src="...(here image)...." width="50px" height="50px" />

Ou j'ai besoin de l'utiliser:

<img src="...(here image)..." style="width: 50px; height: 50px;" />
InformationsquelleAutor Daniel | 2011-07-22
  1. 37

    De la première utilisation est recommandé que des indications pour le navigateur de rendu, le second fonctionne.

    Dans le premier formulaire, vous ne devez pas ajouter "px".

    http://www.w3.org/TR/html5/embedded-content-0.html#dimension-attributes

    InformationsquelleAutor TuteC
  2. 6

    Selon la spécification HTML 5:

    Les attributs width et height sur img ... peut être spécifié pour donner
    les dimensions du contenu visuel de l'élément

    Source: http://www.w3.org/TR/2011/WD-html5-20110113/the-map-element.html#dimension-attributes

    Aussi en fonction de la spécification HTML 5, tous les éléments peuvent avoir des attributs de style. Source: http://www.w3.org/TR/html5/elements.html#the-style-attribute

    Donc, puisque les deux sont permis, vous êtes libre de choisir celle qui convient à votre fantaisie.

    • alors, qui est préférée?
    InformationsquelleAutor erisco
  3. 3

    CSS appliquée à 'img' écrasera html de base, largeur & attributs de hauteur sur les balises d'image.

    <style>
   img {
      width: 100%;
      height: auto;
   }
</style>

<img src="assets/img/logo.png" width="500" height="100">

    Le code ci-dessus entraînera une image qui s'étend sur toute la largeur de son conteneur, et sa hauteur sera relationnel à sa largeur.

    Cette approche est utile si vous êtes en train de charger la rétine appropriée des graphiques à partir de l'obtenir-aller.

    InformationsquelleAutor Stacks on Stacks on Stacks
  4. 2

    Comme déjà mentionné :

    • CSS remplacer <img> attrinutes dans le cas où les deux sont présents,
    • <img> attrinutes sont que des indications pour le navigateur.

    Une autre différence est l'utilisation d'unités :

    • dans HTML5 la width et height attributs doivent être des entiers sans unités, qui sont interprétés comme CSS pixels. Dans la pratique, la brouwsers tolérer % (qui était en vigueur dans HTML4), mais si vous mettez quelque chose comme width="5cm" il sera interprété comme width="5" (c'est à dire 5px).
    • Lorsque vous utilisez CSS, toutes les unités de longueur et non des nombres entiers, par exemple width: 5.5cm est ok. Et vous devez utiliser des unités (par exemple width: 5 n'est pas valide CSS largeur).

    Donc, de l'OMI, vous devez utiliser les CSS si possible.

    InformationsquelleAutor Kpym
  5. 1

    Style= moyen est préféré...en fait, il serait encore mieux si vous avez déplacé ce style dans un fichier css ou une balise style dans votre en-tête.

    • Je suis en désaccord, et dirais que dans la plupart des cas, les attributs width et height sont à privilégier (même si cela dépend de votre utilisation). W et H attributs sont facilement contournables avec le css dans un fichier externe, où comme un style en ligne ne peut être remplacé par un !important. Les attributs de vous donner plus de flexibilité.
    • Je dirais que le fait de mettre des styles en ligne dans n'importe quelle forme n'est pas préféré...période. Indépendamment de l'effet de css sur les stylings. De style en ligne presque toujours === mauvaise pratique. Vous sorte de faire le cas pour cet argument dans votre explication de la façon dont le W et H propriétés sont remplacées par des propriétés css...qui casse le concept de base derrière la cascade partie des feuilles de style en cascade. Si vous injectez de l'un des styles en ligne qui fait agir comme ordre supérieur sur la cascade de l'arbre, vous serez inévitablement profitant de navigateur spécifique et fragile tactiques.
    InformationsquelleAutor ar3