Обзор Атрибут FRAMEBORDER устарел HTML5, a XHTML 1.0 ненравиться allowfullscreen

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем lev, 31.10.2013.

  1. lev
    Offline

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    40
    Пол:
    Мужской
    Случайно наткнулся на такое сообщение =O
    атрибут FRAMEBORDER в элементе IFRAME является устаревшим. Используйте CSS вместо этого.

    здесь нашёл решение для HTML5
    http://html.validator.pro/docs/the-frameborder-attribute-on-the-iframe-element-is-obsolete/
    http://www.gtpdesigns.com/design-blog/view/w3c-valid-xthml-and-html5-youtube-iframe-embeds

    Если у вас:
    Код (CODE):
    1. <iframe src="http://abc-septic-service/contact.html" frameborder="1"></ifra

    Используйте CSS:
    Код (CODE):
    1. style="border-width:1px"

    Получаем:
    Код (CODE):
    1. <iframe src="http://abc-septic-service/contact.html" style="border-width:1px"></ifra


    В плагине JoomlaWorks AllVideos Player v. 4.5.0 - такая же проблема
    Код (CODE):
    1. <iframe src=\"http://www.youtube.com/embed/{SOURCE}\" width=\"{WIDTH}\" height=\"{HEIGHT}\" frameborder=\"0\" allowfullscreen title=\"JoomlaWorks AllVideos Player\"></iframe>
    2. <iframe src=\"http://player.vimeo.com/video/{SOURCE}\" width=\"{WIDTH}\" height=\"{HEIGHT}\" frameborder=\"0\" title=\"JoomlaWorks AllVideos Player\"></iframe>
    3. <iframe src=\"http://www.dailymotion.com/embed/video/{SOURCE}\" width=\"{WIDTH}\" height=\"{HEIGHT}\" frameborder=\"0\" title=\"JoomlaWorks AllVideos Player\"></iframe>


    для XHTML 1.0 неподходит:
    Код (CODE):
    1. <iframe allowfullscreen></ifra

    и такой тоже:
    Код (CODE):
    1. allowfullscreen="allowfullscreen"

    - остаётся только "allowfullscreen" удалить для XHTML 1.0

    - такой вариант
    Код (CODE):
    1. <object width=\"{WIDTH}\" height=\"{HEIGHT}\">
    2. <param name=\"movie\" value=\"http://www.youtube.com/v/{SOURCE}?version=3&amp;hl=ru_RU\"></param>
    3. <param name=\"allowFullScreen\" value=\"true\"></param>
    4. <param name=\"allowscriptaccess\" value=\"always\"></param>
    5. <embed  src=\"http://www.youtube.com/v/{SOURCE}?version=3&amp;hl=ru_RU\" type=\"application/x-shockwave-flash\" width=\"{WIDTH}\" height=\"{HEIGHT}\" allowscriptaccess=\"always\" allowfullscreen=\"true\"></embed>
    6. </object>


    - работать будет с 7 ошибками валидата в XHTML 1.0

    Самый лучший вариант для XHTML 1.0 и HTML5
    Код (CODE):
    1. <iframe src=\"http://www.youtube.com/embed/{SOURCE}\" width=\"{WIDTH}\" height=\"{HEIGHT}\" style=\"border-width:1px\" title=\"Videos Player\"></iframe>
    2. <iframe src=\"http://player.vimeo.com/video/{SOURCE}\" width=\"{WIDTH}\" height=\"{HEIGHT}\" style=\"border-width:1px\" title=\"Videos Player\"></iframe>
    3. <iframe src=\"http://www.dailymotion.com/embed/video/{SOURCE}\" width=\"{WIDTH}\" height=\"{HEIGHT}\" style=\"border-width:1px\" title=\"Videos Player\"></iframe>
     
  2.  

Поделиться этой страницей

Загрузка...