Hướng dẫn open link in current tab html - mở liên kết trong html tab hiện tại

21

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi muốn mở một liên kết trong cùng một tab với HTML khi nhấp vào một từ. Tuy nhiên, ngay cả khi tôi đã thử nó bằng cách sử dụng target="_self "và không sử dụng bất kỳ mục tiêu nào, nó chỉ hoạt động với ____10, nhưng, như bạn có thể biết, điều này sẽ mở liên kết trong một tab khác.

Code:

    <!DOCTYPE html>
<html>
<head>
<style type="text/css">
body
{
  min-width:360px;
}
a{
   color:#009900;
   text-decoration:none;
}
a:hover
{
  text-decoration:underline;
}
p
{
  font:0.8em sans-serif;
}
h2
{
  font:1.5em sans-serif;
  color:#fff;
  background:#006600;
  padding:5px
}
</style>
</head>

<body>
  <h2>play</h2>
 <p><a href="https://www.youtube.com" target="_blank">YT player</a></p>
</body>
</html>

Đã hỏi ngày 3 tháng 7 năm 2017 lúc 11:57Jul 3, 2017 at 11:57

Hướng dẫn open link in current tab html - mở liên kết trong html tab hiện tại

Pepitopepitopepito

3711 Huy hiệu vàng2 Huy hiệu bạc13 Huy hiệu đồng1 gold badge2 silver badges13 bronze badges

3

<a target="_self" href="https://www.youtube.com" >YT player</a>

Sử dụng

<a target="_self" href="https://www.youtube.com" >YT player</a>
1

<a target="_self" href="https://www.youtube.com" >YT player</a>

Hướng dẫn open link in current tab html - mở liên kết trong html tab hiện tại

Đã trả lời ngày 3 tháng 7 năm 2017 lúc 14:12Jul 3, 2017 at 14:12

Hướng dẫn open link in current tab html - mở liên kết trong html tab hiện tại

O.RaresO.RaresO.Rares

9811 Huy hiệu vàng16 Huy hiệu bạc18 Huy hiệu đồng1 gold badge16 silver badges18 bronze badges

Tôi chắc rằng bạn có thể đã tìm ra nó ngay bây giờ (hơn một năm sau), nhưng mã của bạn:

<a target="_self" href="https://www.youtube.com" >YT player</a>
2

được viết một chút lạ. Thử:

<a target="_self" href="https://www.youtube.com" >YT player</a>
3

Đã trả lời ngày 6 tháng 9 năm 2018 lúc 18:48Sep 6, 2018 at 18:48

1

Điều này làm việc cho tôi:

<p><a href="https://www.youtube.com">YT-Player</a></p>

Đã trả lời ngày 3 tháng 7 năm 2017 lúc 12:48Jul 3, 2017 at 12:48

2

Sử dụng _Self trong thuộc tính đích của thẻ neo để mở liên kết trong cùng một tab trong trang web HTML.

Một liên kết sẽ được mở trong cùng một cửa sổ và trong cùng một tab chứa trang với liên kết.

<html>
<body>
	<a target="_self" href="https://www.eyehunts.com" >EyeHunts.com</a>

</body>
</html>

Output::

Hướng dẫn open link in current tab html - mở liên kết trong html tab hiện tại

Hãy bình luận nếu bạn có bất kỳ nghi ngờ và đề xuất nào về mã ví dụ HTLM này.

Lưu ý: & nbsp; The & nbsp; tất cả các ví dụ HTML & NBSP; Are & nbsp; được kiểm tra trên trình duyệt Firefox và trình duyệt Chrome. The All HTML Examples codes are tested on the Firefox browser and the Chrome browser.

Hệ điều hành: & nbsp; windows 10Windows 10

Mã: Phiên bản HTML 5

Hướng dẫn open link in current tab html - mở liên kết trong html tab hiện tại

Bằng cấp về Khoa học máy tính và Kỹ sư: Nhà phát triển ứng dụng và có nhiều ngôn ngữ lập trình kinh nghiệm. Sự nhiệt tình cho công nghệ và thích học kỹ thuật.

Hướng dẫn open link in current tab html - mở liên kết trong html tab hiện tại

Thuộc tính

<a target="_self" href="https://www.youtube.com" >YT player</a>
6 được đặt thành
<a target="_self" href="https://www.youtube.com" >YT player</a>
7, cho biết trình duyệt mở liên kết trong một tab/cửa sổ mới, tùy thuộc vào cài đặt của trình duyệt

Thuộc tính

<a target="_self" href="https://www.youtube.com" >YT player</a>
1 được đặt thành
<p><a href="https://www.youtube.com">YT-Player</a></p>
1 để ngăn chặn các cuộc tấn công độc hại có thể xảy ra từ các trang bạn liên kết đến

Một lần nữa, đây là một ví dụ làm việc đầy đủ:

Dẫn đến đầu ra sau trong trình duyệt:

Cảm ơn một lần nữa vì đã đọc. Mã hóa hạnh phúc.

<p>Check out <a href="https://www.freecodecamp.org/">freeCodeCamp</a>.</p>

Kiểm tra Freecodecamp.

Thuộc tính

<a target="_self" href="https://www.youtube.com" >YT player</a>
1 đặt mối quan hệ giữa trang của bạn và URL được liên kết. Đặt nó thành
<a target="_self" href="https://www.youtube.com" >YT player</a>
2 là để ngăn chặn một loại lừa đảo được gọi là tabnabbing.

Tabnabbing là gì?

Thuộc tính đích

Thuộc tính này cho biết trình duyệt cách mở liên kết.

Để mở một liên kết trong một tab mới, chỉ cần đặt thuộc tính

<a target="_self" href="https://www.youtube.com" >YT player</a>
6 thành
<a target="_self" href="https://www.youtube.com" >YT player</a>
7:

<p>Check out <a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp</a>.</p>

Bây giờ khi ai đó nhấp vào liên kết, nó sẽ mở trong một tab mới hoặc có thể là một cửa sổ mới tùy thuộc vào cài đặt trình duyệt của người đó.

Mối quan tâm về bảo mật với <a target="_self" href="https://www.youtube.com" >YT player</a>0

Tôi thực sự khuyên bạn nên luôn thêm

<a target="_self" href="https://www.youtube.com" >YT player</a>
9 vào phần tử neo bất cứ khi nào bạn sử dụng thuộc tính
<a target="_self" href="https://www.youtube.com" >YT player</a>
6:

<p>Check out <a href="https://www.freecodecamp.org/" target="_blank" rel="noopener noreferrer">freeCodeCamp</a>.</p>

Điều này dẫn đến đầu ra sau:

Kiểm tra Freecodecamp.

Thuộc tính

<a target="_self" href="https://www.youtube.com" >YT player</a>
1 đặt mối quan hệ giữa trang của bạn và URL được liên kết. Đặt nó thành
<a target="_self" href="https://www.youtube.com" >YT player</a>
2 là để ngăn chặn một loại lừa đảo được gọi là tabnabbing.

Tabnabbing là gì?

Tabnabbing, đôi khi được gọi là TabNabbing ngược, là một khai thác sử dụng hành vi mặc định của trình duyệt với

<a target="_self" href="https://www.youtube.com" >YT player</a>
0 để có quyền truy cập một phần vào trang của bạn thông qua API
<a target="_self" href="https://www.youtube.com" >YT player</a>
4.

Với tabnabbing, một trang mà bạn liên kết có thể khiến trang của bạn chuyển hướng đến trang đăng nhập giả. Điều này sẽ rất khó để hầu hết người dùng chú ý vì trọng tâm sẽ là trên tab vừa mở - không phải là tab ban đầu với trang của bạn.

Sau đó, khi một người chuyển trở lại tab với trang của bạn, họ sẽ thấy trang đăng nhập giả thay thế và có thể nhập chi tiết đăng nhập của họ.

Nếu bạn quan tâm đến việc tìm hiểu thêm về cách thức hoạt động của Tabnabbing và những gì các diễn viên xấu có thể làm với việc khai thác, hãy xem bài viết của Alex Yumashev và bài viết này của OWASP.

Nếu bạn muốn xem một ví dụ về SafeWorking, hãy xem trang này và repo GitHub của nó để biết thêm thông tin về khai thác và thuộc tính

<a target="_self" href="https://www.youtube.com" >YT player</a>
1.working example, check out this page and its GitHub repo for more information about the exploit and the
<a target="_self" href="https://www.youtube.com" >YT player</a>
1 attribute.

Tóm tắt

Thật dễ dàng để sử dụng HTML để mở một liên kết trong một tab mới. Bạn chỉ cần một phần tử neo (

<a target="_self" href="https://www.youtube.com" >YT player</a>
4) với ba thuộc tính quan trọng:

  1. Thuộc tính
    <a target="_self" href="https://www.youtube.com" >YT player</a>
    5 được đặt thành URL của trang bạn muốn liên kết đến
  2. Thuộc tính
    <a target="_self" href="https://www.youtube.com" >YT player</a>
    6 được đặt thành
    <a target="_self" href="https://www.youtube.com" >YT player</a>
    7, cho biết trình duyệt mở liên kết trong một tab/cửa sổ mới, tùy thuộc vào cài đặt của trình duyệt
  3. Thuộc tính
    <a target="_self" href="https://www.youtube.com" >YT player</a>
    
    1 được đặt thành
    <p><a href="https://www.youtube.com">YT-Player</a></p>
    
    1 để ngăn chặn các cuộc tấn công độc hại có thể xảy ra từ các trang bạn liên kết đến

Một lần nữa, đây là một ví dụ làm việc đầy đủ:

<p>Check out <a href="https://www.freecodecamp.org/" target="_blank" rel="noopener noreferrer">freeCodeCamp</a>.</p>

Dẫn đến đầu ra sau trong trình duyệt:

Kiểm tra Freecodecamp.

Cảm ơn một lần nữa vì đã đọc. Mã hóa hạnh phúc.



Học mã miễn phí. Chương trình giảng dạy nguồn mở của Freecodecamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Làm cách nào để tạo một URL mở trong cùng một tab?

Trong HTML, TAG được sử dụng để mở URL trên cửa sổ của trình duyệt.Thuộc tính HREF cho phép thêm một siêu liên kết vào thẻ và chuyển hướng một trang này sang trang khác.Theo mặc định, URL được mở trong cùng một cửa sổ.Vì vậy, bạn không cần xác định bất kỳ thuộc tính nào trong thẻ để mở URL trong cùng một tab hoặc cửa sổ. tag is used to open URL on browser's window. The href attribute allows to add a hyperlink to the tag and redirect one page to another. By default, the URL is opened in the same window. So, you don't need to define any attribute in tag to open URL in the same tab or window.

Làm cách nào để mở một trang web trên cùng một trang trong HTML?

Liên kết HTML - Thuộc tính đích..
_ Bản ngã - mặc định.Mở tài liệu trong cùng một cửa sổ/tab khi được nhấp vào ..
_Blank - Mở tài liệu trong một cửa sổ hoặc tab mới ..
_Parent - Mở tài liệu trong khung cha ..
_TOP - Mở tài liệu trong toàn bộ phần thân của cửa sổ ..