1. Определение
iFrame, сокращение от встроенного фрейма, — это компонент элемента HTML, который позволяет встраивать в страницы документы, видео и интерактивные медиафайлы. Таким образом, дополнительная страница может отображаться на главной странице.
Элемент iFrame позволяет включать контент из других источников. Он может интегрировать контент в любом месте страницы без необходимости включения контента в структуру веб-макета, как традиционные элементы.
Но чрезмерное использование iFrames может замедлить работу вашей страницы и создать угрозу безопасности. Рассматривайте iFrames как часть контента, а не как часть сайта. Например, если вы хотите добавить видео iQiyi для привлечения читателей, вы можете вставить в статью элемент iFrame.
Синтаксический формат тега <iframe> следующий:
<iframesrc=urlwidth=mheight=n></iframe>
Атрибут src используется для указания адреса встраиваемой веб-страницы; атрибуты width и height используются для указания ширины и высоты фрейма. Единица измерения по умолчанию — пиксели, конечно, вы также можете использовать проценты.
Примечание. HTML-тег <iframe> не способствует сканированию содержимого страницы поисковыми системами, отрицательно влияет на SEO и не рекомендуется для использования в современном веб-дизайне.
2. Как использовать iFrame
Вы можете вставить элемент iFrame в документ HTML с помощью тега <iFrame>. Скопируйте следующий код, вставьте его в Блокнот и сохраните файл в формате .html .
Все атрибуты тега <iframe> следующие:
Пример:
<!DOCTYPEhtml><html><head><metacharset=utf-8><title>Демонстрация тега HTML<iframe></title></head><body><p>Следующий встроенный фрейм будет встроен в код C языковая сеть. Для домашней страницы ширина установлена на 330 пикселей, а высота — на 580 пикселей, чтобы имитировать эффект дисплея мобильного телефона. </p><iframesrc=width=330height=580></iframe></body></html>
Отображаемый эффект следующий:
