Hướng dẫn why href is used in html? - tại sao href được sử dụng trong html?

Về các siêu liên kết:

Việc sử dụng các thẻ neo chính - - là siêu liên kết. Điều đó về cơ bản có nghĩa là họ đưa bạn đi đâu đó. Siêu liên kết yêu cầu thuộc tính href, vì nó chỉ định một vị trí.hyperlinks. That basically means that they take you somewhere. Hyperlinks require the href property, because it specifies a location.

Hash:

Hash - `#` trong siêu liên kết chỉ định ID phần tử HTML mà cửa sổ phải được cuộn.

href="#some-id" sẽ cuộn đến một phần tử trên trang hiện tại, chẳng hạn như

 
Here’s another example: Go to Google search.

0.

 
Here’s another example: Go to Google search.

1 sẽ đi đến

 
Here’s another example: Go to Google search.

2 và cuộn đến ID trên trang đó.

Cuộn lên trên:

 
Here’s another example: Go to Google search.

3 không chỉ định tên ID, nhưng có một vị trí tương ứng - đầu trang. Nhấp vào một mỏ neo với

 
Here’s another example: Go to Google search.

3 sẽ di chuyển vị trí cuộn lên trên cùng.

Xem bản demo này.

Đây là hành vi mong đợi theo tài liệu W3.w3 documentation.

Người giữ chỗ siêu liên kết:

Một ví dụ trong đó một trình giữ chỗ siêu liên kết có ý nghĩa nằm trong các bản xem trước mẫu. Trên các bản demo trang cho các mẫu, tôi thường thấy

 
Here’s another example: Go to Google search.

5 để thẻ neo là một siêu liên kết, nhưng không đi đâu cả. Tại sao không để lại tài sản href? Một thuộc tính href trống thực sự là một siêu liên kết vào trang hiện tại. Nói cách khác, nó sẽ gây ra một trang làm mới. Như tôi đã thảo luận,

 
Here’s another example: Go to Google search.

3 cũng là một siêu liên kết và gây ra cuộn. Do đó, giải pháp tốt nhất cho các trình giữ chỗ siêu liên kết thực sự là

 
Here’s another example: Go to Google search.

9 Ý tưởng ở đây là hy vọng không có yếu tố nào trên trang với

 
A relative URL references a file on the same website. For example, here’s a link to our Ultimate Guide to HTML.

0 (ai làm điều đó !?) Và siêu liên kết do đó không liên quan đến không có gì - vì vậy không có gì xảy ra.

Về thẻ neo:

Một câu hỏi khác mà bạn có thể tự hỏi là, "Tại sao không rời khỏi tài sản của HREF?". Một phản hồi phổ biến mà tôi đã nghe là cần thiết thuộc tính href, vì vậy nó "nên" có mặt trên các mỏ neo. Điều này là sai! Thuộc tính href chỉ được yêu cầu cho một mỏ neo thực sự là một siêu liên kết! Đọc điều này từ W3. Vì vậy, tại sao không bỏ nó đi cho người giữ chỗ? Trình duyệt hiển thị các kiểu mặc định cho các phần tử và sẽ thay đổi kiểu mặc định của thẻ neo không có thuộc tính HREF. Thay vào đó, nó sẽ được coi là văn bản thông thường. Nó thậm chí còn thay đổi hành vi của trình duyệt liên quan đến phần tử. Thanh trạng thái (dưới cùng của màn hình) sẽ không được hiển thị khi lơ lửng trên mỏ neo mà không có thuộc tính HREF. Tốt nhất là sử dụng giá trị HREF giữ chỗ trên mỏ neo để đảm bảo nó được coi là một siêu liên kết.this from w3. So, why not just leave it off for placeholders? Browsers render default styles for elements and will change the default style of an anchor tag that doesn't have the href property. Instead, it will be considered like regular text. It even changes the browser's behavior regarding the element. The status bar (bottom of the screen) will not be displayed when hovering on an anchor without the href property. It is best to use a placeholder href value on an anchor to ensure it is treated as a hyperlink.

Xem bản demo này thể hiện sự khác biệt về phong cách và hành vi. demonstrating style and behavior differences.

Web sẽ là gì mà không có liên kết? Vâng, không có nhiều trang web. Mozilla định nghĩa World Wide Web là:

Một hệ thống kết nối các trang web công cộng có thể truy cập thông qua internet.

Và những trang đó được kết nối như thế nào? Siêu liên kết hoặc liên kết từ tài liệu này sang tài liệu khác, thường xuất hiện dưới dạng siêu văn bản. Trên thực tế, các nhóm H HT trong HTTP/HTTPS đứng trên siêu văn bản. Nói một cách đơn giản, không có web mà không có liên kết.

Tất cả chúng ta đều biết các siêu liên kết khi chúng ta nhìn thấy chúng, cho dù chúng ta đang xem xét một cửa hàng trực tuyến hay đi xuống một hố thỏ wikipedia. Về bản chất, duyệt web chỉ cần nhấp vào liên kết sau liên kết.

Vì vậy, trong hướng dẫn này, chúng tôi sẽ nhìn trộm dưới mui xe để xem các liên kết này trông như thế nào trong HTML. Để viết các liên kết vào các trang web của bạn, bạn sẽ cần phần tử, được ghép nối với thuộc tính HREF - hãy để tìm hiểu cách sử dụng cả hai. element, paired with the href attribute — let’s learn how to use both.

Thuộc tính HTML A HREF là gì?

Trong HTML, phần tử (neo) nội tuyến biểu thị một siêu liên kết từ địa chỉ web này sang địa chỉ web khác. Tất cả các phần tử chức năng phải chứa thuộc tính HREF (tham chiếu siêu văn bản) bên trong việc mở một thẻ. Thuộc tính HREF cho biết đích của siêu liên kết. Không có thuộc tính HREF, yếu tố A đã giành được công việc.

Bạn đã gặp một trường hợp của HREF trong phần giới thiệu trên khi tôi liên kết với định nghĩa của World Wide Web. HTML cho siêu liên kết đó trông như thế này:href in the above introduction when I linked to the definition of the World Wide Web. The HTML for that hyperlink looks like this:

 
Mozilla defines the World Wide Web

Có một số điều cần lưu ý ở đây, tất cả đều quan trọng đối với liên kết để làm việc:

• Văn bản liên kết được bọc trong thẻ mở và thẻ đóng. Tất cả văn bản giữa các thẻ này là có thể lựa chọn và nhận kiểu liên kết. tag and a closing tag. All text between these tags is selectable and receives link styling.
• Thuộc tính HREF và các thuộc tính đi kèm của nó, được đặt bên trong thẻ mở.href attribute, and its accompanying attributes, are placed inside the opening tag.
• Giá trị thuộc tính của HREF (bên trong dấu ngoặc kép) là một URL cho biết trình duyệt đi đâu khi liên kết được chọn.href (inside the quotation marks) is a URL that tells the browser where to go when the link is selected.
• Lưu ý các thuộc tính bổ sung Target = Hồi _ Blank và Rel = Hồi Noopener, - những thứ này nói với trình duyệt để mở trang web trong một tab mới. Không giống như HREF, các thuộc tính này là không cần thiết.target=“_blank” and rel=“noopener” — these tell the browser to open the web page in a new tab. Unlike href, these attributes are not necessary.

Để chính xác hơn, liên kết trên sử dụng URL tuyệt đối để chỉ định điểm đến trên một trang web khác. Tuy nhiên, HREF cũng có thể đảm nhận các giá trị khác, như chúng ta sẽ thấy tiếp theo.href can take on other values too, as we’ll see next.

một giá trị href

Bạn thường thấy thuộc tính HREF được sử dụng để liên kết với một trang web khác trên cùng một miền hoặc một miền khác. HREF cũng có thể được sử dụng cho những thứ khác, như liên kết với một phần khác của cùng một trang hoặc phục vụ một giao thức web khác với HTTPS. Hãy để xem xét từng giá trị có thể với các ví dụ.href attribute used to link to another web page on the same domain or a different domain. href can also be used for other things, like linking to a different part of the same page, or serving a different web protocol than HTTPS. Let’s review each of these possible values with examples.

URL tuyệt đối

Như đã thảo luận ở trên, một URL tuyệt đối chỉ vào một tệp trên một trang web khác. Nói cách khác, nó có một URL chứa một tên miền khác từ trang hiện tại URL (ví dụ: HubSpot.com đến Mozilla.org).

Ở đây, một ví dụ khác: Truy cập tìm kiếm của Google.

Siêu liên kết này cũng chứa một URL tuyệt đối:

 
Here’s another example: Go to Google search.

Nó không quan trọng ở đâu liên kết này được sử dụng - nó luôn chỉ vào cùng một nơi, trang chủ của Google. Đó là lý do tại sao nó gọi là một URL tuyệt đối của người Viking.

Mẹo thưởng: Lưu ý cách văn bản liên kết mô tả những gì liên kết làm. Điều này làm cho trang web của bạn dễ tiếp cận hơn với những người sử dụng các công nghệ hỗ trợ.

URL tương đối

Một URL tương đối tham chiếu một tệp trên cùng một trang web. Ví dụ, ở đây, một liên kết đến hướng dẫn cuối cùng của chúng tôi về HTML.

Và đây là những gì mã cho nó trông như thế nào:

 
A relative URL references a file on the same website. For example, here’s a link to our Ultimate Guide to HTML.

Xem giá trị href trông khác nhau như thế nào? Nó không bao gồm các giao thức HTTPS hoặc tên miền. Khi phần này của URL bị bỏ lại, trình duyệt giả định rằng tệp được chỉ định được đặt trên cùng một miền với trang hiện tại (trong trường hợp này, HubSpot.com).href value looks different? It doesn’t include the protocol HTTPS or the domain name. When this part of the URL is left out, the browser assumes that the specified file is located on the same domain as the current page (in this case, hubspot.com).

Chúng tôi gọi các URL này là người tương đối trực tuyến vì đích đến của liên kết được chỉ định liên quan đến trang web hiện tại. Nếu chúng tôi dán HTML ở trên trên một trang trên một trang web khác, nó sẽ không hoạt động.

Tại sao sử dụng các URL tương đối thay cho các URL tuyệt đối? Câu trả lời là các URL tương đối có ích nếu đường dẫn tệp của tệp được liên kết thay đổi, chẳng hạn như trong trường hợp tái cấu trúc trang web hoặc thay đổi tên miền. Nếu điều này xảy ra, URL tương đối vẫn sẽ hoạt động, vì nó chỉ chứa tên của tài nguyên được liên kết chứ không phải toàn bộ đường dẫn tệp.

Mảnh Uri

Sử dụng một đoạn URI để liên kết đến một phần khác của cùng một trang web. Các đoạn URI bắt đầu bằng biểu tượng băm (#), theo sau là ID của phần tử trang mong muốn.

Ví dụ, liên kết này hướng bạn đến H3 trên liên kết này.

 
For example, this link directs you to the H3 above this one.

Bạn cũng có thể sử dụng giá trị #TOP để gửi khách truy cập trở lại đầu trang.#top to send visitors back to the top of the page.

 
You can also use the value #top to send visitors back to the top of the page.

Các đoạn URI rất hữu ích cho các liên kết chương hoặc bất kỳ trường hợp nào trong đó người dùng có thể nhảy sang phần sớm hơn/sau của một trang.

Giao thức bổ sung

Các URL tuyệt đối và các URL tương đối mà chúng tôi đã thấy cho đến nay sử dụng giao thức HTTP/HTTPS, phục vụ các trang trên World Wide Web. Tuy nhiên, chúng ta cũng có thể sử dụng các giao thức khác với HREF, như Mailto: và File:.href too, like mailto: and file:.

Ví dụ: nhấp vào liên kết này để gửi email đến (mặc dù chúng tôi có thể đảm bảo bạn sẽ nghe lại).

 
For example, click this link to send an email to  (though we can’t guarantee you’ll hear back).

Một kịch bản

Cuối cùng, bạn có thể tạo một liên kết để kích hoạt mã JavaScript.

 
Click here for a nice greeting.

HREF: Tạo liên kết trên web

Nếu bạn bất cứ điều gì như tôi, bạn dành cả ngày để nhấp vào các liên kết khác nhau để truy cập vào web. Và nếu bạn chỉ học HTML, yếu tố và thuộc tính HREF đi kèm của nó là trung tâm để hiểu cách các trang web được gắn với nhau như thế nào. Bằng cách tìm hiểu các khái niệm này và cách viết chúng, bạn là một bước gần hơn để tự mình xây dựng các trang web. element and its accompanying href attribute are central to understanding how web pages are tied together. By learning these concepts and how to write them, you’re a step closer to building websites on your own.