当前位置:Gxlcms > html代码 > 深入了解HTML中的src、href

深入了解HTML中的src、href

时间:2021-07-01 10:21:17 帮助过:12人阅读

一、src与href

src,source的简写,意思是“源”,而源代码的意思为“source code”。

href,Hypertext Reference的缩写,意思是超文本引用。

二、分类

1. src

① 网页中插入图片<img src=”name.jpg”/>,指明图片的位置。

② 框架的页面 <iframe src=”name.html”>框架</iframe>

③ JS文件引入 <script src=”name.js” type=”text/javascript”></script>

2. href

① 内部链接:<a href=”#/URL”>name</a>

② 外部链接:<a href=”URL”>name</a>

③ 锚记:<a href=”#object-name”>name</a><a name=”object-name”>name</a>

④ 链接说明文字:<a href=”/” title=”链接说明”>链接说明</a>//”/”为根

⑤ 特效链接(脚本支持):JavaScript脚本:

<a href=”javascript:alert(‘夜深了早点休息吧!’)”>点击我!</a>

⑥ 外部CSS引用:<link href="name.css" rel="stylesheet" type="text/css"/>

⑦ 外部XSL修饰XML文档:<?xml-stylesheet type="text/xsl" href="name.xsl"?>

⑧XML数据岛:<xml id="XMLData" src="name.xml"></xml>

三、区别

src是定位源位置,可以是相对、绝对位置。如:图片位置、脚本文件

href是定位外部链接,但也有例外:CSS、XSL文件位置与src解释相似

四、个人总结,不是很完善,如果有错误或添加,请在下面的评论中指出来,我会及时更正,谢谢!

以上就是深入了解HTML中的src、href的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行