Sự khác biệt giữa _self, _top và _parent trong thuộc tính target của thẻ anchor


80

Tôi biết _blanksẽ mở ra một tab mới khi được sử dụng với thẻ neo và cũng có mục tiêu tự định nghĩa tôi sử dụng khi sử dụng bộ khung nhưng tôi sẽ muốn biết sự khác biệt giữa _parent, _self_top.

Câu trả lời:


117

Mặc dù những câu trả lời này là tốt, IMHO Tôi không nghĩ rằng chúng giải quyết đầy đủ câu hỏi.

Thuộc tính target trong thẻ anchor cho trình duyệt biết mục tiêu của điểm đến của anchor. Ban đầu chúng được tạo ra để thao tác và hướng các neo vào hệ thống khung của tài liệu. Điều này đã xảy ra trước khi CSS đến với sự hỗ trợ của các nhà phát triển HTML.

Mặc dù target="_self"được trình duyệt mặc định và mục tiêu phổ biến nhất là target="_blank"mở neo trong một cửa sổ mới (thường được chuyển hướng đến các tab theo cài đặt trình duyệt). Các "_parent", "_top"framenamethẻ được để lại một bí ẩn đối với những người không quen thuộc với những ngày của trang web iframe xây dựng như xu hướng.

target="_self"Điều này mở ra một mỏ neo trong cùng một khung. Điều khó hiểu là vì chúng ta thường không viết trong khung nữa ( frameframesetthẻ và đã lỗi thời trong HTML5) nên mọi người cho rằng đây là một chức năng cửa sổ giống nhau. Thay vào đó, nếu neo này được lồng trong các khung, nó sẽ mở ở chế độ hộp cát, nghĩa là chỉ trong khung đó.

target="_parent" Sẽ mở trong cấp độ tiếp theo của khung nếu chúng được lồng vào nhau

target="_top" Điều này phá vỡ bên ngoài của tất cả các khung mà nó được lồng vào và mở liên kết dưới dạng tài liệu hàng đầu trong cửa sổ trình duyệt.

target="framenameTính năng này ban đầu không được dùng nữa nhưng được đưa trở lại trong HTML5. Điều này sẽ nhắm mục tiêu khung chính xác được đề cập. Mặc dù namelà phương pháp thích hợp nhưng phương pháp này đã được thay thế bằng việc sử dụng idthẻ nhận dạng.

<!--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

Phần 6.16 Tên mục tiêu khung trong thông số kỹ thuật HTML 4.01 xác định ý nghĩa, nhưng nó đã lỗi thời một phần. Nó đề cập đến "cửa sổ", trong khi bản nháp HTML5 nói thực tế hơn về "bối cảnh duyệt web", vì các trình duyệt hiện đại thường sử dụng tab thay vì cửa sổ trong ngữ cảnh này.

Tóm lại, _selflà mặc định (ngữ cảnh duyệt hiện tại, tức là cửa sổ hoặc tab hiện tại), vì vậy chỉ hữu ích khi ghi đè một <base target=...>cài đặt. Giá trị _parentđề cập đến bộ khung là cha của khung hiện tại, trong khi _top"thoát ra khỏi tất cả các khung" và mở tài liệu được liên kết trong toàn bộ cửa sổ trình duyệt.


2
Đây là liên kết đến bản nháp HTML5 cho target: w3.org/TR/html-markup/a.html#a.attrs.target .
Oliver

15

target="_blank"

Mở cửa sổ mới và hiển thị dữ liệu liên quan.

target="_self"

Mở cửa sổ trong cùng một khung, có nghĩa là chính cửa sổ hiện có.

target="_top"

Mở tài liệu được liên kết trong toàn bộ phần nội dung của cửa sổ.

target="_parent"

Mở dữ liệu ở kích thước của cửa sổ mẹ.


'Toàn thân' nghĩa là gì?
robsch

@robsch xem câu trả lời của James Johnson
Joseph Rex

thì target="_main"thuộc tính nói về cái gì?
Anupam Haldkar

3

Đây là một hình ảnh với các giá trị mục tiêu khác nhau.

Các giá trị mục tiêu khác nhau.1


Hãy giải thích "câu trả lời" của bạn. Hình ảnh này không rõ ràng về chính nó.
SherylHohman

Xin chào @SherylHohman, tôi đánh giá cao phản hồi của bạn. Đó là màu sắc của hình ảnh không rõ ràng hoặc giải thích?
Binaya

1
Hãy sửa cho tôi nếu tôi sai. Đây là hiểu biết của tôi khi tôi nhìn vào hình ảnh: 1. _parent - một liên kết trong Khung 1 sẽ mở ra trong Khung 2 khi được nhấp vào. 2. _self - một liên kết trong Khung 1 sẽ mở ra trong Khung 1 khi được nhấp vào. 3. _blank - bất kỳ liên kết nào sẽ mở trong tab mới khi được nhấp vào bất kể nó thực sự nằm trong khung nào ngay cả khi nó nằm trong iframe lồng nhau. 4. _top - một liên kết sẽ mở trong tab hiện tại khi được nhấp vào bất kể nó thực sự nằm trong khung nào ngay cả khi nó nằm trong iframe lồng nhau.
motss

1

Đây là một ví dụ thực tế về thẻ Anchor với các

Thuộc tính mục tiêu


3
Vui lòng sao chép các phần có liên quan của bài viết được liên kết của bạn tới SO cho hậu thế.
Tom

Câu trả lời chỉ có liên kết không được coi là câu trả lời trên SO. Đây là một ví dụ tuyệt vời về một nhận xét hữu ích. Để được coi là tôi trả lời, bạn cần phải nhúng trực tiếp thông tin có liên quan từ trang được liên kết vào bài đăng của mình. Xem trang trợ giúp SO để biết thêm thông tin.
SherylHohman

Liên kết không có sẵn nữa!
Revnic Robert-Nick

1
@ RevnicRobert-Nick đã khôi phục liên kết
Syed Maqsood
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.