✅ Html Frames - Різні типи кадрів у HTML та типи фреймів

Html Frames

Html Frames

Кадри Html корисні при поділі веб-сторінки або веб-браузера на кілька розділів, вони розділяють розділи, потім завантажуються по-різному.

Кадр відображає вміст, незалежний від його контейнера. Кілька кадрів утворюють колекцію і відомі як набір кадрів. Розташування можна вважати подібним до орієнтації рядків і стовпців у таблиці. Тег фрейму застарілий у HTML5.

Кожен кадр має тег кадру для позначення. Горизонтальний кадр визначається атрибутом рядка тегу фрейму, а вертикальний атрибут визначається атрибутом стовпця тегу фрейму в документі HTML. Це ж вікно в одному кадрі може відображати статичний банер, друге меню навігації тощо.

Синтаксис кадрів

У HTML немає кінцевого тегу для тегу. Коли ми використовуємо фрейми на веб-сторінці, ми використовуємо тег замість тегу. Використання - це те, як ми доручаємо веб-сторінці розділити її на кадри Тег визначає, який HTML-документ слід відкрити як кадр.

Колонки атрибутів приймають значення в пікселях, і вони допомагають у визначенні кількості та розміру стовпців у наборі кадрів.

Аналогічно, як ми бачили вище, рядки атрибутів приймають значення у пікселях, і вони допомагають визначити кількість та розмір рядків у наборі кадрів.

Однак слід належним чином зазначити, що тег застарілий у HTML5 і він більше не використовується.

Різні типи кадрів у HTML

Одним із застосувань кадрів завжди було завантаження навігаційних рядків в один кадр, а потім завантаження основних сторінок в окремий кадр. Тег A-frame визначає одну рамку вікна в межах.

має підтримку браузера в Chrome, Internet Explorer, Mozilla, Safari та Opera Mini.

Різні та деякі часто використовувані атрибути у кадрі - це такі атрибути, як межа, прокрутка, src, ім’я тощо.

Типи рамки

Атрибут тегу

Є п'ять важливих атрибутів, і ми обговорюємо це тут:

1. Col: Вертикальні кадри задаються атрибутом col. Однак ширину можна вказати чотирма способами:

Пікселі: абсолютні значення можна згадати в пікселях. Якщо нам доведеться створити три вертикальних кадри, ми можемо дати значення: cols = ”100, 50, 100”.

Відсоток: відсоток вікна браузера можна згадати. Якщо нам доведеться створити три вертикальних кадри, ми можемо дати значення: cols = ”40%, 20%, 40%”

Тут ми також можемо скористатися підстановкою (*) і дозволити підстановці взяти залишки вікна, які залишаються не згаданими.

cols = "30%, *, 30%"

Вихід:

2. Рядки: горизонтальні кадри задаються атрибутом рядка. Він визначає рядки в наборі кадрів. Якщо нам потрібно створити три горизонтальних кадри, ми використовуємо:

Напр .: рядки = "10%, 80%, 10%".

Ми також можемо встановити висоту кожного ряду, як це було зроблено у випадку зі стовпцями раніше.

Вихід:

3. Бордюр : Вказує ширину межі кожного кадру в пікселях.

Напр .: межа = ”4”. Якщо межа = "0", це означає, що немає межі.

4. Рамка для рамки: Якщо між кадрами потрібно відобразити тривимірну рамку, ми використовуємо цей атрибут. Значення, яке приймає атрибут, є або 1, або 0 (Так чи Ні).

Напр .: frameborder = "0" означає відсутність кордону.

5. Рамка кадрів: Цей атрибут визначає кількість простору між кадрами в наборі кадрів. Тут може бути вказане будь-яке ціле значення для цього атрибута.

Напр .: framepacing кадру = "12" означає, що між кадрами має бути відстань у 12 пікселів.

Атрибут тегу

У цьому розділі можна вказати 8 атрибутів.

1. src: ми надаємо ім'я файлу цьому атрибуту, який повинен бути завантажений у кадр. Значенням цього атрибута може бути будь-яка URL-адреса.

Наприклад: src = www.facebook.com

2. ім'я: Цей атрибут надає ім'я кадру. Він визначає, в який кадр документ слід завантажувати. Якщо у вас є кілька посилань в одному кадрі, який завантажується в інший кадр, ми використовуємо цей атрибут. Тоді другий кадр потребує імені, щоб ідентифікувати себе як ціль посилання.

Напр .: name = "abc.htm"

3. frameborder: Цей атрибут задається, щоб показати, чи потрібно показувати межі. Значення займає 1 або 0 (Так чи Ні).

4. marginwidth: Атрибут корисний для визначення ширини простору між лівою та правою стороною рамки кадру, а також вмісту кадру. Значення задається в пікселях.

Напр .: marginwidth = ”10”.

5. marginheight: Атрибут корисний для визначення висоти місця між верхнім і нижнім кордоном кадру, а також вмісту кадру. Значення задається в пікселях.

Напр .: marginheight = ”10”.

6. noresize: Цей атрибут в основному не дозволяє користувачеві вносити будь-які зміни у вже наявні кадри. За відсутності цього атрибута, будь-який кадр може бути змінений.

Напр .: noresize = "noresize"

7. прокрутка: Цей атрибут контролює зовнішній вигляд смуг прокрутки, які присутні на кадрі. Значення або "так", "ні", або "автоматично".

Наприклад: скролінг = "ні" означає, що він не повинен мати смуг прокрутки.

8. longdesc: Цей атрибут дозволяє надати посилання на іншу сторінку, що містить довгий опис вмісту кадру.

Напр .: longdesc = "framedesc.htm"

Підтримка кадрів та веб-переглядачів

Старі браузери не підтримують кадри, тоді елементи повинні відображатися користувачеві.

На практиці елемент повинен бути розміщений всередині елемента, оскільки елемент повинен замінити його. Якщо браузер не розуміє елемент, він розуміє вміст елемента, який міститься в елементі.

Приємно підходити до повідомлення в таких сценаріях для користувача, який використовує старі браузери. Повідомлення типу "Вибачте! Ваш веб-переглядач не підтримує кадри ".

Висновок - Html Frames

Кадрова технологія не підтримується досить великою кількістю браузерів у наші дні. Багато разів помічається, що вміст веб-сторінки відображається належним чином для менших пристроїв. У будь-якому разі, добре мати знання про те, що існувало, щоб можна було розробити кращі моделі, сумісні з новими технологіями.

Html Frames - Різні типи кадрів у HTML та типи фреймів