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

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by lev, Oct 31, 2013.

  1. lev
    Offline

    lev Активист => Cпециалист <=

    Joined:
    Dec 21, 2007
    Messages:
    687
    Likes Received:
    40
    Gender:
    Male
    Случайно наткнулся на такое сообщение =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.  

Share This Page

Loading...