HTML Anchors: Đây là Cách Tạo Liên kết Để Điều hướng Nhanh » – cách tạo liên kết nội bộ trong html

Tìm hiểu cách tạo siêu liên kết HTML. Hướng dẫn này bao gồm phần tử neo và tất cả các thuộc tính của nó.

Bạn đang xem : cách tạo liên kết nội bộ trong html

Tiết lộ: Sự hỗ trợ của bạn giúp duy trì hoạt động của trang web! Chúng tôi kiếm được một khoản phí giới thiệu cho một số dịch vụ mà chúng tôi đề xuất trên trang này.

Sự hỗ trợ của bạn giúp duy trì hoạt động của trang web! Chúng tôi kiếm được một khoản phí giới thiệu cho một số dịch vụ mà chúng tôi đề xuất trên trang này. Tìm hiểu thêm

Phần tử liên kết được sử dụng để tạo siêu liên kết giữa liên kết nguồn và liên kết đích. Nguồn là văn bản, hình ảnh hoặc nút liên kết đến một tài nguyên khác và đích là tài nguyên mà nguồn liên kết đến.

Siêu liên kết là một trong những công nghệ cơ bản giúp web trở thành siêu xa lộ thông tin, và hiểu cách sử dụng phần tử neo là một trong những điều đầu tiên bạn cần nắm vững khi học HTML.

Phần tử neo

Thẻ phần tử liên kết là chữ cái “a” được bao quanh bởi dấu ngoặc nhọn như sau: & lt; a & gt; . Cả hai thuộc tính mở và đóng đều được yêu cầu và tất cả nội dung giữa các thẻ tạo nên nguồn liên kết.

  
Nếu chúng ta chỉ muốn sử dụng một từ như một mỏ neo, chúng tôi chỉ gói một & lt; a & gt; từ & lt; / a & gt; trong các thẻ neo. Chúng tôi cũng có thể gói toàn bộ một đoạn trong anchor nếu chúng tôi muốn toàn bộ đoạn văn liên kết một vài nơi. & lt;! - Chúng tôi cũng có thể sử dụng hình ảnh làm phần tử neo - & gt; & lt; a & gt; & lt; img src = "http://example.com/image-file.png" / & gt; & lt; / a & gt;

Mặc dù các ví dụ ở trên sẽ tạo ra các phần tử neo nhưng chúng không được sử dụng nhiều vì chúng tôi không bao gồm bất kỳ hướng dẫn bổ sung nào. Ngay bây giờ các phần tử neo này không liên kết với nhau. Để liên kết một liên kết nguồn với một liên kết đích, chúng tôi cần áp dụng một số thuộc tính bổ sung cho phần tử liên kết.

Trong hướng dẫn ngắn này, chúng tôi sẽ đề cập đến các thuộc tính bạn có thể sử dụng để thêm một liên kết đích vào các siêu liên kết của mình , cho trình duyệt biết phải làm gì với liên kết và thêm ý nghĩa ngữ nghĩa vào các phần tử liên kết để trình duyệt và trình thu thập thông tin web sử dụng.

Nhiều nhất Các thuộc tính neo quan trọng

Có ba thuộc tính neo bạn cần biết để tạo các siêu liên kết chức năng. Các thuộc tính này là href , target tải xuống .

Tham chiếu siêu văn bản hoặc href , thuộc tính được sử dụng để chỉ định mục tiêu hoặc đích cho phần tử neo. Nó thường được sử dụng nhất để xác định URL mà phần tử neo phải liên kết đến.

  
Trong ví dụ này, & lt; a href = "http: / /example.com"> văn bản u sầu & lt; / a & gt; liên kết đến URL & lt; em & gt; www.example.com & lt; / em & gt ;.

href có thể làm được nhiều việc hơn là chỉ liên kết đến một trang web khác.

  • Nó có thể được sử dụng để liên kết trực tiếp đến bất kỳ phần tử nào trên trang web đã được gán một id .
  • Nó có thể được sử dụng để liên kết với một tài nguyên bằng một giao thức không phải là http.
  • Nó có thể được sử dụng để chạy một tập lệnh.

HTML sau bao gồm các ví dụ về cả ba hành động sau:

  
& lt; a href = "# Specify_a_Hyperlink_Target_href" & gt; Phần tử liên kết đầu tiên này & lt; / a & gt; liên kết trở lại tiêu đề của phần này của hướng dẫn bằng cách liên kết đến & lt; mã & gt; id & lt; / code & gt; chúng tôi được gán cho phần tử tiêu đề phần. Chúng tôi có thể sử dụng & lt; mã & gt; mailto & lt; / code & gt; giao thức để tạo một liên kết sẽ thử khởi chạy chương trình email mặc định trên máy tính của bạn. Hãy cho nó một sự cố gắng! Chúng tôi rất mong bạn & lt; a href = "mailto: [email protected] " & gt; liên lạc & lt; / a & gt; với chúng tôi! Cuối cùng, nếu bạn nhấp vào liên kết bên dưới một cảnh báo JavaScript miễn phí cửa sổ sẽ xuất hiện. & lt; a & gt; Nhấp vào liên kết để xem điều gì sẽ xảy ra & lt; / a & gt ;.

Trong hộp bên dưới, bạn sẽ thấy HTML đó khi nó hiển thị trong trình duyệt. Hãy thử từng liên kết để xem điều gì sẽ xảy ra.

Phần tử neo đầu tiên này liên kết trở lại tiêu đề của phần này của hướng dẫn bằng cách liên kết đến một id chúng tôi được gán cho phần tử tiêu đề đó.

Chúng tôi có thể sử dụng giao thức mailto để tạo một liên kết sẽ cố gắng khởi chạy chương trình email mặc định trên máy tính của bạn. Thử một lần đi! Chúng tôi mong bạn liên hệ với chúng tôi!

Cuối cùng, nếu bạn nhấp vào liên kết bên dưới, một cửa sổ cảnh báo JavaScript miễn phí sẽ xuất hiện. Nhấp vào liên kết để xem điều gì sẽ xảy ra .

Phần tử href khá dễ sử dụng, nhưng chúng tôi có thể khai thác được nhiều lợi ích hơn từ các phần tử neo của mình bằng cách tìm hiểu thuộc tính target .

Hãy xem lại liên kết mailto mà chúng tôi đã tạo trong ví dụ trước. Đây lại là mã đó:

  
Chúng tôi muốn bạn & lt; a href = "mailto: [email được bảo vệ ] "& gt; liên lạc & lt; / a & gt; với chúng tôi!

Mặc dù liên kết đó hữu ích nhưng cách nó mở ra không phải là lý tưởng. Tùy thuộc vào cách máy tính và trình duyệt của bạn được định cấu hình, có thể nhấp vào liên kết được tạo bởi văn bản đó sẽ chuyển hướng cửa sổ trình duyệt của bạn khỏi trang web này đến một ứng dụng email dựa trên web như Gmail hoặc Yahoo! Thư. Mặc dù chúng tôi chắc chắn muốn khuyến khích khách truy cập liên hệ với chúng tôi, nhưng chúng tôi không muốn làm như vậy với chi phí là khiến khách truy cập rời khỏi trang web của chúng tôi.

Câu trả lời cho câu hỏi hóc búa này là thuộc tính target được ghép nối với giá trị _blank .

  
Chúng tôi rất mong bạn & lt; a href = "mailto: [email được bảo vệ] " target = "_ blank" rel = "noopener" & gt; liên hệ & lt; / a & gt; với chúng tôi!

Khi chúng tôi thêm thuộc tính target và thuộc tính _blank vào liên kết của mình, chúng tôi sẽ yêu cầu trình duyệt của khách truy cập mở liên kết trong một liên kết mới ( trống) tab hoặc cửa sổ trình duyệt. Nếu chúng tôi hiển thị mã đó trong trình duyệt, khi khách truy cập nhấp vào liên kết, mã đó sẽ mở ra trong một tab mới.

Xem Thêm  Cách xóa một phần tử khỏi DOM trong JavaScript - javascript xóa khỏi dom

Chúng tôi muốn bạn liên hệ với chúng tôi!

Chỉ định Tài nguyên để Tải xuống: tải xuống

Các liên kết cũng được sử dụng để yêu cầu trình duyệt bắt đầu tải xuống tệp. Thuộc tính download được sử dụng để xác định liên kết sẽ bắt đầu tải xuống và giá trị được gán cho thuộc tính download là tên của tệp được tải xuống.

Thuộc tính href cũng có tác dụng khi thiết lập phần tử neo bắt đầu tải xuống. Trong khi thuộc tính download đặt tên cho tệp, thuộc tính href trỏ đến vị trí nơi tệp được lưu trữ.

Đây là ví dụ về cách tải xuống- khởi tạo phần tử neo sẽ trông như sau:

  
Để tạo liên kết yêu cầu trình duyệt & lt; a href = "http://example.com/file. ext "download =" Example_File "& gt; tải xuống tệp & lt; / a & gt ;, sử dụng & lt; mã & gt; href & lt; / code & gt; thuộc tính để xác định tệp được đã tải xuống và & lt; mã & gt; tải xuống & lt; / code & gt; gán cho cung cấp tên cho tệp đã tải xuống.

Nếu href trong ví dụ trên trỏ đến một tệp thực, khi quá trình tải xuống hoàn tất, tệp tải xuống sẽ được gọi là Example_File.ext trong đó .ext sẽ là định dạng của tệp đã được tải xuống. Không cần thiết phải bao gồm phần mở rộng loại tệp trong giá trị được chỉ định cho thuộc tính download . Phần mở rộng tệp sẽ tự động được xác định khi trình duyệt tải tệp xuống và tự động thêm vào tên tệp đã tải xuống.

Có hai loại tài nguyên mà chúng tôi có thể liên kết đến bằng cách sử dụng < code> a phần tử: bên trong và bên ngoài. Liên kết nội bộ là những liên kết trỏ đến các trang khác của trang web của chúng tôi. Các liên kết bên ngoài trỏ đến các trang web không phải là một phần của trang web của chúng tôi.

Việc xây dựng các liên kết nội bộ rất quan trọng vì một số lý do khác nhau:

  • Các liên kết nội bộ được sử dụng để tạo < span> menu điều hướng giúp khách truy cập trang web điều hướng trang web của chúng tôi.
  • Liên kết nội bộ được sử dụng trong văn bản của nội dung trang web để giúp khách truy cập trang web xác định nội dung liên quan.
  • Liên kết nội bộ cũng được trình thu thập dữ liệu web của công cụ tìm kiếm sử dụng để định vị các trang của trang web và chia sẻ quyền hạn (còn được gọi là liên kết nước ép ) với các trang khác của trang web.

Khi viết liên kết nội bộ, hãy đảm bảo rằng bạn không lạm dụng nó. Đường dẫn liên kết của bất kỳ trang web nhất định nào được chia sẻ giữa các liên kết trên trang. Vì vậy, bạn càng đặt nhiều liên kết trên một trang, thì nước trái cây được chuyển đến mỗi liên kết càng trở nên loãng hơn. Một nguyên tắc chung là không có nhiều hơn 100 liên kết trên mỗi trang mặc dù có những ngoại lệ trong trường hợp các trang web cực kỳ lớn và phức tạp.

Các liên kết bên ngoài cũng rất quan trọng vì một số lý do khác nhau:

  • Các liên kết bên ngoài có thể được đề xuất, bắt buộc hoặc chỉ là phương pháp hay nhất để cung cấp sự ghi nhận phù hợp cho nguồn của một ý tưởng hoặc một tài nguyên.
  • Các liên kết bên ngoài cho phép chúng tôi giới thiệu khách truy cập trang web nội dung hữu ích có liên quan.
  • Khi các trang web khác đăng các liên kết bên ngoài trỏ đến trang web của chúng tôi, các liên kết này được gọi là liên kết ngược cho phép liên kết chảy đến trang web của chúng tôi và cải thiện vị trí trang web của chúng tôi trên các trang kết quả của công cụ tìm kiếm (SERP).

Khi viết các liên kết bên ngoài, hãy cố gắng tránh liên kết với các đối thủ cạnh tranh trực tiếp. Bạn không muốn giúp họ xếp hạng SERP cho các cụm từ tìm kiếm mà bạn đang nhắm mục tiêu cho trang web của riêng mình. Bạn cũng nên sử dụng thuộc tính target = "_ blank" khi viết các liên kết bên ngoài. Bằng cách mở các liên kết bên ngoài trong tab mới, bạn sẽ giữ chân khách truy cập vào trang web của mình lâu hơn.

Không bao giờ nói “Nhấp vào đây”

Chắc chắn bạn đã thấy và thậm chí có thể đã tạo các liên kết trông giống như sau:

  Để tìm hiểu thêm & lt; a href = "http://example.com" & gt; hãy nhấp vào tại đây & lt; / a & gt ;!
 

Có ít nhất ba lý do chính đáng khiến việc sử dụng văn bản phần tử neo chung chung, chẳng hạn như “Nhấp vào đây” là một thực tiễn tồi tệ.

  • Khách truy cập trang web phụ thuộc vào các công nghệ hỗ trợ như trình đọc màn hình sẽ gặp khó khăn trong việc giải mã ý nghĩa của các liên kết sử dụng văn bản liên kết chung chung, chẳng hạn như “Nhấp vào đây”.
  • Khách truy cập trang web đang quét một trang sẽ phải thực hiện thêm một số vài giây để điều tra văn bản xung quanh liên kết để có ý tưởng về những gì liên kết liên kết đến.
  • Trình thu thập dữ liệu web của công cụ tìm kiếm liên kết văn bản phần tử liên kết với URL liên kết. Văn bản phần tử neo được chọn đúng cách sẽ giúp các công cụ tìm kiếm xác định mức độ liên quan của trang web với các từ khóa cụ thể. Văn bản chung chung không cho các công cụ tìm kiếm biết gì về trang web được liên kết.

Văn bản phần tử liên kết lý tưởng là ngắn gọn và xác định một từ khóa hoặc các từ khóa có liên quan đến trang web. Dưới đây là một câu bao gồm hai ví dụ về văn bản liên kết được chọn đúng cách:

  Nếu bạn muốn trang web của mình nhận được nhiều lưu lượng truy cập hơn từ
& lt; a href = "http://www.google.com/" target = "_ blank" rel = "noopener" & gt; công cụ tìm kiếm & lt; / a & gt ;,
xem & lt; a href = "/ seo /" & gt; hướng dẫn SEO & lt; / a & gt; để biết các mẹo cải thiện
xếp hạng SERP của trang web của bạn.
 

Liên kết đầu tiên cho trình thu thập thông tin web và khách truy cập trang web biết rằng trang web http://www.google.com có liên quan gì đó đến từ khóa “công cụ tìm kiếm” . Điều thứ hai cho khách truy cập và công cụ tìm kiếm biết rằng trang được tìm thấy tại URL tương đối / seo / có liên quan đến từ khóa “Hướng dẫn SEO”.

URL tuyệt đối so với URL tương đối

Có hai liên kết trong ví dụ cuối cùng của chúng tôi: http://www.google.com / seo / . Đầu tiên là một ví dụ về URL tuyệt đối. URL tuyệt đối là những URL bao gồm mô tả hoàn chỉnh (tuyệt đối) về đích liên kết. URL tuyệt đối bao gồm giao thức (http) và tên miền hoàn chỉnh và đường dẫn tệp cần thiết để đến được điểm neo đích.

Thứ hai là ví dụ về URL tương đối. Các URL tương đối liên kết đến một trang web bằng cách mô tả vị trí của trang đó so với vị trí của trang hiện tại. Khi viết liên kết nội bộ trỏ đến các trang khác của cùng một trang web, chúng tôi có tùy chọn viết URL tương đối thay vì URL tuyệt đối.

Ví dụ: nếu chúng tôi đang ở địa chỉ này: http: // example.com/products/red-product/ và chúng tôi muốn liên kết đến trang sản phẩm màu xanh lam, chúng tôi có thể sử dụng một trong các phần tử neo sau:

  & lt; a href = "/ products / blue-product /" & gt; Hãy xem sản phẩm màu xanh lam! & lt; / a & gt;
& lt; a href = "../ blue-product /" & gt; Hãy xem sản phẩm màu xanh lam! & lt; / a & gt;
 

Cú pháp đầu tiên có nghĩa là: “tìm các sản phẩm tệp ở cấp thấp nhất của thư mục tệp và tìm các sản phẩm màu xanh lam trong tệp đó”. Cú pháp thứ hai cho biết: “tìm trong thư mục mẹ của thư mục red-product để tìm thư mục có tên blue-product . Cả hai phần tử liên kết này đều trỏ đến URL: http://example.com/products/blue-product/ .

Giả sử rằng chúng tôi muốn liên kết đến Giới thiệu - một trang tồn tại dưới dạng con cháu trực tiếp của trang chủ. Đây là cách chúng tôi có thể làm điều đó:

  & lt; a href = "/ about-us /" & gt; Tìm hiểu thêm về chúng tôi. & Lt; / a & gt;
 

Cú pháp đó cho biết “quay lại cấp thấp nhất của cây thư mục tệp và sau đó tìm một thư mục có tiêu đề về chúng tôi“.

Ví dụ cuối cùng, giả sử chúng tôi đang ở địa chỉ này một lần nữa: http://example.com/products/red-product/ và chúng tôi muốn liên kết đến trang danh mục con tồn tại trong / danh mục red-products / .

  & lt; a href = "large.php" & gt; Xem tất cả Sản phẩm màu đỏ có sẵn trong Large! & lt; / a & gt;
 

Những gì URL tương đối đó sẽ làm là yêu cầu trình duyệt tìm trong thư mục hiện tại để tìm tệp có tên large.php và sẽ phân giải thành URL này: http://example.com/products/red-product/large.php .

Tóm lại, khi chúng tôi viết URL tương đối, chúng tôi có ba tùy chọn:

  • Khi chúng tôi bắt đầu một URL tương đối bằng “/”, chúng tôi sẽ yêu cầu trình duyệt tìm kiếm tệp hoặc thư mục được chỉ định ở cấp thấp nhất của thư mục tệp.
  • Nếu chúng tôi bắt đầu một URL tương đối bằng “. ./ ”chúng tôi yêu cầu trình duyệt sao lưu trong cây thư mục một cấp.
  • Nếu chúng tôi bắt đầu một URL tương đối với tên tệp hoặc thư mục, chúng tôi sẽ yêu cầu trình duyệt tìm kiếm các tài nguyên được chỉ định trong tệp hiện tại.

Tại sao URL tương đối lại được sử dụng?

URL tương đối rất phổ biến với các nhà phát triển web. Thông thường các trang web được phát triển trên máy chủ dàn có tên miền không giống với tên miền vĩnh viễn cuối cùng. Nếu các URL tương đối được sử dụng, khi trang web được chuyển từ máy chủ dàn dựng sang hoạt động trên web, tất cả các URL tương đối sẽ tiếp tục hoạt động tốt. Tuy nhiên, nếu các URL tuyệt đối được sử dụng, nhóm phát triển sẽ phải thông qua trang web để sửa tất cả các URL.

Mặc dù lợi ích của việc sử dụng URL tương đối trong quá trình phát triển trang web trên máy chủ dàn là không đáng kể, nó phải trả giá .

Mặc dù bạn nên biết URL tương đối hoạt động như thế nào, nhưng nhiều nhà phát triển có kinh nghiệm và chuyên gia SEO khuyên bạn nên tuân thủ các URL tuyệt đối càng nhiều càng tốt.

< h2>

Các thuộc tính neo hữu ích khác

Chỉ với ba thuộc tính mà chúng tôi đã đề cập cho đến nay, bạn có thể hoàn thành mọi tác vụ siêu liên kết mà bạn sẽ gặp trên web. Tuy nhiên, có những thuộc tính bổ sung có thể được sử dụng để cho trình duyệt web của khách truy cập và các công cụ tìm kiếm lập chỉ mục trang web của chúng tôi điều gì đó về ý nghĩa của các siêu liên kết.

Chỉ định Ngôn ngữ của Đích đến của Anchor: hreflang

Đây là thẻ tùy chọn có thể được sử dụng để cho trình duyệt web biết ngôn ngữ của tài liệu mà liên kết liên kết đến. Ví dụ: nếu chúng tôi đang liên kết đến một URL và muốn cho trình duyệt biết rằng ký tự liên kết đích bằng tiếng Tây Ban Nha, chúng tôi sẽ sử dụng mã ngôn ngữ thích hợp ở định dạng ISO 639-1 làm giá trị của thuộc tính hreflang .

  
Để cho trình duyệt biết rằng & lt; a href = "http://example.com" hreflang = " es "& gt; một liên kết & lt; / a & gt; trỏ đến một tài nguyên nằm trong ngôn ngữ khác nhau, chúng tôi có thể sử dụng & lt; mã & gt; hreflang & lt; / code & gt; thuộc tính.

Chỉ định mối quan hệ giữa nguồn và đích: rel

Mối quan hệ, hoặc rel , thuộc tính được sử dụng để mô tả mối quan hệ giữa neo nguồn và neo đích. Ví dụ: chúng ta có thể sử dụng đoạn mã sau để xác định đích là tài nguyên về tác giả của tài liệu.

  
Tác phẩm này được viết bởi & lt; a href = "https://plus.google.com/+AuthorName" rel = "author" & gt; Great Author & lt; / a & gt ;.

Có một số giá trị khác nhau có thể được sử dụng để mô tả mối quan hệ giữa liên kết nguồn và liên kết đích. Dưới đây là một số thuộc tính phổ biến nhất:

  • rel = "nofollow" : Sử dụng thuộc tính này nếu bạn đang liên kết đến một tài nguyên mà bạn không muốn cho mượn danh tiếng của trang web của bạn đối với. Ví dụ: nếu bạn liên kết đến một trang web spam để làm ví dụ về những việc không nên làm, bạn sẽ muốn sử dụng giá trị này để tránh đóng góp vào khả năng hiển thị của công cụ tìm kiếm của trang web.
  • rel = " thay thế ": Nếu trang web của bạn có nhiều phiên bản - chẳng hạn như bản dịch sang ngôn ngữ khác - hãy sử dụng giá trị này để xác định tài nguyên được liên kết là phiên bản thay thế của trang hiện tại.
  • < code> rel = "bookmark" : Giá trị này được sử dụng để xác định công thức URL vĩnh viễn và có thể được sử dụng để đánh dấu trang.
  • rel = "help" : Xác định tài nguyên được liên kết dưới dạng tệp trợ giúp cho trang hiện tại với giá trị này.
  • rel = "license" : Sử dụng thuộc tính này khi liên kết với bản quyền được công nhận < / span> giấy phép.
  • rel = "next" : Nếu tài liệu hiện tại tồn tại trong một loạt tài liệu, hãy sử dụng giá trị này khi liên kết đến tài liệu tiếp theo trong loạt tài liệu. < / li>
  • rel = "prev" : Nếu tài liệu hiện tại tồn tại trong một loạt các tài liệu nts, ​​hãy sử dụng giá trị này khi liên kết đến tài liệu trước đó trong chuỗi.
  • rel = "noreferrer" : Nếu bạn muốn liên kết đến một trang web bên ngoài nhưng tránh để trang web đích biết ai là liên kết giới thiệu, hãy sử dụng giá trị này.

Chỉ định Loại phương tiện Internet: loại

Thuộc tính type là một thuộc tính tùy chọn có thể được sử dụng để xác định loại phương tiện Internet, hoặc loại MIME, của tài liệu đích. Ví dụ: nếu liên kết đến một trang web được hiển thị bằng HTML, bạn có thể thêm thuộc tính type = "text / html" để cho trình duyệt của khách truy cập biết rằng liên kết trỏ đến một tài liệu HTML.

Hiện tại, thuộc tính này không có tác dụng gì, nhưng suy nghĩ là trong tương lai, thông tin chứa trong này thuộc tính có thể được sử dụng để thông báo bằng cách nào đó cho khách truy cập trang web loại nội dung mà họ sắp được liên kết trước khi nhấp vào liên kết.

Giá trị type phải là giá trị < span> Loại phương tiện IANA . Một số giá trị thường được sử dụng nhất là: text / html , text / css , application / javascript multiart / form- data .

World Wide Web được mô tả tốt nhất là một thư viện khổng lồ gồm các tài liệu siêu liên kết, nơi các phần tử neo được sử dụng để tạo cầu nối giữa các tài liệu liên quan. Theo định nghĩa này, các phần tử neo chiếm vị trí thích hợp của chúng như là chất keo gắn kết web với nhau và là cầu nối cho phép người dùng web di chuyển từ tài liệu này sang tài liệu có liên quan.

Một cách phổ biến để sử dụng các liên kết là xây dựng một menu điều hướng đưa ra cấu trúc phân cấp hợp lý của một trang web. Nếu bạn muốn tìm hiểu cách tạo menu điều hướng hiệu quả, hãy đọc hướng dẫn của chúng tôi về chủ đề đó .

Tên phần tửAttributesNotes liên kết rel
href
title
media
loại
& lt; liên kết & gt; phần tử được sử dụng để xác định mối quan hệ giữa tài liệu HTML và tài nguyên bên ngoài. Phần tử này thường được sử dụng nhất để xác định mối quan hệ giữa tài liệu và một hoặc nhiều bảng định kiểu CSS bên ngoài. anchor hreflang
tải xuống
href
tên
target
title
& Lt; a & gt; phần tử hoặc phần tử neo, nó được sử dụng để tạo siêu liên kết đến một trang web khác hoặc một vị trí khác trong cùng một trang web. Siêu liên kết được tạo bởi một phần tử liên kết được áp dụng cho văn bản, hình ảnh hoặc nội dung HTML khác được lồng giữa phần mở và phần đóng & lt; a & gt; các thẻ. base href
target
& lt; cơ sở & gt; phần tử được sử dụng để xác định một URL cơ sở mà dựa vào đó để tạo tất cả các URL tương đối xuất hiện trên một trang web. Ngoài ra, nếu & lt; cơ sở & gt; phần tử có thuộc tính target, thuộc tính target sẽ được sử dụng làm thuộc tính mặc định cho tất cả các siêu liên kết xuất hiện trong tài liệu.

Hướng dẫn và Tài nguyên

Trang web Thực đơn: 3 Quy tắc Vàng để Điều hướng Tốt


Xem thêm những thông tin liên quan đến chủ đề cách tạo liên kết nội bộ trong html

Liên kết trang web (link) trong HTML

  • Tác giả: Nguyễn Thị Thùy Liên
  • Ngày đăng: 2020-09-22
  • Đánh giá: 4 ⭐ ( 9625 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cảm ơn bạn đã theo dõi video. Hãy đăng ký kênh, like và chia sẻ video để ủng hộ mình làm tiếp nhưng video hữu ích nhé

    Giới thiệu về liên kết trang web và cách sử dụng liên kết trong trang web, thẻ a, liên kết trong và liên kết ngoài.

    Link bài giảng và file mẫu html ở đây nhé:
    https://sites.google.com/view/nguyenthithuylien/gi%E1%BA%A3ng-d%E1%BA%A1y/n%E1%BB%81n-t%E1%BA%A3ng-ph%C3%A1t-tri%E1%BB%83n-web

    Nếu bạn thấy nội dung video giá trị và hữu ích, hãy ủng hộ mình một ly cà phê nhé.
    Rất mong nhận được sự động viên từ các bạn. Một chút khích lệ từ người xem sẽ là động lực to lớn để mình tiếp tục phát triển kênh.
    BIDV: 21510002210466
    Vietcombank: 0451000308735
    hoặc qua ví điện tử momo, zalopay, shoppeepay: https://bit.ly/ViDienTu

    html css nguyenthithuylien

Cách Liên Kết Các Trang Html Với Nhau, Liên Kết Trong Html

  • Tác giả: vserpuhove.com
  • Đánh giá: 5 ⭐ ( 7480 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bạn có thể tìm thấy các đường dẫn (link) ở khắp các trang web, Link cho phép click vào để chuyển sang một trang khác

Hướng dẫn cách tạo liên kết nội trong html 2020

  • Tác giả: phanmemmienphi.vn
  • Đánh giá: 4 ⭐ ( 4904 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: cách tạo liên kết nội trong html là một trong những từ khóa được search nhiều nhất về chủ đề cách tạo liên kết nội trong html. Trong bài viết này, lamweb.vn sẽ viết bài viết  Hướng dẫn cách tạo liên kết nội trong html 2020

Hướng dẫn chi tiết cách dùng thẻ a trong HTML tạo siêu liên kết

  • Tác giả: gitiho.com
  • Đánh giá: 4 ⭐ ( 8516 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn chi tiết, chính xác nhất về cách dùng thẻ a trong HTML để tạo siêu liên kết (Hyperlink). Hãy cùng tìm hiểu ngay để biết thêm một kỹ năng viết code HTML nhé.

Thẻ a trong HTML và các thuộc tính của thẻ a thường dùng

  • Tác giả: freetuts.net
  • Đánh giá: 5 ⭐ ( 1669 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách Dùng thẻ a trong HTML để tạo liên kết, danh sách các thuộc tính của thẻ a như href – download – title – rel – target, xem cách dùng thẻ a

Thẻ tạo liên kết HTML

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

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

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