Tôi biết _blank
sẽ 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
và _top
.
Tôi biết _blank
sẽ 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
và _top
.
Câu trả lời:
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"
và framename
thẻ đượ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 ( frame
và frameset
thẻ 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="framename
Tí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ù name
là 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 id
thẻ 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>
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, _self
là 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.
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ẹ.
target="_main"
thuộc tính nói về cái gì?
Đây là một hình ảnh với các giá trị mục tiêu khác nhau.
Đây là một ví dụ thực tế về thẻ Anchor với các
target
: w3.org/TR/html-markup/a.html#a.attrs.target .