zoukankan      html  css  js  c++  java
  • src、href与URL

    今天在做一个按钮的链接时,也现了一个小错误,所以顺便来总结一下这几个基本中的基本词:

    接下来要写的:

    1、什么是URL

    2、明确src、href的用法及实例说明

    什么是URL: URL是Uniform Resource Location的缩写,译为“统一资源定位符”。通俗地说,URL是Internet上用来描述信息资源的字符串,主要用在各种WWW客户程序和服务器程序上,特别是著名的Mosaic。采用URL可以用一种统一的格式来描述各种信息资源,包括文件、服务器的地址和目录等。

    ◇ URL的格式
    URL的格式由下列三部分组成:
    第一部分是协议(或称为服务方式);
    第二部分是存有该资源的主机IP地址(有时也包括端口号); 第三部分是主机资源的具体地址。,如目录和文件名等。
    第一部分和第二部分之间用“://”符号隔开,第二部分和第三部分用“/”符号隔开。第一部分和第二部分是不可缺少的,第三部分有时可以省略。
    ◇ URL示例
    文件的URL:
    用URL表示文件时,服务器方式用file表示,后面要有主机IP地址、文件的存取路径(即目录)和文件名等信息。有时可以省略目录和文件名,但“/”符号不能省略。 例一:file://ftp.yoyodyne.com/pub/files/foobar.txt 代表存放主机ftp.yoyodyne.com上的pub/files/目录下的一个文件,文件名是foobar.txt。 例二:file://ftp.yoyodyne.com/pub 代表主机ftp.yoyodyne.com上的目录/pub。 例三:file://ftp.yoyodyne.com/ 代表主机ftp.yoyodyne.com上的根目录。
    Gopher的URL:
    Gopher服务器有可能使用特殊的端口,在这种情况下,主机IP地址与端口之间要用“:隔开。 例一:gopher://gopher.yoyodyne.com/ 表示主机gopher.yoyodyne.com上的gopher服务器。 例二:gopher://gopher.banzai.edu:1234 表示主机gopher.banzai.edu上的gopher服务器,在端口1234上。
    网络新闻的URL:
    利用URL表示网络新闻组时,如果是usenet的话只要指定出新闻组的名字即可。 例如:news:rec.gardening 表示usenet上的rec.gardening新闻组(园艺)。
    HTTP的 URL: 使用超级文本传输协议HTTP,提供超级文本信息服务的资源。 例一:http://www.peopledaily.com.cn/channel/welcome.htm 其计算机域名为www.peopledaily.com.cn。超级文本文件(文件类型为.html)是在目录/channel下的welcome.htm。这是中国人民日报的一台计算机。 例二:http://www.rol.cn.net/talk/talk1.htm 其其计算机域名为www.rol.cn.net。超级文本文件(文件类型为.html)是在目录/talk下的talk1.htm。这是瑞得聊天室的地址,可由此进入瑞得聊天室的第1室。

    三、明确了什么是URI与URL后我们来看看href与src的用法:

    href:hyperrefresh的缩写,意思是更新,刷新的意思, 这个属性规定被链接文档的位置(URL),用于超链接。

    我们在html中用到href的元素

    <a href="http://www.baidu.com">百度</a>

    <link type="image/x-icon" href="./favicon.ico" rel="shortcut icon">

    <link type="text/css" href="iknow_base.css" rel="stylesheet">

    src:search的简写,意思搜索对象,通过是放在图片或框架的时候用到这个让网页去搜索这个对象(有可以是图片或网页等)并显示出来 属性规定在框架中显示的文档的 URL。

    <frame src="value">

    <script type="text/javascript" src="mootools-core.js"></script>

    <img src="ccc.jpg" >

    别让别人来告诉你,你成不了才,如果你有梦想的话,就要去捍卫它---当幸福来敲门
  • 相关阅读:
    SpringBoot集成beetl模板快速入门
    小记---idea springboot 报错没有get或者set方法
    android在style中使用自定义属性 error: style attribute not found.
    ieda使用 在jsp页面中,有时候会出现不能智能显示方法 idea pageContext.setAttribute
    ieda使用 在jsp页面中,有时候会出现不能智能显示方法 idea pageContext.setAttribute
    logback的使用和logback.xml详解,在Spring项目中使用log打印日志
    classpath和classpath*区别
    SpringBoot项目在IntelliJ IDEA中实现热部署
    idea 警告:Warning:java: 源值1.5已过时, 将在未来所有发行版中删除
    linux 删除文件后 df 查看磁盘空间并没有释放
  • 原文地址:https://www.cnblogs.com/yihua/p/2430816.html
Copyright © 2011-2022 走看看