Cách mở siêu liên kết trong tab mới bằng thuộc tính target = “_ blank”. Cũng tìm hiểu cách thực hiện điều đó bằng cách sử dụng hàm window.open của JavaScript. Xem các ví dụ.

Bạn đang xem : nhắm mục tiêu liên kết html cửa sổ mới

Các siêu liên kết được sử dụng để chuyển từ trang này sang trang khác. Theo mặc định, một siêu liên kết thường mở trong cùng một trang. Nhưng có thể mở các siêu liên kết trong một cửa sổ riêng.

Mở các liên kết bên ngoài trong tab hoặc cửa sổ mới sẽ khiến mọi người rời khỏi trang web của bạn. Bằng cách này, bạn ngăn không cho khách truy cập quay lại trang web của mình. Hãy nhớ rằng khách truy cập có thể tự mở một tab mới và rất khó chịu khi một liên kết mở ra trong một tab hoặc cửa sổ mới mà không có sự đồng ý của họ. Đó là lý do tại sao bạn nên tránh mở các liên kết trong tab hoặc cửa sổ mới. Tuy nhiên, có thể có những tình huống cụ thể khi điều này là cần thiết và trong đoạn mã này, chúng tôi sẽ trình bày cách thực hiện.

Như bạn đã biết, trong HTML, thẻ & lt; a & gt; được sử dụng với thuộc tính href để tạo siêu liên kết.

Khi cần cho trình duyệt biết nơi mở tài liệu, thuộc tính đích sẽ được sử dụng.

Thuộc tính target xác định nơi tài liệu được liên kết sẽ mở khi liên kết được nhấp vào. Nó mở cửa sổ hiện tại theo mặc định. Để mở liên kết trong cửa sổ mới, bạn cần thêm thuộc tính target = “_ blank” vào liên kết cố định của mình, như sau.

 

& lt;

html

& gt;

& lt;

head

& gt;

& lt;

title

& gt;

Tiêu đề của tài liệu

& lt; /

title

& gt;

& lt; /

head

& gt;

& lt;

body

& gt;

& lt;

h1

& gt;

Ví dụ về siêu liên kết

& lt; /

h1

& gt;

& lt;

p

& gt;

& lt;

a

href

=

" https://www.w3docs.com/ "

target

=

" _ blank "< / p> & gt;

siêu liên kết

& lt; /

a

& gt;

sẽ mở trong một tab mới .

& lt; /

p

& gt;

& lt; /

body

& gt;

& lt; /

html

& gt;


Hãy tự mình thử »

Kết quả


siêu liên kết này sẽ mở trong một tab mới.

Trong ví dụ đã cho, khi khách truy cập nhấp vào siêu liên kết, siêu liên kết sẽ mở ra trong một cửa sổ hoặc tab mới.

Có một cách khác để mở siêu liên kết trong tab mới bằng cách sử dụng hàm window.open trong JavaScript với thuộc tính sự kiện onclick như sau:

  onclick = "window.open ('URL')"  
 

& lt;

html

& gt;

& lt;

head

& gt;

& lt;

title

& gt;

Tiêu đề của tài liệu

& lt; /

title

& gt;

& lt;

style

& gt;

. link

: hover

{

text-decoration

: gạch dưới;

color

: blue;

con trỏ

: con trỏ; }

& lt; /

style

& gt;

& lt; /

head

& gt;

& lt;

body

& gt;

& lt;

h1

& gt;

Ví dụ về siêu liên kết với JavaScript

& lt; /

h1

& gt;

& lt;

p

& gt;

Hãy truy cập trang web của chúng tôi

& lt; / < p class = "hljs-name"> p

& gt;

& lt;

p

onclick

=

" window.open ('https://www.w3docs.com/') "

class

=

" liên kết "

& gt;

W3docs

& lt; /

p

& gt;

& lt; /

body

& gt;

& lt; /

html

& gt;


Hãy tự mình thử »

Hãy xem một ví dụ khác, trong đó ngoài thuộc tính target, chúng tôi còn thêm thuộc tính rel với giá trị “noopener noreferrer”. Thuộc tính rel không bắt buộc nhưng được khuyến khích sử dụng như một biện pháp bảo mật.

 

& lt;

html

& gt;

& lt;

head

& gt;

& lt;

title

& gt;

Tiêu đề của tài liệu

& lt; /

title

& gt;

& lt; /

head

& gt;

& lt;

body

& gt;

& lt;

a

target

=

" _ blank "

rel

=

" noopener noreferrer "

href

=

" https://www.lipsum.com/ "

& gt;

Lorem Ipsum

& lt; /

a

& gt;

& lt;

p

& gt;

Liên kết này sẽ mở trong tab trình duyệt mới hoặc cửa sổ mới.

& lt; /

p

& gt;

& lt; /

body

& gt;

& lt; /

html

& gt;


Hãy tự mình thử »


Xem thêm những thông tin liên quan đến chủ đề nhắm mục tiêu liên kết html cửa sổ mới

Best Hearing Aids 2022 – Phonak Paradise (Top 7 Features)

  • Tác giả: Pro Fit Hearing
  • Ngày đăng: 2022-02-13
  • Đánh giá: 4 ⭐ ( 3565 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Best Hearing Aids 2022 – Phonak Paradise (Top 7 Features). Learn why the Phonak Audéo Paradise is one of the best hearing aids of 2022. See a local audiologist today! ★ FREE eBook ★ “How To Buy Hearing Aids” https://www.profithearing.com/ebook

    Recent Videos
    ▶︎ Whisper Hearing Aids https://youtu.be/eUQfSZ9NhHM
    ▶︎ What is High Frequency Hearing Loss? https://youtu.be/ox63JAJxlxg
    ▶︎ In Ear Monitors https://youtu.be/ZPg117n9o7o
    ▶︎ iOS 15 AirPods Pro hearing aid https://youtu.be/HmMfSRtk6EA
    ▶︎ NEW Starkey Hearing Aids – Starkey Evolv AI https://youtu.be/1UaiL8RYSdw
    ▶︎ Jabra Enhance Plus Earbuds https://youtu.be/vj1N6KEaXOc
    ▶︎ Top 10 High Tech Hearing Aid Features https://youtu.be/KQh2_yhVgkw
    ▶︎ Phonak Audéo Life https://youtu.be/1SERwn5m_H0
    ▶︎ iOS 15 – NEW Features https://youtu.be/rvQKznQdFAQ
    ▶︎ Bose Hearing Aids https://youtu.be/NPf8FYHkwLc
    ▶︎ Costco Hearing Aids https://youtu.be/XK50gcTnqrU

    ★ Headphone Reviews https://www.youtube.com/watch?v=ImVhELoqusE&list=PLz1ItE-u7p79BTnMIwUCLz7i2EqwyF4al

    CLICK HERE FOR ALL VIDEOS: https://www.youtube.com/c/ProFitHearing/videos

    ▶︎ Phonak Paradise Smartphone Compatibility https://www.phonak.com/com/en/support/product-support/compatibility.html

    https://www.ProFitHearing.com specializes in hearing healthcare education, audiology, hearing loss, hearing aids, tinnitus, cochlear implants, earbuds, headphones, and audio technology product reviews.

    Please LIKE, SHARE, SUBSCRIBE, and hit the bell icon if you received value from this video. Thank you for watching! SUBSCRIBE LINK: https://www.youtube.com/c/ProFitHearing?sub_confirmation=1

    ▶︎ BLOG POST ▶︎ https://www.profithearing.com/phonak-paradise-top-7-features-best-hearing-aids-2022/

    ★ Connect with the Pro Fit Hearing community! ★
    Facebook https://www.facebook.com/profithearing
    Instagram https://www.instagram.com/profithearing
    Twitter https://twitter.com/profithearing
    Pinterest https://www.pinterest.com/profithearing

    In this video, Dr. Derek the audiologist discusses the best hearing aid of 2022 from Phonak, the Phonak Audéo Paradise. Learn about the top 7 features of Phonak’s latest hearing aid technology. If you have concerns about your hearing, always consult with your local physician or audiologist.

    ~~~~~~~~~

    DISCLAIMER
    The information provided in or through our Website (www.profithearing.com), YouTube Videos, Programs, Products and Services is for educational and informational purposes only, and is made available to you as self-help tools for your own use. The information provided in or through our Website, YouTube Videos, Programs, Products and Services is not intended to be a substitute for professional medical advice, diagnosis or treatment that can be provided by your own Medical Provider (including doctor/physician, nurse, physician’s assistant, or any other health professional), Mental Health Provider (including psychiatrist, psychologist, therapist, counsellor, or social worker), or member of the clergy. Therefore, do not disregard or delay seeking professional medical, mental health or religious advice because of information you have read on our website or received from us in this YouTube video. Do not stop taking any medications without speaking to your own Medical Provider or Mental Health Provider. If you have or suspect that you have a medical or mental health problem, contact your own Medical Provider or Mental Health Provider promptly. The information contained in our Website, YouTube Videos, Programs or Services is not intended to be a substitute for legal or financial advice that can be provided by your own attorney, accountant, and/or financial advisor. Although care has been taken in preparing the information provided to you, we cannot be held responsible for any errors or omissions, and we accept no liability whatsoever for any loss or damage howsoever arising. The law varies by state, and it is constantly changing, and therefore it affects each individual and business in different ways. As a result, it is recommended to seek outside financial and/or legal counsel relating to your specific circumstances as needed. You are hereby advised to consult with your tax consultant, accountant or lawyer for any and all questions and concerns you have, may have, or hereafter have regarding your own income and taxes, and any and all information presented by our Website, YouTube Videos, Programs or Services pertaining to your specific financial and/or legal situation.

    AFFILIATE LINKS
    In compliance with FTC guidelines, some links in this video description may be “affiliate” links. This means Pro Fit Hearing may receive a small commission from sales of certain items, but this does not have a negative impact on the price you pay.

    This video content may not be used without permission.

    © 2022 Pro Fit Hearing, LLC.

    BestHearingAids
    PhonakParadise
    ProFitHearing

Liên kết HTML trong một cửa sổ mới

  • Tác giả: www.rapidtables.org
  • Đánh giá: 3 ⭐ ( 2359 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách mở liên kết trong cửa sổ mới hoặc tab mới.

[HTML/HTML5] Phần 14: Liên kết trong HTML

  • Tác giả: www.dammio.com
  • Đánh giá: 5 ⭐ ( 7412 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Liên kết trong HTML

  • Tác giả: webvn.com
  • Đánh giá: 5 ⭐ ( 1698 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ví dụ và cách sử dụng liên kết trong HTML.

LàM THẾ NàO ĐỂ: Cách liên kết đích trong khung nội tuyến và khung HTML – 2022

  • Tác giả: vie.go-travels.com
  • Đánh giá: 3 ⭐ ( 4565 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tìm hiểu cách tạo liên kết được nhắm mục tiêu trong iframe và khung HTML tới các trang trong HTML 4 với hướng dẫn này.

Nhắm mục tiêu một cửa sổ hoặc khung bằng JavaScript hoặc HTML

  • Tác giả: www.greelane.com
  • Đánh giá: 5 ⭐ ( 8470 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tìm hiểu cách sử dụng top.location.href trong JavaScript, cộng với mã hóa trong HTML, để nhắm mục tiêu các liên kết để chúng mở trong một cửa sổ hoặc khung mới.

HTML – Khung

  • Tác giả: isolution.pro
  • Đánh giá: 3 ⭐ ( 8160 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Khung HTML được sử dụng để chia cửa sổ trình duyệt của bạn thành nhiều phần trong đó mỗi phần có thể tải một tài liệu HTML riêng biệt. Tập hợp các khung trong cửa sổ trình duyệt được gọi là bộ khung. Cửa sổ được chia thành các khung theo cách tương tự như các bảng được tổ chức:…

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Cách sử dụng HTML để mở liên kết trong tab mới - liên kết mở cửa sổ mới html

By ads_php