📄 xlink_example.asp
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XLink Example</title>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Keywords" content="xml,tutorial,html,dhtml,css,xsl,xhtml,javascript,asp,ado,vbscript,dom,sql,colors,soap,php,authoring,programming,training,learning,beginner's guide,primer,lessons,school,howto,reference,examples,samples,source code,tags,demos,tips,links,FAQ,tag list,forms,frames,color table,w3c,cascading style sheets,active server pages,dynamic html,internet,database,development,Web building,Webmaster,html guide" />
<meta name="Description" content="Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials, references, examples for web building." />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<link rel="stylesheet" type="text/css" href="../stdtheme.css" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "../../https@ssl./default.htm" : "../../www./default.htm");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</head>
<body>
<a name="top"></a>
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#808080">
<tr>
<td width="234" valign="top">
<a href="../default.htm"><img src="../images/w3default80.jpg" border="0" alt="W3Schools" /></a>
</td>
<th valign="middle" align="left" class="right">
<iframe style="background-color:#808080" src="../banners/bannerframe.asp@adpartner=xmlspy" height="90" width="728"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<br /></th>
</tr>
</table>
<table style="margin-left:1px" width="800px" border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="137" class="content" valign="top"><br />
<a class="left" href="../default.asp" target="_top">
<img src="../images/homeicon.gif" border="0" alt="home" /></a>
<a class="left" href="../default.asp" target="_top">
<b>HOME</b></a>
<br /><br />
<b>XLINK Basic</b><br />
<a class="left" target="_top" href="default.asp" >XLink HOME</a><br />
<a class="left" target="_top" href="xlink_intro.asp" >XLink Intro</a><br />
<a class="left" target="_top" href="xlink_syntax.asp" >XLink Syntax</a><br />
<a class="left" target="_top" href="xlink_example.asp" style='font-weight:bold;'>XLink Example</a><br />
<a class="left" target="_top" href="xpointer_example.asp" >XPointer Example</a><br />
<a class="left" target="_top" href="xlink_summary.asp" >XLink Summary</a><br />
<br />
<b>References</b><br />
<a class="left" target="_top" href="xlink_reference.asp" >XLink Reference</a><br /><br />
<b>Selected Reading</b><br />
<a class="left" target="_top" href="../browsers/browsers_stats.asp">Web Statistics</a><br />
<a class="left" target="_top" href="../site/site_glossary.asp">Web Glossary</a><br />
<a class="left" target="_top" href="../hosting/default.asp">Web Hosting</a><br />
<a class="left" target="_top" href="../quality/default.asp">Web Quality</a><br /><br />
<a class="left" target="_top" href="../forum/default.asp">W3Schools Forum</a><br /><br />
<a class="left" target="_top" href="../about/about_helping.asp">Helping W3Schools</a><br /><br />
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*LeftLinkUnit*/
google_ad_slot = "4854527104";
google_ad_width = 120;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
<td valign="top">
<table style="border: 1px solid gray" width="100%" bgcolor="#FFFFFF" border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<h1>XLink Example</h1>
<a href="xlink_syntax.asp"><img border="0" src="../images/btn_previous.gif" width="100" height="20" alt="Previous" /></a>
<a href="xpointer_example.asp"><img border="0" src="../images/btn_next.gif" width="100" height="20" alt="Next" /></a>
<hr />
<p class="intro">Let's try to learn some basic XLink syntax by looking at an example.</p>
<hr />
<h2>The XML Example Document</h2>
<p>Look at the following XML document, "bookstore.xml", that represents a few
books:</p>
<table width="100%" border="1" class="ex" cellspacing="0" id="table5">
<tr>
<td>
<pre><?xml version="1.0" encoding="ISO-8859-1"?></pre>
<pre><bookstore xmlns:xlink="http://www.w3.org/1999/xlink"></pre>
<pre><book title="Harry Potter">
<description
xlink:type="simple"
xlink:href="http://book.com/images/HPotter.gif"
xlink:show="new">
As his fifth year at Hogwarts School of Witchcraft and
Wizardry approaches, 15-year-old Harry Potter is.......
</description>
</book></pre>
<pre><book title="XQuery Kick Start">
<description
xlink:type="simple"
xlink:href="http://book.com/images/XQuery.gif"
xlink:show="new">
XQuery Kick Start delivers a concise introduction
to the XQuery standard.......
</description>
</book></pre>
<pre></bookstore></pre>
</td>
</tr>
</table>
<p><a target="_blank" href="bookstore.xml">View the "bookstore.xml" file in your
browser</a></p>
<p>
In the example above the XLink namespace is declared at the top of the
document (xmlns:xlink="http://www.w3.org/1999/xlink"). This means that
the document has access to the XLink attributes and features.</p>
<p>The xlink:type="simple" creates a simple "HTML-like" link. You can also specify more complex links
(multidirectional links), but for now, we will only use simple links.</p>
<p>The xlink:href attribute specifies the URL to link to, and the xlink:show
attribute specifies where to open the link. xlink:show="new" means that the link
(in this case, an image) should open in a new window.</p>
<hr />
<h2>XLink - Going Further</h2>
<p>In the example above we have only demonstrated simple links. XLink is getting more
interesting when we want to access remote locations as resources, instead of
standalone pages. The <description> element in the example
above sets the value of the xlink:show attribute to "new". This means that
the link should open in a new window. We could have set the value of the xlink:show
attribute to "embed". This means that the resource should be processed inline
within the page. When you consider that this could be
another XML document and not just an image, you could, for example, build a hierarchy of XML documents.</p>
<p>With XLink, you can also specify WHEN the resource should appear. This is handled by
the xlink:actuate attribute. xlink:actuate="onLoad" specifies that the resource should be loaded
and shown when the document loads. However, xlink:actuate="onRequest" means that
the resource is not read or shown before the link is clicked. This is very handy
for low-bandwidth settings.</p>
<hr />
<a href="xlink_syntax.asp"><img border="0" src="../images/btn_previous.gif" width="100" height="20" alt="Previous" /></a>
<a href="xpointer_example.asp"><img border="0" src="../images/btn_next.gif" width="100" height="20" alt="Next" /></a>
<br />
<hr />
<!-- **** SPOTLIGHTS 1 **** -->
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -