HTML 錨標(biāo)記是 HTML 中最重要的元素之一，用于在網(wǎng)站之間導(dǎo)航、從一個頁面移動到另一個頁面、單擊鼠標(biāo)打開某種圖像或文本。它用于定義所包含超鏈接的開頭和結(jié)尾。大多數(shù)情況下，搜索引擎使用它來定義目標(biāo) URL。它內(nèi)容豐富，并且與登陸頁面更相關(guān)。

這些鏈接在不同的場景中代表不同的含義，例如

• 帶下劃線且紅色的鏈接表示活動鏈接
• 帶下劃線且紫色的鏈接表示已訪問過的鏈接。
• 帶有下劃線和藍(lán)色的鏈接表示未訪問的鏈接。

語法：

讓我們看看定義 的實際語法標(biāo)簽。

<a href="Link_URL">Link Home</a>

如上所示，語法;包含主要部分鏈接的標(biāo)簽，定義如下：

1。 href 屬性

該屬性用于定義超鏈接，其中的目標(biāo)地址大家可能很熟悉。超鏈接充當(dāng)網(wǎng)頁文檔和目標(biāo)鏈接之間的連接器。

• 也可以是其他網(wǎng)站、圖像或文件。 Href是超文本引用的縮寫，用于定義我們需要的目的地址。 ‘=’符號用于定義屬性與其連接值的連接。
• 在上面的語法中，href 被視為一個屬性，其中之間的鏈接稱為它的值。放置在 標(biāo)簽之間的值是錨文本或鏈接。哪個能夠看到或點擊用戶
• 示例：印度時報

中的name屬性標(biāo)簽用于轉(zhuǎn)到頁面的特定點。

• It’s most useful for defining large pages or to define subdivisions.
• Example:Homepage So in this example we are adding #tag at the anchor name. it’s helpful to the browser to find or jump to the defined location like home. #name can be placed after the filename.

? 3. Target attribute

• The target attribute is used to define the destination page or the defined target page may be opened.
• It’s used as a common option that is used by target attributes to link with other pages.
• If the target attribute defines with a blank value like “target=_blank” then it will open a new tab at the target location.

4. Title Attribute

• The title attribute is one of the important attributes used to give special attention where one can easily move when they click the link.
• If the user moves the mouse pointer onto the link reference, the title text which was given into the attribute point will be shown there.
• It works like a tooltip or details where the link will navigate. This approach makes webpages or documents more user-friendly.

Working of Anchor in HTML

• There are two scenarios through which we can anchor tags like Internal link and External link.
• Internal links are those which are showing entities that are other pages of our domain, where external links are used to show web pages that don’t consider as a part of our domain.
• Let’s see how anchor tag exactly works with both links. Internal links work as a navigator between websites to show navigation menus which are useful to everyone who visits the website can easily navigate on the required menu. As discussed above in the title attribute, internal links are useful to navigate on specific content.
• Those are also used by search engine web crawlers to exactly define the pages of a website as well as for sharing authority purposes.
• External links play an important role in tag, it’s always best practice to provide exact attribution to the source. It is useful for related content, which can show us for referring website visitors.
• Sometimes other sites upload some kind of external links, which are going to point towards our website is considered as backlinks, those give permission to flow into our site which is beneficial to improve the position of our site at SERP. (Search Engine Result Page).
• One more good thing to keep our visitors on our site for a longer time, by using target=”_blank” while writing external links, which will open a new tab.
• The text we are going to use as an Ideal anchor text identifies keywords, which are more suitable to the web page.
• Working with anchor by using Absolute and Relative By using absolute URL one can see the whole description of the destination link. It contains protocol which helps to complete domain name to reach the destination.
• Relative URL used to link given web pages showing the exact position of the relative towards the position of the current page.
• Whenever internal links are written, which are showing other pages of the same site in this case we are going to write relative URLs.

Here we are going to show some examples having use of actual tag.

<h4>Examples for Anchor in HTML </h4>
<a href="https://timesofindia.indiatimes.com/">Latest News </a><br><br>
<a href="HTMLcolor.html">Navigate on other File</a><br>

<h2>Reach to EDUCBA </h2>
<ul>
<li><a href="https://www.educba.com/">Website</a></li>
<li><a href="mailto:[email&#160;protected]">Email US</a></li>
<li><a href="tel:+123456789">Phone</a></li>
</ul>

<h4>Image and File Demo</h4>
<p><a href="C:\Users\\Sonali\Desktop\jerry.jpeg">Image Demo</a> It will
open image</p>
<a href="./generate-zip?id=4" download="assets.zip">Download File</a>

HTML 中的錨標(biāo)記用于定義直接導(dǎo)航到目標(biāo)位置的鏈接。它基于 hre 屬性、name 屬性、target 屬性等主要組件。標(biāo)簽用于內(nèi)部和外部鏈接以及絕對和相對 URL。

以上是HTML 中的錨點的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！