Почему валидатор W3C показывает сообщения об ошибках для этих атрибутов IMG? - PullRequest
Новая
       2

Почему валидатор W3C показывает сообщения об ошибках для этих атрибутов IMG?

1 голос
/ 06 февраля 2011

Итак, у меня есть тег IMG в моем документе HTML5, который гласит: 

<img src="elements/background.png" alt="" width="100%" height="100%" />

Когда я запускаю документ через валидатор W3C (doctype - HTML5, кодировка - UTF-8), появляется два сообщения об ошибках: одно для атрибута width, а другое для атрибута height. Оба говорят что-то вроде: «Ожидал цифру, но вместо этого видел%».

Я проверил на веб-сайте W3C, и атрибуты ширины и высоты для тега IMG по-прежнему поддерживают проценты в HTML5. Так что же происходит?

Ответы [ 5 ]

5 голосов
/ 06 февраля 2011

Где вы нашли информацию о процентах?Согласно W3C:

[...] Атрибуты, если они указаны, должны иметь значения, которые являются действительными неотрицательными целыми числами.

http://www.w3.org/TR/2010/WD-html5-20100624/the-map-element.html#attr-dim-width

Изменить значения нацелые числа или используйте CSS

1 голос
/ 10 января 2014

Использование процентов работает, но я думаю, что оно было прекращено в более поздних версиях html. Я использовал его раньше, как 7-8 лет назад.

вот ссылка, которая предоставляет информацию дляпроценты ..

http://www.tizag.com/htmlT/images.php

Значения высоты и ширины также могут быть в процентах.Значения в процентах относятся к родительскому элементу HTML (обычно к телу), что означает, что если у вас есть родительский элемент, такой как элемент, который является целым экраном (1024x768), то изображение с высотой и шириной 100% займетэлемент всего тела (1024x768).В нашем примере ниже мы поместили изображение в элемент таблицы шириной около 400 пикселей и высотой 200 пикселей.

0 голосов
/ 04 июня 2014

Я вставил это в заголовок моей страницы 

<style>
img
{   
    width: 30%;
    height: auto;
    border: solid 1px black;
}
</style>

Это делает все изображения на странице одинаковой ширины, но для этой страницы нужно всего одно изображение.Это остановило неприятные улуции из валидатора HTML5.

0 голосов
/ 28 января 2014

Да, ширина и высота поддерживаются в процентах - очень полезно для мобильных устройств и изменения размера в зависимости от разрешения устройства. HTML5, однако, не (вздыхает). Просто попробуйте этот манекен с и без doctype 

<!-- !doctype html -->
<html>
<head></head>
<body>
<style type="text/css">
  .pics { background-color:black !important;
  border:dashed red 2px;        
             color:white;
margin:1px; padding:1px; height:65% !important;
   }
</style>
<div>
<span>just junk<br></span>
<span>
<img class="pics" src="any_image_you_like.jpg" >
</span>
<div>
</body</html>

сохраните и откройте файл - - теперь измените размер окна браузера

0 голосов
/ 06 февраля 2011

Я полагаю, что вы неправильно читаете спецификацию, которая говорит "в пикселях".

http://dev.w3.org/html5/markup/img.html

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...