HTML5 Ссылка на конец гиперссылки

Я хочу, чтобы гиперссылка применялась только к изображению, но не знаю, как закончить привязку.HTML5 Ссылка на конец гиперссылки

Он продолжает связывать заголовок и другие текстовые блоки под моей линией гиперссылки. Я не уверен, что я делаю неправильно. Как выделить гиперссылку только для изображения? Я использую Google Chrome в качестве браузера

Вот мой код:

`<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" 
    <title>Example Document</title> 
</head> 
<body> 
    <h1>This is Craig's Favorite Dog.</h1> 
    <p>Click on image for more information. 
    <article> 
    <dd><a href="https://en.wikipedia.org/wiki/Newfoundland_(dog)"> 
    <img src="https://media.mnn.com/assets/images/2016/04/newfoundland- dog.jpg" height="240" width="360" 
    </a></dd>  
    </article> 
    </p> 
</body> 
    <br> 
    <br> 
    <h2>This is the fart of the dog<h2> 
    <audio controls> 
     <source src="fart.mp3" type="audio/mpeg"> 
     <source src="fart.ogg" type="audio/ogg"> 
     Your browser does not support the audio element. 
    </audio> 


</html>`

источник

2016-12-06 Mathew Nguyen

Вы не добавить «>» в конце тега после " 360" . Замените code with this : – Jehoshuah

изображение тег не заканчивается - закончить его с большим, чем характер (т.е. >).

<img src="https://media.mnn.com/assets/images/2016/04/newfoundland-dog.jpg" height="240" width="360" />

отметить также, что я добавил косую черту (/) до конца тега. Это потому, что изображения теги не имеют допустимое содержание - from MDN:

не разрешено содержание Нет, это пустой элемент.

Другие предложения:

Не добавлять перед добавлением остальной части содержимого тега закрытия тела (</body>) (например, h2 тег, то аудио тег, и т.д.) ,
Разрешенный контент для тега абзаца (<p>) является Phrasing content но статья тег flow content так просто переместить статью тег после тега абзаца.
Закрывающий тег для heading 2 к концу отсутствует закрывающий символ: </h2>

См this plunker example с обновлениями

источник

2016-12-06 05:19:21

Спасибо, что посмотрели! Цените свою помощь, Сэм! –

HTML5 Ссылка на конец гиперссылки

ответ

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