«

怎么利用html语言编写网页实现超级链接

时间:2024-4-21 09:24     作者:韩俊     分类: Html+Css


本篇内容介绍了“怎么利用html语言编写网页实现超级链接”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

实现超级链接的标记是“<a>”。a标签可以定义超链接,用于从一张页面链接到另一张页面,语法“<a href="https://www.maopiaopiao.com">

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

什么是超链接?

就是某个锚文本或者是网址,甚至是图片,其本身自带了链接属性,用户点击这个链接后就能跳转至其他页面,这个文本及包含的属性链接就是超链接。

利用html语言编写网页,实现超级链接的标记是“

<a>
”。

html a标签

<a> 标签定义超链接,用于从一张页面链接到另一张页面。

<a> 元素最重要的属性是 href 属性,它指示链接的目标。

基本语法:

<a href="https://www.maopiaopiao.com">

示例:

<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
</head>
<html>

<body>
    <a href="https://www.maopiaopiao.com">

<a> 标签的其他属性:

属性描述
charsetchar_encodingHTML5 不支持。规定目标 URL 的字符编码。
coordscoordinatesHTML5 不支持。规定链接的坐标。
downloadfilename指定下载链接
hrefURL规定链接的目标 URL。
hreflanglanguage_code规定目标 URL 的基准语言。仅在 href 属性存在时使用。
mediamedia_query规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。
namesection_nameHTML5 不支持。规定锚的名称。
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
revtextHTML5 不支持。规定目标 URL 与当前文档之间的关系。
shapedefault
rect
circle
poly
HTML5 不支持。规定链接的形状。
target_blank
 _parent
 _self
 _top
framename

规定在何处打开目标 URL。仅在 href 属性存在时使用。

  • _blank:新窗口打开。

  • _parent:在父窗口中打开链接。

  • _self:默认,当前页面跳转。

  • _top:在当前窗体打开链接,并替换当前的整个窗体(框架页)。

typeMIME_type规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
注:MIME = Multipurpose Internet Mail Extensions。

超链接的作用

关于超链接大家还应该知道,通常情况下,为了让普通用户更方便的点击超链接,页面上的超链接往往会被做特殊处理,比如说改变文本页面,加上下划线等等。但是,有些页面没做这些css的样式处理,但他们照样还是超链接。

页面做超链接的作用有两个:

  • 从用户体验角度讲,我们浏览网页获取知识可以如此方便,超链接的功劳很大,没有它你无法看你想看的内容,所以它是各个页面之间的桥梁;方便用户阅读更多相关内容,提升用户体验。

  • 从SEO角度来讲,超链接可以传递权重、吸引蜘蛛来访、爬行页面并收录。

标签: html css

热门推荐