2.1.4保留-超链接和锚点

最新推荐文章于 2023-05-26 17:58:48 发布

ssmoom

最新推荐文章于 2023-05-26 17:58:48 发布

阅读量646

点赞数

分类专栏： HTML5_CSS3_JavaScript

HTML5_CSS3_JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> 2.1.4保留-超链接和锚点 </title>
</head>
<body>
	HTML页面使用超链接与网络上的另一个资源保持关联，当用户点击页面上的超链接时，
	浏览器会导航到超链接所指的资源。<br><br>
	HTML5保留了定义超链接的a元素，该元素可以指定id、class、style等核心属性，
	还可以指定onclick等各种事件属性。<br>
	它还可以指定如下三个重要属性：<br>
	href：指定超链接所关了的另一个资源。<br>
	target：指定使用框架集中的哪个框架来装载另一个资源。
	该属性的属性值可以是_self、_blank、_top、_parent四个值，
	分别代表使用自身、新窗口、顶层框架、父框架来装载新资源。<br>
	media：指定目标URL所引用的媒体类型。默认为all。只有当指定了href属性时该属性才有效。
	media是HTML5新增的属性。<br><br>
	a元素主要可以包含文本、图像、各种文本格式化元素和表单元素等内容。<br><br>
	
	<p>
		1、eg：在本窗口中打开另一个资源<br>
		<a href="http://www.crazyit.org"><b>疯狂Java联盟</b></a><br><br>
		
		2、eg：在新窗口中打开另一个资源<br>
		<a href="http://www.crazyit.org"
			target="_blank"><em>疯狂Java联盟</em></a><br><br>
		
		3、eg：为图像增加超链接<br>
		<a href="http://www.crazyit.org" ><img src="img/logo.jpg" alt="疯狂Java联盟"/></a><br><br>
		
		4、eg：基于相对路径指定另一个资源<br>
		<a href="text.html">文本格式化标签</a><br><br>
	</p>
	
	<p>
		href属性值即可是绝对路径，也可是相对路径。
		当指定为绝对路径时，href属性值为URL(Uniform Resource Locator:统一资源定位器)，
		URL用于对互联网上的文档（或其他资源）进行寻址。<br><br>
		一个完整的网址，如http://www.crazyit.org/index.php，遵循如下语法规则：<br>
		scheme://host.domain:port/path/filename
		关于这个URL地址的解释如下：<br>
		1、scheme：指定因特网服务的类型。最流行的类型是HTTP。<br>
		2、domain：指定因特网域名。比如crazyit.org、fkjava.org等<br>
		3、host：指定此域中的主机。如果被省略，HTTP的默认主机是www。<br>
		4、port：指定主机的端口号。端口号通常可以被省略，HTTP服务默认的端口是80。<br>
		5、path：指定远程服务器上的路径，该路径也可以被省略，省略该路径则默认为被定位到网站的根目录。<br>
		6、filename：指定远程文档的名称。如省略，则会被定位到index.html、index.html等文件，或定位到web服务器设置的其它文件。<br><br>
		
		URL最流行的scheme以及对应资源：<br>
		1、scheme	对应资源<br>
		2、file			访问本地磁盘上的文件<br>
		3、ftp			访问远程FTP服务器上的文件<br>
		4、http			访问www服务器上的文件<br>
		5、news		访问新闻组上的文件<br>
		6、telnet		访问Telnet连接<br>
		7、gopher	访问远程Gopher服务器上的文件<br>
		eg：<br>
		<a href="news:yeeku.html">访问新闻组资源的超链接</a><br>
		<a href="ftp://www.crazyit.org/tomcat.rar">访问指向FTP资源的超链接</a><br>
		<a href="mailto:kongyeeku@163.com">产生一个邮件链接，单击连接将会开始发送电子邮件</a><br><br>
		除此之外，a元素还可生成一个命名锚点，命名锚点用于在HTML页面中生成一个定位点，
		这样允许超链接直接链接到指定页面的该定位点。
		插入定位锚点需要指定name属性，name属性值就是该命名锚点的名称。<br>
		eg：<br>
		生成一个命名锚点：<a name="test"></a><br>
		用浏览器浏览命名锚点时，该命名锚点不会生成任何显示内容，
		可以使用如下超链接来定位到该锚点：<a href="anchor.html#test">定位到test锚点</a>
		从上面代码(#test)可以看出定位到指定锚点需要在URL资源后指定锚点，锚点名和URL资源之间以#隔开。
	</p>
	
	
	
</body>
</html>

ssmoom

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
2.1.4保留-超链接和锚点

2.1.4保留-超链接和锚点 HTML页面使用超链接与网络上的另一个资源保持关联，当用户点击页面上的超链接时，浏览器会导航到超链接所指的资源。 HTML5保留了定义超链接的a元素，该元素可以指定id、class、style等核心属性，还可以指定onclick等各种事件属性。它还可以指定如下三个重要属性： href：指定超链接所关了的另一个资源。 target：指定使用框架
复制链接

扫一扫