html之a标签

<!DOCTYPE html>
<html>
	<!--
    	时间:2018-10-24
    -->

	<head>
		<meta charset="UTF-8">
		<title></title>

		<script type="text/javascript">
			//			中文转码
//			alert(encodeURI(' '));
			//			win的换行符,在写邮件内容的时候会用到
			//alert(encodeURI('\r\n'));
		</script>
	</head>

	<body>

		<!--链接
       	1、“_blank”的意思:
		浏览器总在一个新打开、未命名的窗口中载入目标文档。
		2、“_parent”的意思:
		这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。
		3、“_self”的意思:
		这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。
		4、“_top”的意思:
		这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
               当网页没有框架时,target="_self"和target="_parent"以及target="_top"三种方式都是在当前页面跳转;
       	
       	
       	如果有在某个页面上有很多的链接或者form表单,逐一的添加标签会很麻烦,有没有类似批处理的呢?
		这就要用到<base target=_xxx> ,这是基本的HTML语言。用<base target=_××>来设置这个网页所有链接的目标窗口。
		也就是说,网页中只要添加<base target=_××>这句,那么所有的超链接就无须单独设置。
		最好将这句写在<head>和</head>之间。
		例如
		<base target=_blank>表示网页中所有的超链接的目标地址默认都在新建窗口中打开。
		<base target=_self>表示网页中所有的超链接的目标地址默认都在原窗口上打开。
			
	       写链接的时候,尾缀最好带/  实际服务器的请求都是最后带/的
       -->
		<a href="http://www.baidu.com">百度,默认_self 在当前页面是跳转,url为:https://www.baidu.com/</a><br />
		<a href="http://www.baidu.com/" target="_blank">_blank表示在新窗口打开链接</a><br />
		<a href="http://www.baidu.com/" target="_self">_self在当前页面跳转</a><br />
		<a href="http://www.baidu.com/" target="_parent">_parent在父页面打开</a><br />
		<a href="http://www.baidu.com/" target="_top">_top跳出页面框架打开链接</a><br />
		<a href="http://www.baidu.com/" target="#">#跳出新页面打开链接</a><br />

		<!--还可以章节定位   链接的横线是属性href起到的作用-->

		<a href="#C1">查看章节1</a> <br />
		<a href="#C2">查看章节2</a><br />
		<a href="#C3">查看章节3</a>
		<hr />
		<h1><a name="C1">章节1</a></h1>
		<p>张天师祈禳瘟疫 洪太尉误走妖魔</p>
		<h1><a name="C2">章节2</a></h1>
		<p>王教头私走延安府 九纹龙大闹史家村</p>
		<h1><a name="C3">章节3</a></h1>
		<p>史大郎夜走华阴县 鲁提辖拳打镇关西</p>
		<h1>章节4</h1>
		<p>赵员外重修文殊院 鲁智深大闹五台山</p>
		<h1>章节4</h1>
		<p>赵员外重修文殊院 鲁智深大闹五台山</p>
		<h1>章节4</h1>
		<p>赵员外重修文殊院 鲁智深大闹五台山</p>
		<h1>章节4</h1>
		<p>赵员外重修文殊院 鲁智深大闹五台山</p>
		<h1>章节4</h1>
		<p>赵员外重修文殊院 鲁智深大闹五台山</p>
		<h1>章节4</h1>
		<p>赵员外重修文殊院 鲁智深大闹五台山</p>
		<h1>章节4</h1>
		<p>赵员外重修文殊院 鲁智深大闹五台山</p>
		<h1>章节4</h1>
		<p>赵员外重修文殊院 鲁智深大闹五台山</p>

		<!--发送邮件  mailto   调用客户端工具
			to	 收信人; subject主题 ;cc抄送; bcc 暗送 ;body内容
		-->
		<a href="mailto:279907389@qq.com;279907380@qq.com">点我发送邮件,设置收件人</a><br />
		<a href="mailto:279907389@qq.com?cc=123@qq.com&bcc=345@qq.com&subject='会议讨论'&body= %20%20sql性能 需要优化到1s;%0D%0A哪位同志看下">发送邮件各种属性</a>

   
         <!--或者通过form-->
         <form name="sendmail" action="mailto:279907389@qq.com;"> 
         	<input name="cc" value="123@qq.com" />
         	<input name="bcc" value="345@qq.com" />
         	<input name="subject" value="邮件标题" />
         	<input name="body" value="邮件正文"/>
         	<input type="submit" value="提交" />
         </form>
        
	</body>

</html>

资料参考:
https://blog.csdn.net/u012145816/article/details/72393573

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页