Атрибут name тега <frame> — ім'я фрейма для посилань
автор: NagarD
Загальний опис
автор: NagarD
Синтаксис
<frame name="text"> Атрибут name може отримувати єдине значення:
-
text -
Визначає ім’я елементa
автор: NagarD<frame>.
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 3 | 15 | 12 | ≤11 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 2 |
Приклади
+ запропонувати свій приклад у пісочниці
name дає фрейму ім'я, яке працює як target у посиланнях і формах: <a target="frame_a"> відкриє документ саме в цьому фреймі. Фрейми застарілі — у сучасному коді те саме роблять з iframe name.
<!DOCTYPE html>
<html>
<frameset cols="50%,50%">
<frame src="data:text/html;charset=utf-8,%3Cbody%3E%D0%9C%D0%B5%D0%BD%D0%B5 %D0%B7%D0%B2%D1%83%D1%82%D1%8C frame_a%3C/body%3E" name="frame_a">
<frame src="data:text/html;charset=utf-8,%3Cbody%3E%D0%91%D0%B5%D0%B7 %D1%96%D0%BC%D0%B5%D0%BD%D1%96%3C/body%3E">
</frameset>
</html>Рамкового набору всередині цієї сторінки бути не може, тому розмітку наведено текстом, а поруч — макет того, як воно виглядало, і таблиця того, що станеться з кожним target. Головний рядок таблиці — третій: неіснуюче ім'я не дає ані помилки, ані підказки, а мовчки відкриває нову вкладку.
HTML
<p class="head">Як це виглядало в розмітці</p>
<pre class="kod"><frameset cols="30%,70%">
<frame src="menu.html" name="<b>menu</b>">
<frame src="vstup.html" name="<b>zmist</b>">
</frameset>
<!-- усередині menu.html -->
<a href="rozdil-1.html" target="<b>zmist</b>">Розділ 1</a></pre>
<p class="head">І як воно виглядало на екрані</p>
<div class="nabir">
<div class="ramka menu">
<p class="pidpys">name="menu"</p>
<ul>
<li>Розділ 1</li>
<li>Розділ 2</li>
<li>Розділ 3</li>
</ul>
</div>
<div class="ramka zmist">
<p class="pidpys">name="zmist"</p>
<p>Сюди вантажиться те, на що клацнули ліворуч. Адреса в рядку
переглядача при цьому не міняється — вона й далі показує набір.</p>
</div>
</div>
<table class="dovidka">
<caption>Куди піде посилання з меню</caption>
<thead>
<tr><th scope="col">target</th><th scope="col">Що станеться</th></tr>
</thead>
<tbody>
<tr><th scope="row">target="zmist"</th><td class="ok">права рамка перемкнеться на місці</td></tr>
<tr><th scope="row">target="menu"</th><td class="ok">меню замінить саме себе</td></tr>
<tr><th scope="row">target="zmst"</th><td class="ni">одруківка: мовчки відкриється НОВА вкладка</td></tr>
<tr><th scope="row">target="_blank"</th><td class="ni">нова вкладка навіть тоді, коли рамка так і зветься</td></tr>
<tr><th scope="row">target="_top"</th><td class="ok">набір зникне, сторінка займе вікно цілком</td></tr>
</tbody>
</table>CSS
.head {
margin: 20px 0 6px;
color: #5a6472;
font: 600 14px/1.4 system-ui, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
}
.kod {
max-width: 520px;
margin: 0;
padding: 8px 10px;
overflow-x: auto;
border: 1px solid #b9c6d8;
border-radius: 6px;
background: #f6f9ff;
font: 14px/1.6 ui-monospace, monospace;
}
.kod b {
background: #ffe9b8;
}
.nabir {
display: flex;
max-width: 520px;
height: 160px;
border: 3px solid #5a6472;
border-radius: 4px;
}
.ramka {
padding: 8px 10px;
overflow: auto;
font-size: .85em;
line-height: 1.6;
}
.menu {
width: 30%;
border-right: 4px solid #5a6472;
background: #eef3fb;
}
.zmist {
width: 70%;
background: #ffffff;
}
.pidpys {
margin: 0 0 6px;
color: #1b4f9c;
font: 12px/1.4 ui-monospace, monospace;
}
.menu ul {
margin: 0;
padding-left: 18px;
}
.dovidka {
width: 100%;
max-width: 520px;
margin-top: 22px;
border-collapse: collapse;
}
.dovidka caption {
margin-bottom: 6px;
font-weight: 600;
text-align: left;
}
.dovidka td,
.dovidka th {
padding: 5px 10px;
border: 1px solid #b9c6d8;
text-align: left;
font-size: .9em;
}
.dovidka thead th {
background: #eef3fb;
}
.dovidka th[scope="row"] {
font: 14px/1.5 ui-monospace, monospace;
font-weight: 400;
}
.ok {
background: #f3fbf4;
color: #1b5e20;
}
.ni {
background: #fff4f4;
color: #c0392b;
}Різниця між HTML 4.01 та HTML5
Атрибут name для тегу <frame> не підтримується у HTML5.
Різниця між XHTML та HTML
У XHTML атрибут name тега <frame> є застарілимі буде видалений. Замість цього використовуйте атрибут ID.
Коментарі
Коментарів ще немає — будьте першим!