html link标签有什么作用?html link标签的定义及属性介绍

html link标签有什么作用?html link标签中定义及属性介绍,下面开始本章的内容,主要给大家说的是html link标签的定义和作用,还有html link标签的属性介绍及属性作用

html link标签的定义和用法:

标签定义文档与外部资源的关系。

标签最常见的用途是链接样式表。

html的link标签是用于当前文档引用外部文档用的,rel属性用于设置对象和链接目的间的关系。rel是relationship的英文缩写;stylesheet中style是样式的意思,sheet是表格之意,总起来是样式表的意思。rel=”stylesheet” 描述了当前页面与href所指定文档的关系。即说明href连接的文档是一个样式表。

立即学习“前端免费学习笔记(深入)”;

这有实例:


HTML 标签实例:

链接一个外部样式表:


html link标签的属性:

tuyi.png

html link标签的作用:

link rel=canonical 指定规范网址

       对于动态网站来说,出现很多重复的网页可以访问到相同的内容是很正常的。例如,PHP中文网

       原始链接是:http://www.php.cn/index.html

       访问两个网址都可以查看到创想鸟主页,对于搜索引擎优化来说,这就是重复了的网页内容。所以为了告诉搜索引擎这个页面只         需要一个网址访问,就可以使用like rel=canonical 来告诉搜索引擎。

html link标签的属性作用:

link re=shortcut icon 指定网站小图标

       网站小图标,一般IE只支持ico格式的16x16px 的图标;rel属性必须包含shortcut, 才会在IE下显示; link rel=”shortcut icon” 供IE浏           览器调用.ico图标,link rel=”icon”供其它浏览器调用。png等其他格式图标;

link rel=stylesheet 网站CSS地址

       这个比较常用,无论是做Web前端设计,还是网站入门都必须要熟悉这个,这就是知道网站CSS样式的标签。

link media=print 定义打印格式

       规定了文档显示在打印设备上时的CSS样式。

提示和注释:

注释:link 元素是空元素,它仅包含属性。

注释:此元素只能存在于 head 部分,不过它可出现任何次数。

HTML 与 XHTML 之间的差异

在 HTML 中, 标签没有结束标签。

在 XHTML 中, 标签必须被正确地关闭。

HTML 4.01 与 HTML5之间的差异

一些 HTML 4.01 属性在 HTML5 中不支持。

HTML5 新增了 “sizes” 属性。

【相关推荐】

html title标签的作用是什么?关于html title标签的详细介绍

html align属性是什么含义?html中的align属性设置方法介绍

以上就是html link标签有什么作用?html link标签的定义及属性介绍的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1546600.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 18:24:51
下一篇 2025年12月21日 18:25:04

相关推荐

  • html bdo标签是什么意思?html bdo的使用方法详解

    html bdo标签是什么意思?html bdo的使用方法详解都在这里。这篇文章主要为大家讲述了html bdo 标签的定义作用和使用方法,还有关于html bdo标签的属性介绍 html bdo标签的定义和用法: bdo 指的是 bidi 覆盖(Bi-Directional Override)。 …

    好文分享 2025年12月21日
    000
  • html的meta标签有什么用?html中meta标签属性的相关用法

    本篇文章给大家带来的内容是关于html的meta标签有什么用?html中meta标签属性的相关用法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 简介 标签提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部,不包含…

    好文分享 2025年12月21日
    000
  • html中如何使用js实现长按功能(代码)

    本篇文章给大家带来的内容是关于html中如何使用js实现长按功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 //下面是js代码 直接复制粘贴即可 下面有调用例子 看不懂就私聊 var timeOutEvent=0; function gtouchstart(){ tim…

    好文分享 2025年12月21日
    000
  • html实现窗口大小变化时页面刷新(代码)

    本篇文章给大家带来的内容是关于html实现窗口大小变化时页面刷新(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 Document //窗口大小变化时候,进行刷新页面操作,防止样式混乱 var x=window.innerWidth; function resizeFresh…

    好文分享 2025年12月21日
    000
  • html center标签的作用是什么?html center标签的应用实例解析

    html center标签的作用是什么?html center标签的应用实例解析都在本篇文章里。主要介绍了html center标签的定义及使用说明,还有关于html中center和align的区别 html center标签的定义及使用说明: 在 HTML 4.01 中, 元素 已废弃。 对其所包…

    2025年12月21日
    000
  • html align属性是什么含义?html中的align属性设置方法介绍

    html align属性是什么含义?html中的align属性设置方法介绍都在这里,本篇文章介绍了html align属性的定义和含义,还有关于html align属性值的设置介绍 html align属性的定义: align属性规定div元素中的内容的水平对齐方式。 align 属性,指定表单上 …

    2025年12月21日
    000
  • 浏览器内核以及浏览器兼容的问题分析

    本篇文章给大家带来的内容是关于浏览器内核以及浏览器兼容的问题分析,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 一、浏览器内核  Rendering Engine,中文翻译过来名称很多,排版引擎、解释引擎、渲染引擎,现在流行称为浏览器内核。 用来渲染网页内容的,将网页的内容和排版代…

    好文分享 2025年12月21日
    000
  • 如何使用html实现流星雨的效果(代码)

    本篇文章给大家带来的内容是关于如何使用html实现流星雨的效果(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 流星雨body {margin: 0;overflow: hidden;} <!–画布 画板 画画的本子–> //获取画板//doccument 当…

    好文分享 2025年12月21日
    000
  • 什么是head标签 ?html中head标签的介绍

    本篇文章给大家带来的内容是关于什么是head标签 ?html中head标签的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 什么是head标签 head 标签是 元素的内容。不像 元素的内容可以显示在浏览器中,head 的内容不会在浏览器中显示,它的作用是包含一些页面的元数据。…

    好文分享 2025年12月21日
    000
  • HTML表单中name属性作用是什么?name和ID的差别又是什么?

    html表单中name属性作用是什么?name和id的差别又是什么?本篇文章主要解释了html表单中name属性作用和还有name和id的差别又是什么 作用和用法 如: type 表示类型;name 表示名字 可以重复;id表示标识 唯一; name 属性规定 input 元素的名称。 立即学习“前…

    好文分享 2025年12月21日
    000
  • React中跨组件分发状态的三种方法介绍

    这篇文章给大家介绍的内容是关于react中跨组件分发状态的三种方法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 当我问自己第一百次时,我正在研究一个典型的CRUD屏幕:“我应该将状态保留在这个组件中还是将其移动到父组件?”。 如果需要对子组件的状态进行轻微控制。您可能也遇到了…

    2025年12月21日
    000
  • 关于html中标签的for属性的详细分析

    这篇文章给大家介绍的内容是关于html中标签的for属性的详细分析,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在freecodecamp上HTML教程的Create a Set of Radio Buttons这一节中,看到这样一段话, It is considered bes…

    2025年12月21日
    000
  • HTML的Select对象如何进行Option对象的操作

    本篇文章给大家带来的内容是关于HTML的Select对象如何进行Option对象的操作,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 select 对象其实是一个包含 option 对象数组的复合对象。 select 对象 select 对象最重要的属性是 selectedInde…

    好文分享 2025年12月21日
    000
  • HTML和CSS3中的2D、3D结合实现动画效果

    这篇文章给大家介绍的内容是关于HTML和CSS3中的2D、3D结合实现动画效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 虽然我们我们在前端工作中,对于2d、3d动画效果一般来说都用不上,基本上都是用js或jq来完成这些动画效果,但是最基础的这些你是否已经忘记了呢? 昨天重温了…

    2025年12月21日
    000
  • div标签:水平居中和垂直居中的实现(附代码)

    本篇文章给大家带来的内容是关于div标签:水平居中和垂直居中的实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在前端开发时,经常会遇到需要居中的情形,居中分2种情况,一个是水平居中,一个是垂直居中,总结一下用到的方法。 水平居中实现 margin:0 auto auto表示外边…

    2025年12月21日
    000
  • 瀑布流布局实现的代码

    这篇文章给大家介绍的内容是关于瀑布流布局实现的代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 index.html waterfall layout @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @…

    好文分享 2025年12月21日
    000
  • html实现一个简单的注册页面(附代码)

    本篇文章给大家带来的内容是关于html实现一个简单的注册页面(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 1.创建一个html文件 2.根据案例图片进行设计 3.写相应的html代码 注册请注册注册邮箱:&nbsp 你可以使用账号去注册或者手机号注册创建密码:真…

    2025年12月21日
    000
  • 父元素标签的默认行为以及click事件之间的相互影响

    本篇文章给大家带来的内容是关于父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 开发过程中遇到问题,简单写个demo   运行环境为Chrome 68 描述一下这个问题,当a标签内部存在嵌套时, 父元素a标…

    2025年12月21日
    000
  • html中标签嵌套的问题如何解决

    本篇文章给大家带来的内容是关于html中标签嵌套的问题如何解决,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 问题描述 期待样式: 单一精确度显示:“精确度等级:xxxxx” 立即学习“前端免费学习笔记(深入)”; 非单一精确度显示:“精确度等级:xxxxx ~ xxxxx” 错误…

    2025年12月21日 好文分享
    000
  • HTML中弹性布局(Flex)的介绍(附代码)

    这篇文章给大家分享的内容是关于html中弹性布局的内容,有需要的朋友可以参考一下,希望可以帮助到大家。 一、Flex布局是什么? Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 二、基本概念 采用Flex布局的元素,…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信