Любой способ использования фреймов в HTML5?

Для школы я должен сделать сайт, а он должен использовать эти дерьмовые старые проклятые флэш-фреймы. Я уже очень жаловался на это своему учителю: (

Я хочу использовать HTML5, но кажется, что фреймы устарели. Я действительно должен использовать XHTML или HTML 4? Есть ли какая-то работа, которая заставляет мои страницы проверять HTML5 с использованием фреймов?

Ответ 1

Теперь есть много примеров того, как я отвечаю на вопросы эссе о том, почему важны правила валидации. Я также сказал, что иногда вам просто нужно быть мятежником, нарушать правила и документировать причины.

В этом примере вы можете видеть, что фреймы действительно работают в HTML5. Однако мне пришлось загрузить код и добавить к нему HTML-тип вверху. Но элемент набора кадров все еще был распознан, и желаемый результат был достигнут.

Поэтому, зная, что использование наборов фреймов абсолютно абсурдно и, зная, что вы должны использовать это, как это продиктовано вашим профессором/преподавателем, вы можете просто разобраться с единственной ошибкой проверки в валидаторе W3C и использовать как элемент видео HTML5 как а также устаревший элемент набора фреймов.

<!DOCTYPE html>
<html>
    <head>
    </head>
    <!-- frameset is deprecated in html5, but it still works. -->
    <frameset framespacing="0" rows="150,*" frameborder="0" noresize>
        <frame name="top" src="http://www.npscripts.com/framer/demo-top.html" target="top">
        <frame name="main" src="http://www.google.com" target="main">
    </frameset>
</html>

Имейте в виду, что если это проект для школы, скорее всего, это будет не то, что будет через год или два, как только разработчики браузера полностью удалит поддержку набора фреймов для HTML5. Просто знайте, что вы правы, и просто делайте то, что ваш учитель/профессор просит только получить оценку:)

UPDATE:

Доплеровский родительский doc использует XHTML, а фрейм использует HTML5. Валидатор не жаловался на то, что набор фреймов является незаконным, и он не жаловался на элемент видео.

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
    <head>
    </head>
    <frameset framespacing="0" rows="150,*" frameborder="0" noresize>
        <frame name="top" src="http://www.npscripts.com/framer/demo-top.html" target="top">
        <frame name="main" src="video.html" target="main">
    </frameset>
</html>

video.html

<!doctype html>
<html>
    <head>
    </head>
    <body>
        <div id="player-container">
            <div class="arrow"></div>
            <div class="player">

                <video id="vid1" width="480" height="267" 
                    poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg"
                    durationHint="33" controls>
                    <source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_iphone.m4v" />

                    <source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb400p.ogv" />

                </video>

        </div>
    </body>
</html>

Ответ 2

Я знаю, что ваш класс окончен, но в профессиональном кодировании пусть это будет уроком:

"Устаревшее" означает "избегать использования, оно будет удалено в будущем"
Устаревшие вещи все еще работают - просто не ожидайте поддержки или будущей проверки.
Если это требует требование, и вы не можете договориться об этом, просто используйте устаревшую конструкцию.
- Если вы действительно обеспокоены, разработайте альтернативную реализацию на стороне и будьте готовы к неизбежному сбою.
- Теперь заряжайте дополнительную работу. Запросив устаревшую функцию, они просят вас удвоить работу. Вы все равно увидите его снова, так что, возможно, также загрузите его.
- Когда произойдет сбой, пусть заинтересованная сторона узнает, что это то, чего вы боялись; что вы подготовились к этому, но это займет некоторое время.
- Разверните решение так быстро, как только сможете (будут ошибки)
- Функция усиления для предотвращения чрезмерного времени простоя.

Ответ 3

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

Кроме того, есть ли какая-то конкретная причина, которую вы лично хотите нам HTML5?

Но если нет, я считаю, что <iframe> все еще вокруг.

Ответ 4

Для этого вам придется прибегнуть к XHTML или HTML 4.01. Хотя iframe все еще присутствует в HTML5, его использование не рекомендуется для встраивания содержимого, предназначенного для пользователя.

И не забудьте сообщить своему учителю, что фреймы не были самыми современными с конца девяностых. У них нет места в каком-либо образовании вообще, кроме, возможно, по историческим причинам.

Ответ 5

Фреймы не устарели в HTML5, но были устарели в XHTML 1.1 Strict и 2.0, но остались в XHTML Transitional и возвращены в HTML5. Также здесь - интересная статья об использовании CSS для имитации кадров без фреймов. Я просто тестировал его в IE 8, FF 3, Opera 11, Safari 5, Chrome 8. Мне нравятся фреймы, но у них есть свои проблемы, особенно с поисковыми системами, закладками и печатью, а с помощью CSS вы можете создавать только контент для печати или отображения, Я надеюсь обновить Alex XHTML/CSS кадр без решения фреймов для HTML5/CSS3.

Ответ 6

Я использовал фреймы на моем коммерческом сайте по непрерывному образованию более 15 лет. Фреймы позволяют навигационной рамке загружать материал в основной кадр с использованием целевой функции, оставляя рамку навигатора нетронутой. Кроме того, скрипты Perl работают довольно хорошо из формы кадра, возвращающей вывод в тот же фрейм. Я обожаю рамки и буду продолжать их использовать. CSS слишком сложный для практического использования. У меня не было проблем с использованием фреймов с HTML5 с IE, Safari, Chrome или Firefox.