My Website
6[Ngôn ngữ đánh dấu siêu văn bản] là một trong những ngôn ngữ chúng tôi sử dụng để tạo các ứng dụng web. Nó thêm cấu trúc vào các trang web của bạnHTML có nhiều thẻ khác nhau mà chúng tôi sử dụng để tạo các phần tử. Và nhiều yếu tố kết hợp với nhau để tạo ra các trang web và ứng dụng có ý nghĩa
The
My Website
7 tag is one of the most used and well-known tags in HTML. In this article, we will learn about the anchor tag [My Website7 là liên kết một trang với một trang khác hoặc với một phần của cùng một trang. Thẻ neo còn được gọi là My Website
9. Giống như bất kỳ thẻ HTML nào khác, bạn sử dụng cấu trúc sau để tạo thẻ neoMy Website
Giá trị của thuộc tính
News
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed non risus. Suspendisse lectus tortor, dignissim sit amet,
adipiscing nec, ultricies sed, dolor. Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
0 thường là một URL trỏ đến một trang web [như ở trên]. Bạn cũng có thể liên kết một phần tử HTML khác hoặc một giao thức [ví dụ: gửi email] và bạn có thể thực thi JavaScript bằng thuộc tính href. Chúng ta sẽ xem các ví dụ về cách thực hiện tất cả những điều này bên dướiSử dụng thẻ neo với các ví dụCùng với
News
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed non risus. Suspendisse lectus tortor, dignissim sit amet,
adipiscing nec, ultricies sed, dolor. Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
0, còn có các thuộc tính quan trọng khác làm cho thẻ neo trở nên hữu ích. Hãy tìm hiểu về chúng với các ví dụCách liên kết đến một phần của trang
Chúng ta đã thấy cách liên kết đến một trang web bên ngoài [trang web]. Nhưng bạn cũng có thể liên kết đến một phần của cùng một trang bằng cách liên kết đến một phần tử sử dụng id của nó. Giả sử trang của bạn có phần ________ 53 với id ________ 54
News
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed non risus. Suspendisse lectus tortor, dignissim sit amet,
adipiscing nec, ultricies sed, dolor. Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Bây giờ bạn có thể liên kết đến phần này [div] bằng cách sử dụng thẻ neo. Để làm điều đó, chỉ cần sử dụng id của phần có
News
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed non risus. Suspendisse lectus tortor, dignissim sit amet,
adipiscing nec, ultricies sed, dolor. Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
5 làm tiền tố cho giá trị
News
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed non risus. Suspendisse lectus tortor, dignissim sit amet,
adipiscing nec, ultricies sed, dolor. Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
0My Website
4Vì vậy, khi bạn nhấp vào liên kết
News
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed non risus. Suspendisse lectus tortor, dignissim sit amet,
adipiscing nec, ultricies sed, dolor. Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
7, bạn sẽ cuộn đến phần tin tức của trangMy Website40My Website
9Bây giờ, nhấp vào liên kết
My Website
41 sẽ mở ứng dụng email mặc định trên hệ điều hành của bạn với địa chỉ email [me@example. com] được chỉ định trong trường My Website
42Tương tự, bạn có thể sử dụng cấu trúc
My Website
43 để mở ứng dụng điện thoại mặc định bằng số điện thoại khi ai đó nhấp vào liên kếtMy Website
3Cách liên kết với một tập lệnh và thực thi nó
Bạn có thể liên kết với mã JavaScript và thực thi nó khi ai đó nhấp vào liên kết. Bạn không nên làm điều này thường xuyên, vì cách tốt nhất là dựa vào các trình xử lý sự kiện để thực thi các hành động thay vì liên kết chúng. Nhưng chúng ta cũng hãy tìm hiểu phương pháp này
My Website
4Bây giờ nếu bạn nhấp vào liên kết
My Website
44, bạn sẽ thấy một cảnh báo của trình duyệt với dòng chữ, My Website
45 trong đóLàm thế nào để tải về một tập tin
Thẻ neo có thuộc tính
My Website
46 biến liên kết thông thường thành liên kết tải xuống. Bạn có thể tải xuống một tập tin bằng cách nhấp vào liên kết. Nó mở popup download lưu file trên máyMy Website
8Bạn có thể tùy chọn chỉ định tên tệp tùy chỉnh bằng cách gán tên cho thuộc tính
My Website
46. Không cần chỉ định phần mở rộng tệp trong khi chỉ định tên tùy chỉnh. Nó sẽ được thêm tự động tùy thuộc vào phần mở rộng tệp bạn đang cố tải xuốngLưu ý rằng chức năng này chỉ hoạt động nếu tệp là của
My Website
48. Tệp bạn đang tải xuống phải nằm trong cùng một trang nơi liên kết được thêm vàoMy Website49 cho mục đích nàyMy Website
2Thuộc tính đích có thể có các giá trị sau,
90. đây là tùy chọn được sử dụng nhiều nhất. Bạn có thể mở trang được liên kết trên một cửa sổ/tab mới bằng cách đặt giá trị thuộc tính đích là _blankMy Website
91. Đây là giá trị mặc định. Nó giúp mở trang được liên kết trong cùng một khung cửa sổMy Website
92. cái này sẽ mở trang được liên kết trong cửa sổ trên cùngMy Website
93. cái này sẽ mở trang được liên kết trong khung chínhMy Website
Chúng ta sẽ xem cách sử dụng hai giá trị cuối cùng khi thảo luận về liên kết với các khung trong một thời gian nữa.
Liên kết neo và tabnabbing
My Website
94 là một loại tấn công An ninh mạng trong đó kẻ tấn công lợi dụng việc người dùng rời khỏi trang hiện tại và thực hiện tấn công My Website
95Giả sử bạn đang duyệt một trang web và nhấp vào một liên kết để mở trang đó trong tab/cửa sổ mới [bạn có nhớ
My Website
96 không?]. Giờ đây, kẻ tấn công đã nắm được đối tượng My Website
97 của trình duyệt và thao tác [chuyển hướng] trang nguồn đến một trang web giống với một vài thay đổi để gài bẫy bạnMột vài thay đổi đó có thể là biểu mẫu
My Website
98 mà bạn vô tình cung cấp thông tin đăng nhập của mình và kẻ tấn công sẽ thắng. Cái này được gọi là My Website
94Để bảo vệ người dùng khỏi cuộc tấn công như
My Website
94, bạn cần chuyển một vài giá trị cho thuộc tính My Website
31 của thẻ neo
32. làm cho bối cảnh trình duyệt mở không xác định bằng cách đặt đối tượngMy Website
33 làMy Website
34. Điều này có nghĩa là kẻ tấn công không có cách nào để chuyển hướng trang nguồnMy Website
35. điều này đảm bảo rằng tiêu đềMy Website
36 sẽ không được đưa vào khi nhấp vào liên kết. Bạn phải đặt giá trị này cho các trình duyệt cũ hơnMy Website
Vì vậy, cách an toàn hơn để sử dụng giá trị
My Website
96 là với thuộc tính My Website
31, như thế này
News
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed non risus. Suspendisse lectus tortor, dignissim sit amet,
adipiscing nec, ultricies sed, dolor. Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
2Cách liên kết với khung và trang con
Bạn có thể bao gồm một tài liệu HTML khác trên trang hiện tại bằng cách sử dụng thẻ
My Website
39My Website
0Sau đó,
My Website
40 có thể có một khung nội tuyến khác để bao gồm một tài liệu HTML khácMy Website
1Nội dung của khung con. tệp htmlBây giờ làm thế nào để bạn liên kết với khung mẹ từ cháu. trang html?
My Website
2Nội dung của đứa cháu. tệp htmlNhư đoạn mã trên cho thấy, chúng tôi sử dụng mục tiêu là
My Website
93 để liên kết với khung chính. Giá trị mục tiêu My Website
92 liên kết với khung cửa sổMy Website43 có bao nhiêu nhấp chuột vào một liên kết cụ thể trên trang web của bạn. Để làm điều đó, bạn có thể sử dụng thuộc tính My Website
44 của thẻ neoThuộc tính
My Website
44 chấp nhận một hoặc nhiều My Website
46 làm giá trị. Khi ai đó nhấp vào liên kết, nó sẽ tạo ra một My Website
47 nhỏ trên các URL đó. Nếu có nhiều URL, chúng phải được phân tách bằng dấu phẩyMy Website
3Cách tạo kiểu cho thẻ neoThẻ neo có trạng thái. Trạng thái mặc định được gọi là
My Website
48. Ba trạng thái khác là
49. Một mỏ neo có trạng thái này khi người dùng di chuột qua nóMy Website
80. Một neo có trạng thái này khi người dùng nhấp vào liên kếtMy Website
81. Trạng thái đã truy cập có nghĩa là người dùng đã nhấp vào liên kết neoMy Website
Đôi khi bạn có thể nhầm lẫn với sự khác biệt giữa các trạng thái
My Website
80 và My Website
81. Trạng thái My Website
80 ngắn gọn. Nó chỉ kích hoạt khi người dùng nhấp vào một liên kết và sau đó trạng thái thay đổi thành trạng thái My Website
81CSS có các lớp giả để áp dụng các kiểu cho một trạng thái cụ thể. Các lớp giả được đặt trước dấu hai chấm [. ] và được thêm vào sau bộ chọn. Vì vậy, đối với thẻ neo [], chúng ta có thể tạo kiểu cho nó cho tất cả các trạng thái mà chúng ta đã thấy ở trên
86. giống như áp dụng trực tiếp các kiểu cho thẻMy Website
87My Website
88. áp dụng các kiểu khi người dùng di chuột qua neoMy Website
89. áp dụng các kiểu khi người dùng kích hoạt liên kết bằng cách nhấp vào liên kết đóMy Website
20. kiểu táo khi trạng thái thay đổi thànhMy Website
81My Website
Dưới đây là một ví dụ về việc áp dụng các màu khác nhau cho mọi trạng thái của thẻ neo
My Website
4Bạn có thể áp dụng bất kỳ phong cách nào bạn chọn dựa trên những thay đổi trạng thái này
Đừng nhầm lẫn Thẻ neo với Thẻ liên kếtYou may sometimes confuse the
My Website
7 tag with the My Website
48 [] tag. We use the My Website
48 tag to link to external resources like stylesheets, favicon, fonts, and so on.My Website
5Một vài ví dụ về việc sử dụng thẻ liên kếtWe have already learned that the primary purpose of the anchor [My Website25 that you can click on to get to the target document.
Trước Khi Chúng Ta ĐiĐó là tất cả cho bây giờ. Tôi hy vọng bạn tìm thấy bài viết sâu sắc và nhiều thông tin. DM của tôi đang mở trên
My Website
26 nếu bạn muốn thảo luận thêmKết nối nào. Tôi cũng chia sẻ kiến thức của mình về JavaScript, Phát triển Web và Viết blog trên các nền tảng này
- Theo dõi tôi trên Twitter
- Đăng ký kênh YouTube của tôi
- Các dự án phụ trên GitHub
Trước khi kết thúc, đây là liên kết dự án GitHub của ứng dụng
My Website
27 mà chúng tôi đã sử dụng trong bài viết này. Xin vui lòng sử dụng/rẽ nhánh/cải thiệnGitHub - atapas/neo. Một ứng dụng để chứng minh các thẻ neo HTML và các thuộc tính của chúng
Một ứng dụng để chứng minh các thẻ neo HTML và các thuộc tính của chúng. - GitHub - atapas/neo. Một ứng dụng để chứng minh các thẻ neo HTML và các thuộc tính của chúng
atapasGitHub
Kho lưu trữ GitHub của ứng dụng Anchors. Hãy cho nó một ⭐. Nó thúc đẩy tôiHẹn gặp lại bạn với bài viết tiếp theo của tôi. Cho đến lúc đó, hãy chăm sóc bản thân và luôn vui vẻ nhé.
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
nhà văn. YouTuber. Người sáng tạo. Người cố vấn
Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn
Học cách viết mã miễn phí. Chương trình giảng dạy mã 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