HTML中link标签与a标签有什么区别？怎么运用？
发布时间：09/01 来源：未知 浏览：
关键词：
第一我们来看看link标签是啥？
link标签是用于连接与该页面相关的其他页面的标签，但是，此标签与网站的外不雅无直接关系。
所以根本上它是在head标签中写的。
link标签平常用于读取作为外部文件的CSS和JavaScript，乃至读取名为favicon的web图标。
a标签是啥？
看到链接，大概就会有人想到a标签
a标签定义超链接，用于从一张页面链接到另一张页面。
下面我们就来看看link标签与a标签之间的不同
如上面的定义所述，link标签与网站的外不雅没有任何直接关系。
但是，a标签会在页面中创立一个超链接元素。
假如要创立根本超链接，使用a标签，假如要从HTML读取其他文件，使用link标签。
怎样使用link标签？
这些文件可以与HTML分开，并在外部留存为.css文件或.js文件。
需要使用上面的link标签读取该文件。
我们来看详细的示例
代码如下
HTML
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<div class="text">text</div>
</html>CSS
.text {
color: blue;
}运转结果如下所示
通过以上这种方式，可以看到在style.css中编写的CSS实际上是通过link标签成功的与HTML连接了。
rel属性指定此HTML和CSS之间的关系， href属性指定要读取的文件的途径
怎样使用a标签？
a标签的使用很简便，我们来看详细示例
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <a href="http://www.php.cn/">百分百源码网</a> </body> </html>
运转结果如下所示
点击上述的“百分百源码网”链接就可以跳转到百分百源码网首页。
以上就是HTML中link标签与a标签有什么不同？如何使用？的具体内容，更多请关注百分百源码网其它相关文章！
