JavaScript для автоматического встраивания URL изображения работает, но получает ошибки W3

Question

Я теперь, где мои ошибки, я просто не знаю достаточно о том, как javascript знает, куда ему нужно идти, может кто-нибудь мне помочь. Я, наконец, получил все это, чтобы автоматически вставлять медиа и изображения на свой сайт (форум phpbb), и он работает хорошо, но встраивание изображения неверно (хотя оно действительно работает).

Вот мои ошибки от W3:

"ЦСИ"

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

обязательный атрибут "альтернативный" не указан

тип документа не допускает элемент "IMG" здесь

end tag для "img" опущен, но был указан OMITTAG NO

Так что, очевидно, я сделал номер кода, но почему-то это ma чтобы функционировать.

Вот моя проблема с кодом, может ли кто-нибудь помочь мне очистить этот беспорядок? (Я просто новичок, это было лучшее, что я мог придумать после нескольких часов и часов);

<script type="text/javascript"> 

(function ($) { 
    $(document).ready(function() { 
     $(".content1 .postlink").oembed(null, {embedMethod: "append", maxWidth: 300,}); 
    }); 
})(jQuery); 

$(document).ready(function() { 
    var href = $('a.postlink.img-link').get(0).href; 
    $('a.postlink.img-link').html($('').attr('src', href).fadeIn(1000)); 
    $('a.postlink.img-link').colorbox({rel: 'img-link'}); 
}) 
</script> 

Answer 1

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

Вы, вероятно, хотите изменить

$('a.postlink.img-link').html($('').attr('src', href).fadeIn(1000)); 

в

$('a.postlink.img-link img').attr('src', href) 

как начало.

Однако, чтобы ответить на ваш главный вопрос о валидаторе W3, посмотрите на страницу перед запуском javascript. Поэтому я предполагаю, что у вас есть теги <img> без атрибута src (похоже, что это устанавливается javascript). Это те ошибки, на которые жалуется валидатор.

HTML-страница должна действительно корректно работать, даже если javascript отключен. Даже если это просто означает отображение содержимого заполнителя или сообщение о том, что требуется javascript.

Чтобы исправить ошибки проверки, добавьте атрибуты src и alt в теги img в своем html, укажите их на какие-то изображения заметок и текст, которые являются репрезентативными для фактического содержимого, которое будет заменено вашим JS.

Это также должно помочь в визуальном рендеринге вашей страницы.

Answer 2

Это исправлено.

<script type="text/javascript"> //<![CDATA[ 
    // [your script here] 
// ]]></script>