Різниця між _self, _top та _parent в атрибуті цілі прив'язки


80

Я знаю , що _blankвідкриває нову вкладку при використанні з тега прив'язки , а також, є самовизначаються мети , які я використовую при використанні фреймів , але я хотів би знати різницю між _parent, _selfі _top.

Відповіді:


117

Хоча ці відповіді хороші, ІМХО, я не думаю, що вони повністю вирішують це питання.

Атрибут target у тегу прив'язки повідомляє браузеру ціль призначення призначення прив'язки. Спочатку вони були створені для того, щоб маніпулювати та спрямовувати прив'язки до фреймової системи документа. Це було задовго до того, як CSS прийшов на допомогу розробникам HTML.

Хоча target="_self"браузер за замовчуванням, а найпоширеніша ціль - це те, target="_blank"що відкриває якір у новому вікні (яке зазвичай перенаправляється на вкладки в налаштуваннях браузера). В "_parent", "_top"і framenameмітки залишилися загадкою для тих, хто не знайомий з днями IFrame будмайданчику в якості тренда.

target="_self"Це відкриває якір у тому ж кадрі. Що бентежить, так це те, що, оскільки ми, як правило, більше не пишемо у фрейми ( frameа framesetтеги and та застарілі в HTML5), люди вважають, що це така сама функція вікна. Натомість, якщо цей якір був вкладений у фрейми, він відкривався б у певному режимі пісочниці, тобто лише у цьому фреймі.

target="_parent" Відкриє на наступному рівні фрейм, якщо вони вкладені один до одного

target="_top" Це виходить за межі всіх фреймів, в які він вкладений, і відкриває посилання як верхній документ у вікні браузера.

target="framenameЦе спочатку застаріло, але повернуто в HTML5. Це буде націлено на точний кадр, про який йдеться. Хоча nameметод був правильним, цей метод замінено на використання idідентифікаційного тегу.

<!--Example:-->

<html>
<head>
</head>
<body>
<iframe src="url1" name="A"><p> This my first iframe</p></iframe>
<iframe src="url2" name="B"><p> This my second iframe</p></iframe>
<iframe src="url3" name="C"><p> This my third iframe</p></iframe>

<a href="url4" target="B"></a>
</body>
</html>

16

Розділ 6.16 Назви цільових кадрів у специфікації HTML 4.01 визначають значення, але вони частково застарілі. Це стосується "вікон", тоді як у проектах HTML5 більш реально говорити про "контекст перегляду", оскільки в цьому контексті сучасні браузери часто використовують вкладки замість вікон.

Коротше кажучи, _selfце значення за замовчуванням (поточний контекст перегляду, тобто поточне вікно чи вкладка), тому корисно лише замінити <base target=...>налаштування. Значення _parentвідноситься до набору кадрів, який є батьківським для поточного кадру, тоді як _top"виривається з усіх кадрів" і відкриває пов'язаний документ у всьому вікні браузера.


2
Ось посилання на проект HTML5 для target: w3.org/TR/html-markup/a.html#a.attrs.target .
Олівер,

16

target="_blank"

Відкриває нове вікно та покаже відповідні дані.

target="_self"

Відкриває вікно в тому ж кадрі, це означає саме існуюче вікно.

target="_top"

Відкриває зв’язаний документ у всьому тексті вікна.

target="_parent"

Відкриває дані у розмірі батьківського вікна.


Що означає "повне тіло"?
Робш

@robsch див. відповідь Джеймса Джонсона
Джозеф Рекс,

Тоді про що target="_main"атрибутивні розмови?
Анупам Халдкар,

3

Ось зображення із різними цільовими значеннями.

Різні цільові значення.1


Поясніть, будь ласка, свою "відповідь". Цей образ не зрозумілий сам по собі.
SherylHohman

Привіт @SherylHohman, я вдячний вашим відгукам. Це колір зображення незрозумілий чи пояснення?
Binaya

1
Виправте мене, якщо я помиляюся. Це моє розуміння, коли я дивлюсь на зображення: 1. _parent - посилання у Фреймі 1 відкривається у Фреймі 2 при натисканні. 2. _self - посилання в Frame 1 відкривається в Frame 1 при натисканні. 3. _blank - будь-які посилання відкриються на новій вкладці при натисканні, незалежно від того, в якому кадрі він насправді знаходиться, навіть коли він знаходиться у вкладених фреймах. 4. _top - посилання відкриється на поточній вкладці при натисканні, незалежно від того, в якому кадрі воно знаходиться насправді, навіть коли воно знаходиться у вкладених фреймах.
motss

1

Ось практичний приклад тегу Anchor з різними

Цільовий атрибут


3
Будь ласка, скопіюйте відповідні частини вашої пов’язаної статті в SO для нащадків.
Том,

Відповіді лише на посилання не вважаються відповіддю на SO. Як це - чудовий приклад корисного коментаря. Щоб вас вважали відповіддю, вам потрібно вставити відповідну інформацію із пов’язаної сторінки безпосередньо у свою публікацію. Для отримання додаткової інформації див. Сторінки довідки SO.
SherylHohman

Посилання більше не доступне!
Revnic Robert-Nick

1
@ RevnicRobert-Nick відновили посилання
Syed Maqsood
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.