В виде веб-дизайнеры, все мы хотим работать с новейшими и лучшими технологиями. Однако иногда мы застреваем в работе над устаревшими страницами, которые по тем или иным причинам не могут быть обновлены до текущих веб-стандартов. Вы видите это в определенных программных приложениях, которые могли быть созданы специально для компаний много лет назад. Если вам поручено работать над этими сайтами, вы, несомненно, испачкаетесь, работая с каким-то старым кодом. Вы даже можете увидеть там пару штук!
HTML-элемент был неотъемлемой частью Дизайн сайта несколько лет назад, но это функция, которую в наши дни вы редко видите на сайтах - и не зря. Давайте посмотрим, где находится поддержка сегодня, и что вам нужно знать, если вы вынуждены работать с фреймами на устаревшем веб-сайте.
Поддержка HTML5 для фреймов
ВHTML5. Это означает, что если вы кодируете веб-страницу с использованием последней версии языка, вы не можете использовать фреймы HTML в своем документе. Если вы хотите использоватьHTML 4.01 или XHTML для тебя тип документа страницы.
Поскольку фреймы не поддерживаются в HTML5, вы не будете использовать этот элемент на вновь созданном сайте. Это то, с чем вы столкнетесь только на вышеупомянутых устаревших сайтах.
Не путать с iFrames
HTML
Таргетинг на HTML-фреймы
Хорошо, так что все было сказано о том, что фреймы устарели, что произойдет, если вам действительно нужно работать с этими старыми частями HTML?
Если вы используете старый тип документа и хотите использовать фреймы HTML, вам следует знать о некоторых распространенных проблемах. Одна из этих проблем - заставить открываться ссылки в верный Рамка. Это называется таргетингом. Вы присваиваете своим якорным тегам "цель", чтобы открывать свои ссылки. Целью обычно является имя кадра.
В приведенном выше наборе фреймов есть два фрейма, первый называется «nav», а второй - «main». Мы можем представить, что навигационный фрейм (frame1.html) - это навигация, и все ссылки в нем должны открываться в основном фрейме (frame2.html).
Для этого вы должны дать ссылкам в frame1 цель «main». target = "main">. Но что, если вы не хотите добавлять цель к каждой ссылке на странице навигации? Вы можете установить цель по умолчанию в HEAD документа. Это называется базовой целью. Вы бы добавили строку
Фреймы и Noframes
Один из наиболее неправильно используемых разделов тега frames - это noframes. Этот тег позволяет людям с несовместимыми фреймами браузерами просматривать вашу страницу (это не работает для HTML5, только для действительно старых браузеров без поддержки фреймов - так что вы не можете пытаться втиснуть это в HTML5, чтобы Работа. Хорошая попытка, но безуспешно), и это конечная цель, не так ли?
В типичном наборе фреймов HTML выглядит так:
Это создаст страницу с двумя фреймами, верхний из которых будет иметь высоту 40 пикселей, а нижний - остальную часть страницы. Из этого получится хороший набор фреймов верхней панели навигации с брендингом и навигацией в 40-пиксельном кадре.
Однако, если один из ваших зрителей заходит на ваш сайт в браузере, несовместимом с фреймами, они получают пустую страницу. Шансы на то, что они вернутся на ваш сайт, довольно малы, и чтобы сделать его доступным для просмотра, вам нужно добавить еще четыре строки HTML:
Этот сайт оформлен, но вы можете просмотреть версию без рамки.
Поскольку вы указываете на часть содержимого вашего набора фреймов (frame2.html) в части страницы без фреймов, ваш сайт становится доступным.
Имейте в виду, что хотя вы можете использовать последнюю версию ваш любимый браузер, ваша аудитория может не захотеть постоянно загружать новейшее программное обеспечение. Их машина может не поддерживать это, или им может не хватить места для установки программы размером 20+ мегабайт на жестком диске. Добавление четырех строк HTML - простое решение.