Cách lấy giá trị href của thẻ neo trong php

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ạn

HTML 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 () and its main uses with many examples.

Nhưng tại sao lại nói về thẻ neo nếu nó đã nổi tiếng? . Vậy hãy cùng tìm hiểu chúng

Tôi đã tạo một ứng dụng để thể hiện các hành vi khác nhau của thẻ neo. Bạn có thể kiểm tra và sử dụng nó khi bạn đọc bài viết này

mỏ neo

Anchors là một ứng dụng demo để hiển thị việc sử dụng các thẻ neo HTML bằng giao diện và tài liệu đơn giản

Neo - Một ứng dụng để minh họa các thẻ neo (https. // neo. vercel. ứng dụng/)

Nếu bạn cũng muốn học từ nội dung video, bài viết này cũng có sẵn dưới dạng video hướng dẫn tại đây. 🙂

Thẻ Anchor trong HTML là gì?

Mục đích chính của thẻ

My Website

7 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ẻ neo

My Website

Thẻ neo ở trên là một thẻ HTML hợp lệ, nhưng nó không có tác dụng gì khác ngoài việc đóng vai trò giữ chỗ. Hãy sử dụng thẻ neo này để liên kết đến một trang web. Bạn cần sử dụng 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 để liên kết đến một trang khác

My 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ưới

Sử 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.
	

0

My Website

4

Vì 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 trang

Trình diễn liên kết trong trang. Bạn có thể dùng thử bằng ứng dụng Anchors

Cách liên kết với một ứng dụng email

Bạn có thể cần mở ứng dụng email mặc định bằng địa chỉ email khi người dùng nhấp vào liên kết. Bạn có thể làm điều này bằng cách sử dụng giao thứ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.
	

8 làm 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. Cú pháp của giá trị phải ở dạng

My Website

40

My Website

9

Bâ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

42

Tươ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ết

My Website

3

Cá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

4

Bâ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áy

My Website

8

Bạ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ống

Lư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ào

Trình diễn liên kết tải xuống. Vui lòng dùng thử bằng ứng dụng Anchors

Kiểm tra tweet này,

Thẻ liên kết HTML có thuộc tính "tải xuống" để biến liên kết thành liên kết tải xuống.

- Bạn có thể tùy chọn đặt tên tệp tải xuống.
- Click vào sẽ hiện popup download để lưu file vào máy.
- Nó chỉ hoạt động đối với các URL tệp có cùng nguồn gốc (từ cùng một trang) pic. Twitter. com/SVfakpbsp7

– Tapas Adhikary (@tapasadhikary) Ngày 13 tháng 12 năm 2021

Thích nó? . Hãy THEO DÕI 😀

Cách mở một trang trong cửa sổ/tab mới

Bạn có thể không muốn người dùng của mình bị phân tâm quá nhiều khỏi những gì họ đang làm khi nhấp vào liên kết. Bạn có thể muốn mở trang trong cửa sổ/tab trình duyệt mới khi người dùng nhấp vào liên kết trên trang hiện tại. Chúng ta có thể sử dụng thuộc tính

My Website

49 cho mục đích này

My Website

2

Thuộc tính đích có thể có các giá trị sau,

• My Website

  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à _blank

• My 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ùng

• My Website

  93. cái này sẽ mở trang được liên kết trong khung chính

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

95

Giả 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ạn

Mộ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

• My Website

  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ượng

  My 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ồn

• My 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ơn

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.
	

2

Cá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

39

My Website

0

Sau đó,

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ác

My Website

1Nội dung của khung con. tệp html

Bâ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 html

Như đ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ổ

Kiểm tra sự khác biệt giữa cả hai lần nhấp vào liên kết. Hãy dùng thử bằng ứng dụng Anchors

Cách ping trong nền

Bạn có thể muốn

My Website

43 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ẻ neo

Thuộ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ẩy

My Website

3Cách tạo kiểu cho thẻ neo

Thẻ 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à

• My Website

  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ết

• My 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 neo

Đô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

81

CSS 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

• My Website

  86. giống như áp dụng trực tiếp các kiểu cho thẻ

  My Website

  87

• My Website

  88. áp dụng các kiểu khi người dùng di chuột qua neo

• My 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ành

  My Website

  81

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

4

Bạ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ết

You 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ết

We have already learned that the primary purpose of the anchor () tag is to link one HTML page to another. Moreover, it is a

My Website

25 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êm

Kế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ện

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

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ôi

Hẹ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

---

QUẢNG CÁO TAPAS

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

Href trong thẻ neo là gì?

Giá trị thuộc tính của href là gì?

thuộc tính href là một trình xâu chuỗi trả về một chuỗi chứa toàn bộ URL và cho phép cập nhật href

Chúng ta có thể sử dụng a href trong PHP không?

Không cần gọi PHP cho việc này . Chỉ cần đặt nó trực tiếp vào HTML.

Tôi có thể sử dụng hai href trong thẻ neo không?

Bạn không thể có một liên kết đi đến hai nơi , nhưng bạn có thể đưa nó đến một tập lệnh php để chuyển hướng đến trang thứ hai khi hoàn thành bất cứ điều gì bạn cần. .