Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 28 из 70 · 10 мин
iframe, title, sandbox, allow и loading: карты, видео с YouTube и чужие страницы внутри вашей — безопасно.
Хочу карту прямо на сайте, где нас найти.
Хе-хе, чужая страница в твоей? Дай мне только скрипты в ней запустить… 😈
Поэтому — песочница.
<iframe>src и title.title объясняет читалке, что внутри.<iframe src="https://example.com/map" title="Карта: офис на Баумана" width="400" height="250" loading="lazy"></iframe>sandboxsandbox запрещает внутри скрипты, формы, всплывашки и переходы. Разрешай по одному: allow-scripts.allowfullscreen, geolocation, camera, autoplay…<iframe src="https://example.com/map" title="Карта" allow="geolocation"></iframe>allowfullscreenallow="fullscreen".<iframe src="https://example.com/video" title="Видео" allowfullscreen></iframe>srcdoc<iframe srcdoc="<p>Привет из iframe</p>" sandbox title="Пример"></iframe><embed>src и type.iframe, img, video.<embed src="menu.pdf" type="application/pdf" width="300" height="200">Встрой карту до магазина https://example.com/map через iframe: дай ему title, ленивую загрузку и песочницу sandbox.
iframe есть title — пока нетsandbox — пока нетВыберите один ответ.
Какой атрибут iframe нужен, чтобы экранная читалка понимала, что внутри?
Выберите один ответ.
Что делает пустой атрибут sandbox у iframe?
Выберите один ответ.
Как отложить загрузку карты, которая находится внизу страницы?
Проверяем состояние обучения…