所属分类:web前端开发
实现超级链接的标记是“<a>”。a标签可以定义超链接,用于从一张页面链接到另一张页面,语法“<a href="指向的页面的URL">超链接文本</a>”;a标签中最重要的属性是href,它用于指示链接目标,不可省略,否则会失去链接功能。
前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
什么是超链接?
就是某个锚文本或者是网址,甚至是图片,其本身自带了链接属性,用户点击这个链接后就能跳转至其他页面,这个文本及包含的属性链接就是超链接。
利用html语言编写网页,实现超级链接的标记是“<a>
”。
html a标签
<a> 标签定义超链接,用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性,它指示链接的目标。
基本语法:
<a href="指向的页面的URL">超链接文本</a>
登录后复制
示例:
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
</head>
<html>
<body>
<a href="https://www.php.cn/">超链接文本</a>
</table>
</body>
</html>
登录后复制
<a> 标签的其他属性:
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
coords | coordinates | HTML5 不支持。规定链接的坐标。 |
download | filename | 指定下载链接 |
href | URL | 规定链接的目标 URL。 |
hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
media | media_query | 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。 |
name | section_name | HTML5 不支持。规定锚的名称。 |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
shape | default rect circle poly | HTML5 不支持。规定链接的形状。 |
target | _blank _parent _self _top framename | 规定在何处打开目标 URL。仅在 href 属性存在时使用。
|
type | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 注:MIME = Multipurpose Internet Mail Extensions。 |
超链接的作用
关于超链接大家还应该知道,通常情况下,为了让普通用户更方便的点击超链接,页面上的超链接往往会被做特殊处理,比如说改变文本页面,加上下划线等等。但是,有些页面没做这些css的样式处理,但他们照样还是超链接。
页面做超链接的作用有两个:
从用户体验角度讲,我们浏览网页获取知识可以如此方便,超链接的功劳很大,没有它你无法看你想看的内容,所以它是各个页面之间的桥梁;方便用户阅读更多相关内容,提升用户体验。
从SEO角度来讲,超链接可以传递权重、吸引蜘蛛来访、爬行页面并收录。
推荐教程:《html视频教程》、《web前端入门》
以上就是利用html语言编写网页,实现超级链接的标记是什么的详细内容,更多请关注zzsucai.com其它相关文章!