Таблицы и фреймы в HTML: данные и встроенный документ
💻 Информатика · 9 класс
HTML-таблица описывает данные, у которых есть строки и столбцы. Встроенный фрейм iframe показывает внутри страницы другой документ. Это разные задачи: таблица помогает понять отнош
HTML-таблица описывает данные, у которых есть строки и столбцы. Встроенный фрейм iframe показывает внутри страницы другой документ. Это разные задачи: таблица помогает понять отношения значений, а фрейм создаёт вложенную область просмотра. Использовать таблицы для произвольного расположения всех частей сайта в современном учебном проекте не стоит.
Когда нужна таблица
Расписание с днями недели и временем удобно представить таблицей. В HTML строки задаются элементом tr, ячейки данных — td, заголовочные ячейки — th. Подпись caption объясняет, что находится в таблице. Прежде чем писать разметку, определите смысл каждой оси: что означает строка, что означает столбец.
Если вы сравниваете три книги, возможны столбцы «Автор», «Название», «Год». Каждый объект должен занимать свою строку. Пустые ячейки и объединения допустимы по задаче, но не должны скрывать структуру. Читатель должен понимать данные без необходимости угадывать значение цвета или положения.
Что делает iframe
Элемент iframe встраивает другой документ в текущую страницу. Источник указывается атрибутом src; содержательный title поясняет назначение области. Примеры применения — разрешённая для встраивания карта или учебная демонстрация. Это не просто картинка: внутри может находиться отдельная страница со своим поведением.
Внешний ресурс может запретить встраивание, потребовать вход или исчезнуть. Поэтому для важного учебного материала полезно дать обычную ссылку на источник и пояснение, что должно быть показано. Несколько встроенных документов увеличивают нагрузку: добавляйте их ради конкретной задачи, а не для украшения.
Почему старые frameset не пример для нового сайта
В старых учебных материалах встречаются frame и frameset, делившие окно на набор областей. Не следует переносить такой подход в современную страницу как рекомендуемый способ вёрстки. iframe имеет другое назначение: вложенный документ внутри обычной страницы.
Нельзя предполагать, что встроенная страница получает свободный доступ к родительской или наоборот. Браузер применяет ограничения происхождения и другие механизмы безопасности. Для учебного опыта достаточно своего локального документа и известных настроек; не вставляйте неизвестный код, обещающий «обойти запрет» стороннего сайта.
Практика
1. Чем оформить результаты измерений температуры по дням? Таблицей с понятными заголовками и единицами. 2. Как показать разрешённую интерактивную карту без превращения её в набор собственных ячеек? Подходящим встроенным документом, если сервис поддерживает такую публикацию. 3. Почему нельзя заменить назначение iframe простой сменой CSS у таблицы? Различается структура документа, а не только внешний вид.
Нарисуйте страницу школьного проекта с таблицей измерений и отдельной ссылкой на карту. Для каждого элемента объясните, какую информацию он передаёт. Если данные остаются понятными без встроенного ресурса, проект будет устойчивее к ошибкам загрузки.
Связанные материалы
Электронные таблицы, Что такое интернет.