Scr img html: Атрибут src | htmlbook.ru

Тег Img не находит изображение — HTML

arc9071354062 28 ноября 2022 г., 2:51 1

Снимок экрана 28.11.2022, 10.49.061035×423 29,3 КБ

Привет, ребята.
Не могли бы вы помочь мне понять, почему этот код не работает?
Ниже я оставлю две фотографии для наблюдения.
Заранее большое спасибо.

янбазант1107978602 28 ноября 2022 г., 5:07 2

Если вы пытаетесь создать веб-страницу в сети, src не может быть местом на вашем компьютере — это должно быть место в сети [в Интернете].

дуга9071354062 28 ноября 2022 г.

, 7:38 3

Я слышал, что мы также можем выбрать локальный образ из наших файлов. Это тоже способ. Например, логотип компании нельзя найти в Интернете, поэтому мне нужно локальное изображение.

мтф 28 ноября 2022 г., 7:52 4

Если это относится к упражнению, путь к файлу изображения должен быть указан в описании/инструкциях. Невозможно связать образы локальных машин с этой платформой.

дуга9071354062 28 ноября 2022 г., 8:45 5

Нет, я программирую на Atom, а не на этой платформе.

крдж233

29 ноября 2022 г. , 2:21 6

Это может быть потому, что элемент изображения не является самозакрывающимся тегом? Я использовал это для своих изображений в локальном файле, и это сработало просто отлично.

дуга9071354062 29 ноября 2022 г., 10:29 7

элемент изображения является самозакрывающимся тегом))

krj233 30 ноября 2022 г., 2:55 9

Единственное, что я могу придумать, это убедиться, что внутренние файлы, которые вы используете, хранятся в том же файле, что и индексный документ, который вы используете для своего кода. Я использую Visual Studio Code, и это была проблема, с которой я столкнулся в начале.

МТФ 30 ноября 2022 г., 3:03 10

тег изображения site:whatwg.org — Поиск в Google

Чтобы понять, как и почему браузер может знать, как работать с тегами , нам нужно помнить, что мы можем создавать HTML-элементы на лету, хотя это и не поощряется.

работает, потому что браузер распознал атрибут src и позволяет элементу иметь указанный атрибут, каким бы псевдонимом он ни был (элемент изображения) с точки зрения разметки на основе рекомендаций. Он (браузер) больше фокусируется на заголовке EXIF, чем на неизвестном тэге. Имея действительный объект для удовлетворения своей цели, он приходит вниз, и никто не становится мудрее.

https://www.codecademy.com/workspaces/63846c75263c76afb442e4bd

Неправильное название здесь — закрывающий тег. Изображения — это не контент, а ссылки на контент. Им не нужен объект-контейнер, просто элемент void для выполнения своей роли.

Способ доказать, что этот элемент не существует в пространстве имён HTML, try,

 image {
  ширина: 50%;
  граница: красная;
}
 

Ничего не происходит, верно? Как мы уже говорили, браузер был больше сосредоточен на атрибуте src, чем на распознавании псевдоэлемента.

Итак, нам нужен полифилл, который сделает этот элемент узнаваемым. Как у вас обстоят дела со сценариями и глубоким пониманием HTML?

Обратите внимание, что в третьем примере на странице выше изображению даже не присвоен статус изображения. Это должно быть красноречиво. Нам нужно пройти по этому пути еще немного, чтобы действительно получить объяснение, почему работает, насколько это возможно.

1 Нравится

1 декабря 2022 г. , 6:23 11

@arc9071354062, вам нужно убедиться, что вы выбрали правильный синтаксис пути правильно добавить свой img в корневой каталог index.html, после этого попробуйте следующее:

./Download/iris.png

1 Нравится

система Закрыто 11 января 2023 г., 22:24 12

Эта тема была автоматически закрыта через 41 день после последнего ответа. Новые ответы больше не допускаются.

Элемент «img» должен иметь атрибут «alt», за исключением определенных условий. Подробности см. в руководстве по предоставлению текстовых альтернатив изображениям. · Ракетный валидатор

Rocket Validator интегрирует средство проверки HTML W3C Validator. в автоматизированный поисковый робот.

Пробная версия Pro Бесплатная пробная версия

• альтернативный
• изображение

Теги , используемые для включения изображений в документ, требуют атрибута alt для описания содержимого изображения.

Это важно для пользователей, которые не могут видеть изображение (например, для пользователей программ чтения с экрана), или в качестве альтернативного текста, когда изображение не может быть отображено. Пример:

Связанные проблемы с проверкой W3C

Элемент «img», имеющий атрибут «alt», значением которого является пустая строка, не должен иметь атрибута «role».

• изображение
• альтернативный
• роль
• декоративный

Когда элемент img имеет пустой атрибут alt , его роль является неявно декоративной, поэтому он не должен указывать роль атрибут.

Неверный начальный тег в «img» в «noscript» в «head».

• носкрипт
• изображение
• пиксель отслеживания

Начальный тег для был обнаружен внутри секции

Элемент HTML

Когда JavaScript отключен, вместо него будет использоваться содержимое внутри

.

Эта проблема часто связана со сторонними пикселями отслеживания, такими как пиксели отслеживания конверсий Facebook или LinkedIn. Например, инструкции по использованию пикселя Facebook говорят вам вставить его следующим образом:

 
  <голова>
    <скрипт>
       ...какой-то скрипт...
    
    

<тело>
. ..

 

Вместо этого рассмотрите возможность перемещения части

 
  <голова>
    <скрипт>
       ...какой-то скрипт...
    
  
  <тело>
     ...
     

 

Неверное значение «auto» для атрибута «sizes» в элементе «img»: неверный токен номера CSS: ожидался знак «минус» или цифра, но вместо «auto» увидел «a».

• авто
• размеры
• изображение

Атрибут размеры указывает размер изображения при его отображении на разных устройствах.

В сообщении об ошибке говорится, что значение auto не является допустимым значением для атрибута размеров .

Чтобы решить эту проблему, вам нужно заменить значение auto с допустимым размером. Вы можете использовать дескриптор ширины или медиа-запрос, чтобы указать размер для устройств разной ширины.

Вот пример использования дескриптора ширины:

В этом примере размер изображения устанавливается равным 100 % ширины области просмотра, если ширина устройства меньше или равна 600 пикселей, и 50 % ширины области просмотра для устройств большей ширины.

Кроме того, вы можете полностью удалить атрибут размеры и позволить браузеру выбрать лучший размер изображения на основе размера области просмотра.

Если вы сделаете это, браузер будет использовать значение по умолчанию размеры 100vw и соответствующим образом масштабирует изображение.

Неверное значение атрибута «src» элемента «img»: недопустимый символ в данных схемы: «<» не допускается.

• кодирование
• изображение
• источник
• плохое значение

Атрибут src в элементе содержит недопустимый символ, который должен быть правильно закодирован как символ с процентным кодированием URI.

12 500 проверок доступности и HTML в неделю. Полностью автоматизирован.

Позвольте нашему автоматизированному сканеру проверить ваши крупные сайты с помощью Axe Core и W3C Validator.

Rocket Validator Pro
12 500 чеков A11Y / HTML, 24 долл. США в неделю

Неверное значение «» для атрибута «src» элемента «img»: должно быть непустым.

• изображение
• обязательный атрибут
• источник

Атрибут src для тегов требуется для определения источника изображения, как в этом примере:

Неверное значение «» для атрибута «(width|height)» элемента «img»: пустая строка не является допустимым неотрицательным целым числом.

• изображение
• ширина
• высота
• пустая строка

Атрибуты ширина и высота из элементов предполагают неотрицательное целое число, поэтому пустая строка не допускается. Либо определите правильное измерение, либо удалите этот атрибут.

6 250 проверок HTML в неделю. Полностью автоматизирован.

Экономьте время, используя нашу автоматическую веб-проверку. Позвольте нашему сканеру проверить ваши веб-страницы на W3C Validator.

Rocket Validator Basic
6250 проверок HTML, 18 долларов США в неделю

Неверное значение X для атрибута «src» в элементе «img»: обратная косая черта («\») используется в качестве разделителя сегментов пути.

• плохое значение
• источник
• изображение
• обратная косая черта

Это сообщение об ошибке указывает на то, что в URL-адресе используется обратная косая черта ( \ ), которая не является допустимым символом для URL-адресов.

Вам нужно будет заменить обратную косую черту на прямую косую черту ( / ) в сегментах пути URL.

Вот пример правильного тега img с допустимым URL-адресом:

Кроме того, убедитесь, что URL-адрес правильный и что файл изображения действительно существует в указанном месте.

Неверное значение X для атрибута «src» элемента «img»: недопустимый символ в сегменте пути.

• кодирование
• источник
• изображение

Атрибут src элемента содержит символ, который не допускается, если он не закодирован должным образом.

Специальные символы, требующие кодирования: : , / , ? , # , [, ] , @ , ! , $ , и , ‘ , (, ) , * , + , , , ; , = , а также % .

Например, этот тег изображения неверен, поскольку атрибут src содержит недопустимые символы [ и ] :

Вместо этого это правильно закодированный в процентах атрибут src , где [ был заменен на %5B и ] на %5D .

Недопустимое значение «X» для атрибута «src» элемента «img»: недопустимый символ в сегменте пути: пробел не допускается.

• кодирование
• источник
• изображение

Символы пробела не допускаются в атрибутах src . Вместо этого их следует преобразовать в %20 . В этом примере первая строка недействительна, а вторая допустима: