html display inline image

Я пытаюсь показать изображение на своей веб-странице. Я работаю в автономном режиме, но я помещал файлы .html и .jpg в тот же каталог. Когда я иду запускать его, он не отображает изображения. Вместо этого я получаю значение alt вместе с некоторыми странными символами ASCII.html display inline image

Вот HTML-код, как вы можете видеть, что это очень простой:

<head> 
    <title> Mpms Janitorial </title> 
</head> 

<body> 
<img src=”site.jpg” alt=”text” /> 
</body>

источник

2013-08-12 Kevin Kretschmer

Проверьте каталог src, где у вас есть изображение, – woofmeow

И убедитесь, что вы используете двойные кавычки ' 'вместо' '' для ваших атрибутов – Oriol

Вы пропускаете <html> тег вокруг вашего кода. Вы также используете некоторые необычные кавычки для тега img.

Попробуйте это:

<html> 
<head> 
    <title> Mpms Janitorial </title> 
</head> 

<body> 
<img src="site.jpg" alt="text" /> 
</body> 
</html>

источник

2013-08-12 23:42:34 Kara

doctype тоже отсутствует – Oriol

Тег '' никогда не требуется, кроме подлинного XHTML. Строка doctype требуется спецификациями и может иметь эффект, но не на такие вещи. –

Как уже написано, вы используете неправильные кавычки вокруг значений атрибутов. Возможно, что-то вызвало Ascii кавычки ("), чтобы быть изменен на фигурные кавычки (»), когда вы скопировали свой HTML код в файл на сервере.

Фигурные кавычки вполне ОК в данных в HTML, но они не могут использоваться как разделители вокруг значений атрибутов. Значение атрибута должно быть ограничено кавычками Ascii (") или апостипами Ascii (') или, при определенных условиях, использоваться без разделителей. Поэтому и src="site.jpg", и src='site.jpg' были бы правильными, и src=site.jpg был бы правильным, кроме XHTML. Аналогично для атрибута alt.

Но когда вы используете курчавые кавычки, они будут взяты как часть данных, поэтому браузер запросит ресурс, названный буквально (с кавычками), как ”site.jpg”. Это не удастся, так что вы увидите, в зависимости от браузера, общий символ сломанного изображения или значение атрибута alt, или комбинацию из двух.

«Странные символы ASCII», которые вы видели, вероятно, являются кудрявыми цитатами при неправильном толковании в соответствии с неправильной кодировкой символов. Хотя этот симптом исчезнет, если вы замените фигурные кавычки или удалите их, это является симптомом проблемы, которая может вызвать проблемы позже, если ваш документ будет содержать, например, фигурные кавычки в тексте, по мере необходимости, например. по английской орфографии. Поэтому я рекомендую вам проверить страницу W3C на character encodings.

(Мое предположение, что то, что вы видели, было чем-то вроде текста. Символы (которые не являются персонажами Ascii) - это то, что вы получаете, если у вас есть фигурная кавычка в кодированном документе UTF-8, неверно истолковывается, как если бы он был закодирован в windows-1252 - довольно распространенный сценарий, когда декларация и фактическая кодировка символов не совпадают.)

источник

2013-08-13 06:29:09

html display inline image

ответ

Смежные вопросы