You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
968 lines
26 KiB
968 lines
26 KiB
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta content="text/html; charset=iso-8859-1" http-equiv="content-type">
|
|
|
|
<meta content="Tantek Çelik" lang="tr" name="author">
|
|
|
|
<meta content="Bert Bos" lang="nl" name="author">
|
|
|
|
<meta content="Daniel Glazman" lang="fr" name="author">
|
|
<!-- Changed by: Tantek Celik, 2004-02-21 -->
|
|
|
|
<title>CSS3 Hyperlink Presentation Module</title>
|
|
|
|
<link href="default.css" rel="stylesheet" type="text/css">
|
|
|
|
<link href="http://www.w3.org/StyleSheets/TR/W3C-WD.css" rel="stylesheet"
|
|
type="text/css">
|
|
|
|
<body>
|
|
<div class="head">
|
|
<p><a class="logo" href="http://www.w3.org/" rel="home"><img alt="W3C"
|
|
height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a>
|
|
|
|
<h1 id="css3-hyperlink">CSS3 Hyperlink Presentation Module</h1>
|
|
|
|
<h2 class="no-num no-toc" id="w3c-working">W3C Working Draft 24 February 2004</h2>
|
|
|
|
<dl>
|
|
<dt>This version:
|
|
|
|
<dd><a
|
|
href="http://www.w3.org/TR/2004/WD-css3-hyperlinks-20040224">http://www.w3.org/TR/2004/WD-css3-hyperlinks-20040224</a>
|
|
|
|
<dt>Latest version:
|
|
|
|
<dd><a
|
|
href="http://www.w3.org/TR/css3-hyperlinks">http://www.w3.org/TR/css3-hyperlinks</a>
|
|
|
|
<dt>Previous version:
|
|
|
|
<dd>none
|
|
|
|
<dt>Editors:
|
|
|
|
<dd><a href="http://tantek.com/" lang="tr"> Tantek Çelik</a>
|
|
<tantekc @microsoft.com>
|
|
|
|
<dd><a href="http://www.w3.org/People/Bos/" lang="nl"> Bert Bos</a>
|
|
<bert @w3.org>
|
|
|
|
<dd><a href="http://glazman.org/" lang="fr"> Daniel Glazman</a>
|
|
<danielglazman @easyconnect.fr>
|
|
</dl>
|
|
<!--begin-copyright-->
|
|
<p class="copyright"><a
|
|
href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"> Copyright</a>
|
|
© 2004 <a href="http://www.w3.org/"><abbr title="World Wide Web
|
|
Consortium">W3C</abbr></a><sup>®</sup> (<a
|
|
href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of
|
|
Technology">MIT</abbr></a>, <a href="http://www.ercim.org/"><acronym
|
|
title="European Research Consortium for Informatics and
|
|
Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/">Keio</a>),
|
|
All Rights Reserved. W3C <a
|
|
href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
|
|
<a
|
|
href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
|
|
<a href="http://www.w3.org/Consortium/Legal/copyright-documents">document
|
|
use</a> and <a
|
|
href="http://www.w3.org/Consortium/Legal/copyright-software">software
|
|
licensing</a> rules apply.
|
|
<!--end-copyright-->
|
|
<hr title="Separator for header">
|
|
</div>
|
|
|
|
<h2 class="no-num no-toc" id="abstract">Abstract</h2>
|
|
|
|
<p><em>This is the first draft of the CSS3 Hyperlink Presentation Module. It
|
|
is published to get some early feedback. The properties in it and even the
|
|
scope of the draft are still very unstable. The draft may be dropped or
|
|
merged with another.</em>
|
|
|
|
<p>CSS (Cascading Style Sheets) is a simple language for describing the
|
|
presentation of documents. This specification is a module of level 3 of CSS
|
|
and contains the functionality required to describe the presentation of
|
|
hyperlink source anchors and the effects of hyperlink activation.
|
|
|
|
<h2 class="no-num no-toc" id="status">Status of this document</h2>
|
|
|
|
<p><em>This section describes the status of this document at the time of its
|
|
publication. Other documents may supersede it. A list of current W3C
|
|
publications and the latest revision of this technical report can be found in
|
|
the <a href="http://www.w3.org/TR/">W3C technical reports index at
|
|
http://www.w3.org/TR/.</a></em>
|
|
|
|
<p>It is inappropriate to use W3C Working Drafts as reference material or to
|
|
cite them as other than "work in progress." Its publication does not imply
|
|
endorsement by the W3C membership. Implementations for the purpose of
|
|
experimenting with the specification are welcomed, as long as they are
|
|
clearly marked as experimental.
|
|
|
|
<p>This document is a working draft of the <a
|
|
href="http://www.w3.org/Style/CSS/members"> CSS Working Group</a> which is
|
|
part of the <a href="http://www.w3.org/Style/"> style activity</a> (see <a
|
|
href="http://www.w3.org/Style/Activity"> summary</a>).
|
|
|
|
<p><em>Comments</em> on and discussions of this draft can be sent to the (<a
|
|
href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) public
|
|
mailing list <a href="mailto:www-style@w3.org"> www-style@w3.org</a> (see <a
|
|
href="http://www.w3.org/Mail/Request"> instructions</a>). W3C Members can
|
|
also send comments directly to the CSS working group.
|
|
|
|
<p>Patent disclosures relevant to CSS may be found on the Working Group's
|
|
public <a href="http://www.w3.org/Style/CSS/Disclosures"> patent disclosure
|
|
page.</a>
|
|
|
|
<p>This is the first draft in this series ("css3-hyperlinks").
|
|
|
|
<h2 class="no-num no-toc" id="contents">Table of contents</h2>
|
|
<!--begin-toc-->
|
|
|
|
<ul class="toc">
|
|
<li><a href="#dependencies"><span class="secno">1. </span>Dependencies</a>
|
|
|
|
<li><a href="#requirements"><span class="secno">2. </span>Requirements and
|
|
principles</a>
|
|
<ul class="toc">
|
|
<li><a href="#open-issues"><span class="secno">2.1. </span>Open Issues</a>
|
|
</ul>
|
|
|
|
<li><a href="#target0"><span class="secno">3. </span>Target properties</a>
|
|
<ul class="toc">
|
|
<li><a href="#property"><span class="secno">3.1. </span>Property summary</a>
|
|
|
|
<li><a href="#the-target-name"><span class="secno">3.2. </span>The
|
|
'target-name' property</a>
|
|
|
|
<li><a href="#the-target-new"><span class="secno">3.3. </span>The
|
|
'target-new' property</a>
|
|
|
|
<li><a href="#the-target-position"><span class="secno">3.4. </span>The
|
|
'target-position' property</a>
|
|
|
|
<li><a href="#the-target"><span class="secno">3.5. </span>The 'target'
|
|
property</a>
|
|
</ul>
|
|
|
|
<li><a href="#conformance"><span class="secno">4. </span>Conformance</a>
|
|
|
|
<li><a href="#acknowledgments">Acknowledgments</a>
|
|
|
|
<li><a href="#references">References</a>
|
|
<ul class="toc">
|
|
<li><a href="#normative-references">Normative references</a>
|
|
|
|
<li><a href="#other-references">Other references</a>
|
|
</ul>
|
|
|
|
<li><a href="#defaultcss">Default style sheet</a>
|
|
|
|
<li><a href="#index">Index</a>
|
|
|
|
<li><a href="#property-index">Property index</a>
|
|
</ul>
|
|
<!--end-toc-->
|
|
|
|
<h2 id="dependencies"><span class="secno">1. </span>Dependencies</h2>
|
|
|
|
<p>This CSS3 module depends on the following other CSS specification(s):
|
|
|
|
<ul>
|
|
<li><cite>CSS2.1</cite> <a href="#CSS21" rel="biblioentry">[CSS21]</a>
|
|
<!-- <li><cite>CSS3 module: syntax</cite> <a href="#CSS3SYN" rel="biblioentry">[CSS3SYN]</a></li>
|
|
<li><cite>CSS3 module: values and units</cite> <a href="#CSS3VAL" rel="biblioentry">[CSS3VAL]</a></li>
|
|
<li>[etc]</li> -->
|
|
</ul>
|
|
|
|
<p>It has non-normative (informative) references to the following other CSS3
|
|
modules:
|
|
|
|
<ul>
|
|
<li><cite>Selectors</cite>[[SELECTORS]]
|
|
|
|
<li><cite>CSS3 Basic User Interface Module</cite><a href="#CSS3UI"
|
|
rel="biblioentry">[CSS3UI]</a>
|
|
|
|
<li><cite>CSS3 Generated and Replaced Content Module</cite> <a
|
|
href="#CSS3GENCON" rel="biblioentry">[CSS3GENCON]</a>
|
|
</ul>
|
|
|
|
<h2 id="requirements"><span class="secno">2. </span>Requirements and
|
|
principles</h2>
|
|
|
|
<p>A hyperlink is a combination of a link with the semantic of an external
|
|
reference, something which is considered outside the content document. This
|
|
is in contrast to an embed, which is a link with the semantic of an internal
|
|
reference, something which is considered a part of the document (such as an
|
|
embedded image). There are also local hyperlinks which simply point to
|
|
navigation points (anchors) in the current document.
|
|
|
|
<p>A hyperlink is a combination of a link with a certain behavior: it is a
|
|
link that is presented in such a way that the user recognizes it as something
|
|
he can activate quickly and easily (with a mouse click, key press, etc.), and
|
|
which, on activation causes the <em>target reference</em> of the link to be
|
|
retrieved and displayed to the user, shortly after activation.
|
|
|
|
<p>The scope of this CSS module can be summarized with the following list of
|
|
principles:
|
|
|
|
<ol>
|
|
<li>Linking semantics and link presentation are separable <a
|
|
href="#TAGLINK20030116" rel="biblioentry">[TAGLINK20030116]</a>. The task of
|
|
CSS is presentation.
|
|
|
|
<li>The aspects of a hyperlink that differ depending on device, platform or
|
|
user accessibilty <a href="#WCAG" rel="biblioentry">[WCAG]</a> requirements
|
|
are likely to be presentational <a href="#TAGLINK20030116"
|
|
rel="biblioentry">[TAGLINK20030116]</a>.
|
|
|
|
<li>The presentation of a document should normally be specified separately
|
|
from its content, and preferably in a CSS style sheet.
|
|
|
|
<li>Some parts of behavior are presentational; e.g., CSS can say that
|
|
activation of a hyperlink causes a new window to pop up (but not, e.g., that
|
|
the activation sends a POST request to a server). The specifiable behaviors
|
|
include:
|
|
<ul>
|
|
<li>replace current document or portion of a document by target
|
|
|
|
<li>pop up a temporary window (possibly modal) with the target
|
|
|
|
<li>ditto, but pop "under"
|
|
|
|
<li>show target in a specific window
|
|
|
|
<li>using tabs in a tabbed interface rather than windows in the above
|
|
</ul>
|
|
|
|
<li>CSS is also able to suppress all behavior, thus making it impossible to
|
|
activate a hyperlink. UAs should always allow the user to disable particular
|
|
style sheets.
|
|
|
|
<li>CSS can be used to describe a large class of common hyperlink styles, but
|
|
not all possible styles.
|
|
|
|
<li>CSS doesn't rely on specific mark-up in a source document, but is able to
|
|
style hyperlinks in many different document formats. In particular, it can
|
|
style HTML <a href="#HTML401" rel="biblioentry">[HTML401]</a> and XHTML <a
|
|
href="#XHTML10" rel="biblioentry">[XHTML10]</a> documents, documents that use
|
|
HLink <a href="#HLINK" rel="biblioentry">[HLINK]</a>, a large part of XML <a
|
|
href="#XML10" rel="biblioentry">[XML10]</a> documents that use XLink <a
|
|
href="#XLINK10" rel="biblioentry">[XLINK10]</a>, e.g. SVG <a href="#SVG10"
|
|
rel="biblioentry">[SVG10]</a> and several others.
|
|
|
|
<li>The boundary between semantics and style is not sharp. For ease of use,
|
|
CSS sometimes has to allow some aspects of semantics to be expressed in CSS.
|
|
E.g., CSS style rules may say which attribute of an element that has several
|
|
is used for the hyperlink. (But CSS is not able to say, e.g., what base to
|
|
use to resolve relative URLs <a href="#RFC1808"
|
|
rel="biblioentry">[RFC1808]</a>.)
|
|
|
|
<li>The previous point notwithstanding, CSS assumes that, in general, the UA
|
|
has knowledge about the document format from other sources (or hardcoded) and
|
|
classifies elements as hyperlinks or not. E.g., the CSS pseudo-classes
|
|
':link' and ':visited' match only elements that are hyperlinks.
|
|
</ol>
|
|
|
|
<p>This module does <em>not</em> deal with
|
|
|
|
<ol>
|
|
<li>Replaced elements, i.e. embeds.
|
|
|
|
<li>Footnotes.
|
|
|
|
<li>Event bindings.
|
|
</ol>
|
|
|
|
<p>Even though replaced elements are represented in many mark-up languages in
|
|
ways that are syntactically similar to hyperlinks (often an element with an
|
|
attribute that holds a URI <a href="#URI" rel="biblioentry">[URI]</a>
|
|
reference), in terms of both semantics, and typically presentation, they are
|
|
different. Replaced elements are defined in the CSS3 Content module <a
|
|
href="#CSS3GENCON" rel="biblioentry">[CSS3GENCON]</a>.
|
|
|
|
<p>Footnotes often serve similar purposes as hyperlinks, but in
|
|
non-interactive documents. <!--
|
|
Footnotes are handled in the ??? module [ref].
|
|
|
|
No formal proposal or draft as of yet.
|
|
|
|
Informal proposal by Ian Hickson here:
|
|
http://lists.w3.org/Archives/Member/w3c-css-wg/2002JulSep/0299.html
|
|
-->
|
|
|
|
<p>Activation of a hyperlink needs an action (event) by the user, e.g., a key
|
|
press or a mouse click. This module does not define what events activate
|
|
which links. Some such UI issues (not only for hyperlinks) are dealt with in
|
|
the CSS3 Basic UI module <a href="#CSS3UI" rel="biblioentry">[CSS3UI]</a>.
|
|
|
|
<h3 id="open-issues"><span class="secno">2.1. </span>Open Issues</h3>
|
|
|
|
<p class="issue">The following open issues have been recognized, and are
|
|
documented here for the purpose of discussion. All issues MUST be resolved
|
|
before CR.
|
|
|
|
<ul>
|
|
<li class="issue">How are secondary (or even tertiary) links styled? Do they
|
|
need to be? Or should their interactivity be left up to the user agent?
|
|
</ul>
|
|
|
|
<h2 id="target0"><span class="secno">3. </span>Target properties</h2>
|
|
|
|
<p>These properties specify where the target of a <!-- primary --> hyperlink
|
|
is displayed, after activation of the hyperlink. Not all UAs support all
|
|
values. <!--
|
|
The interactivity of secondary (and other) hyperlinks is left up to the UA.
|
|
-->
|
|
|
|
<h3 id="property"><span class="secno">3.1. </span>Property summary</h3>
|
|
|
|
<ul><!--
|
|
tantek says: I don't think we need target-style. all the other values describe all the possibilities AFAICT
|
|
|
|
<li><strong>target-style</strong>: <em>auto</em> | frame | other</li>
|
|
-->
|
|
|
|
<li><strong><a href="#target-name">target-name</a></strong>: <em>current</em>
|
|
| root | parent | new | modal | <string>
|
|
|
|
<li><strong><a href="#target-new">target-new</a></strong>: <em>window</em> |
|
|
tab | none
|
|
|
|
<li><strong><a href="#target-position">target-position</a></strong>:
|
|
<em>above</em> | behind | front | back
|
|
|
|
<li><strong><a href="#target">target</a></strong>: <target-name> ||
|
|
<!-- <target-style> || --> <target-new> ||
|
|
<target-position>
|
|
</ul>
|
|
<!--
|
|
<h3>The 'target-style' property</h3>
|
|
<p>'target-style' allows the following values:</p>
|
|
<dl>
|
|
<dt>auto</dt>
|
|
<dd>The target is displayed in place of the current document.</dd>
|
|
<dt>frame</dt>
|
|
<dd>The target is displayed in a frame of the current window.</dd>
|
|
<dt>other</dt>
|
|
<dd>The target is displayed in a different destination.</dd>
|
|
</dl>
|
|
-->
|
|
|
|
<h3 id="the-target-name"><span class="secno">3.2. </span>The 'target-name'
|
|
property</h3>
|
|
|
|
<p>The 'target-name' property defines the name of the target destination,
|
|
including a few keywords for well known destinations.
|
|
|
|
<table class="propdef" id="name-">
|
|
<tbody>
|
|
<tr>
|
|
<td><em>Name:</em>
|
|
|
|
<td><dfn id="target-name">target-name</dfn>
|
|
|
|
<tr>
|
|
<td><em>Value:</em>
|
|
|
|
<td>current | root | parent | new | modal | <string>
|
|
|
|
<tr>
|
|
<td><em>Initial:</em>
|
|
|
|
<td>current
|
|
|
|
<tr>
|
|
<td><em>Applies to:</em>
|
|
|
|
<td>hyperlinks
|
|
|
|
<tr>
|
|
<td><em>Inherited:</em>
|
|
|
|
<td>no
|
|
|
|
<tr>
|
|
<td><em>Percentages:</em>
|
|
|
|
<td>N/A
|
|
|
|
<tr>
|
|
<td><em>Media Group(s):</em>
|
|
|
|
<td>interactive visual
|
|
|
|
<tr>
|
|
<td><em>Computed value:</em>
|
|
|
|
<td>specified value
|
|
</table>
|
|
<!--does not apply if 'target-style' is 'auto'. In other cases the -->
|
|
|
|
<p>The values mean the following:
|
|
|
|
<dl>
|
|
<dt>current
|
|
|
|
<dd>The name of the current frame, tab or window where the link resides. This
|
|
value never causes a new destination to be created.
|
|
|
|
<dt>root
|
|
|
|
<dd>The name of the current tab (if there is one) or window. This value never
|
|
causes a new destination to be created.
|
|
|
|
<dt>parent
|
|
|
|
<dd>The name of the parent of the current frame. If the current frame has no
|
|
parent this value is treated as 'root'. This value never causes a new
|
|
destination to be created.
|
|
|
|
<dt>new
|
|
|
|
<dd><!-- If 'target-style' is 'frame', this value is treated as 'current'. Otherwise a -->
|
|
A new destination (see 'target-new') is always created.
|
|
|
|
<dt>modal
|
|
|
|
<dd><!-- If 'target-style' is 'frame', this value is treated as 'current'. Otherwise a -->
|
|
A new modal window is temporarily created.
|
|
|
|
<dt><string>
|
|
|
|
<dd>The target is displayed in the existing frame, window or tab of that
|
|
name. If no such named destination exists, a new destination (see
|
|
'target-new') is created with that name.
|
|
</dl>
|
|
|
|
<h3 id="the-target-new"><span class="secno">3.3. </span>The 'target-new'
|
|
property</h3>
|
|
|
|
<p>The 'target-new' property determines what new target destination (if any)
|
|
is created.
|
|
|
|
<table class="propdef" id="name-0">
|
|
<tbody>
|
|
<tr>
|
|
<td><em>Name:</em>
|
|
|
|
<td><dfn id="target-new">target-new</dfn>
|
|
|
|
<tr>
|
|
<td><em>Value:</em>
|
|
|
|
<td>window | tab | none
|
|
|
|
<tr>
|
|
<td><em>Initial:</em>
|
|
|
|
<td>window
|
|
|
|
<tr>
|
|
<td><em>Applies to:</em>
|
|
|
|
<td>hyperlinks
|
|
|
|
<tr>
|
|
<td><em>Inherited:</em>
|
|
|
|
<td>no
|
|
|
|
<tr>
|
|
<td><em>Percentages:</em>
|
|
|
|
<td>N/A
|
|
|
|
<tr>
|
|
<td><em>Media Group(s):</em>
|
|
|
|
<td>interactive visual
|
|
|
|
<tr>
|
|
<td><em>Computed value:</em>
|
|
|
|
<td>specified value
|
|
</table>
|
|
|
|
<dl>
|
|
<dt>window
|
|
|
|
<dd>The target is displayed in a new window.
|
|
|
|
<dt>tab
|
|
|
|
<dd>The target is displayed in a new tab of an existing window.
|
|
|
|
<dt>none
|
|
|
|
<dd>No new destination is created. The target is not displayed.
|
|
</dl>
|
|
|
|
<div class="example">
|
|
<p>If a user wanted to have new windows open in new tabs instead, she could
|
|
use the following user style sheet to do so:
|
|
|
|
<pre><code class="css">* { target-new: tab ! important }</code></pre>
|
|
</div>
|
|
|
|
<h3 id="the-target-position"><span class="secno">3.4. </span>The
|
|
'target-position' property</h3>
|
|
|
|
<p>The 'target-position' property indicates where a new destination (if any)
|
|
is created.
|
|
|
|
<table class="propdef" id="name-1">
|
|
<tbody>
|
|
<tr>
|
|
<td><em>Name:</em>
|
|
|
|
<td><dfn id="target-position">target-position</dfn>
|
|
|
|
<tr>
|
|
<td><em>Value:</em>
|
|
|
|
<td>above | behind | front | back
|
|
|
|
<tr>
|
|
<td><em>Initial:</em>
|
|
|
|
<td>above
|
|
|
|
<tr>
|
|
<td><em>Applies to:</em>
|
|
|
|
<td>hyperlinks
|
|
|
|
<tr>
|
|
<td><em>Inherited:</em>
|
|
|
|
<td>no
|
|
|
|
<tr>
|
|
<td><em>Percentages:</em>
|
|
|
|
<td>N/A
|
|
|
|
<tr>
|
|
<td><em>Media Group(s):</em>
|
|
|
|
<td>interactive visual
|
|
|
|
<tr>
|
|
<td><em>Computed value:</em>
|
|
|
|
<td>specified value
|
|
</table>
|
|
|
|
<dl>
|
|
<dt>above
|
|
|
|
<dd>The new destination tab (window) is placed above the current tab (window)
|
|
respectively.
|
|
|
|
<dt>behind
|
|
|
|
<dd>The new destination tab (window) is placed behind the current tab
|
|
(window) respectively.
|
|
|
|
<dt>front
|
|
|
|
<dd>The new destination tab (window) is placed above all other tabs (windows)
|
|
respectively.
|
|
|
|
<dt>back
|
|
|
|
<dd>The new destination tab (window) is placed behind all other tabs
|
|
(windows) respectively.
|
|
</dl>
|
|
|
|
<p>Both 'target-position' and 'target-new' only apply if due to the value of
|
|
'target-name', a new tab (or window) is being created. Neither
|
|
'target-position' nor 'target-new' can actually <em>cause</em> a new
|
|
destination to be created. They just determine what is created and where.
|
|
|
|
<h3 id="the-target"><span class="secno">3.5. </span>The 'target' property</h3>
|
|
|
|
<table class="propdef" id="name-2">
|
|
<tbody>
|
|
<tr>
|
|
<td><em>Name:</em>
|
|
|
|
<td><dfn id="target">target</dfn>
|
|
|
|
<tr>
|
|
<td><em>Value:</em>
|
|
|
|
<td><target-name> || <!-- <target-style> || -->
|
|
<target-new> || <target-position>
|
|
|
|
<tr>
|
|
<td><em>Initial:</em>
|
|
|
|
<td>see individual properties
|
|
|
|
<tr>
|
|
<td><em>Applies to:</em>
|
|
|
|
<td>hyperlinks
|
|
|
|
<tr>
|
|
<td><em>Inherited:</em>
|
|
|
|
<td>no
|
|
|
|
<tr>
|
|
<td><em>Percentages:</em>
|
|
|
|
<td>N/A
|
|
|
|
<tr>
|
|
<td><em>Media Group(s):</em>
|
|
|
|
<td>interactive visual
|
|
|
|
<tr>
|
|
<td><em>Computed value:</em>
|
|
|
|
<td>see individual properties
|
|
</table>
|
|
|
|
<p>The 'target' property is a shorthand property for setting the individual
|
|
target properties (i.e., 'target-name', 'target-new' and 'target-position')
|
|
at the same place in the style sheet.
|
|
|
|
<p> Given a valid declaration, the 'target' property first sets all the
|
|
individual target properties to their initial values, then assigns explicit
|
|
values given in the declaration.
|
|
<!--
|
|
|
|
<h2>The :link and :visited pseudo-classes</h2>
|
|
|
|
== These are already described in CSS3 Selectors ==
|
|
|
|
|
|
<h2>The ??? property</h2>
|
|
|
|
<p>An element may represent several links. The ??? property specifies which
|
|
link to use.</p>
|
|
<pre>p[href] { link: attr(href) }</pre>
|
|
|
|
== Editor thinks this is not developed enough of an idea to include here ==
|
|
|
|
|
|
<p>Primary and secondary links?</p>
|
|
|
|
== perhaps an issue ==
|
|
|
|
|
|
<h2 id="profiles">Profiles</h2>
|
|
|
|
<p>[This section explains what parts of this module belong in which
|
|
profiles.]</p>
|
|
|
|
<p>We have at least 4 profiles: level 1, level 2, level 3 and full</p>
|
|
|
|
== CSS3 Hyperlinks should not have any profiles. This should be all or nothing. ==
|
|
|
|
-->
|
|
|
|
<h2 id="conformance"><span class="secno">4. </span>Conformance</h2>
|
|
|
|
<p>There will be a test suite.
|
|
|
|
<h2 class="no-num" id="acknowledgments">Acknowledgments</h2>
|
|
|
|
<p>[acknowledgments]
|
|
|
|
<h2 class="no-num" id="references">References</h2>
|
|
|
|
<h3 class="no-num" id="normative-references">Normative references</h3>
|
|
<!--begin-include "normative.inc"-->
|
|
<!-- Sorted by label -->
|
|
|
|
<dl class="bibliography">
|
|
<dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
|
|
<!---->
|
|
|
|
<dt id="CSS21">[CSS21]
|
|
|
|
<dd>Bert Bos; Tantek Çelik; Ian Hickson; Håkon Wium Lie. <cite>Cascading
|
|
Style Sheets, level 2 revision 1.</cite> 15 September 2003. W3C Working
|
|
Draft. (Work in progress) URL: <a
|
|
href="http://www.w3.org/TR/2003/WD-CSS21-20030915">http://www.w3.org/TR/2003/WD-CSS21-20030915</a>
|
|
<!---->
|
|
|
|
<dt id="CSS3SYN">[CSS3SYN]
|
|
|
|
<dd>David Baron. <cite>CSS3 module: syntax.</cite> (forthcoming). W3C working
|
|
draft. (Work in progress.)
|
|
<!---->
|
|
|
|
<dt id="CSS3VAL">[CSS3VAL]
|
|
|
|
<dd>Håkon Wium Lie; Chris Lilley. <cite>CSS3 Values and Units Module.</cite>
|
|
13 Jul 2003. W3C working draft. (Work in progress.) URL: <a
|
|
href="http://www.w3.org/TR/2001/WD-css3-values-20010713">http://www.w3.org/TR/2001/WD-css3-values-20010713</a>
|
|
<!---->
|
|
</dl>
|
|
<!--end-include-->
|
|
|
|
<h3 class="no-num" id="other-references">Other references</h3>
|
|
<!--begin-include "informative.inc"-->
|
|
<!-- Sorted by label -->
|
|
|
|
<dl class="bibliography">
|
|
<dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
|
|
<!---->
|
|
|
|
<dt id="CSS3GENCON">[CSS3GENCON]
|
|
|
|
<dd>Håkon Wium Lie; Ian Hickson. <cite>CSS3 module: generated text.</cite>
|
|
(forthcoming). W3C working draft. (Work in progress.)
|
|
<!---->
|
|
|
|
<dt id="CSS3UI">[CSS3UI]
|
|
|
|
<dd>Tantek Çelik. <cite>CSS3 Basic User Interface Module.</cite> 3 Jul 2003.
|
|
W3C working draft. (Work in progress.) URL: <a
|
|
href="http://www.w3.org/TR/2003/WD-css3-ui-20030703">http://www.w3.org/TR/2003/WD-css3-ui-20030703</a>
|
|
<!---->
|
|
|
|
<dt id="HLINK">[HLINK]
|
|
|
|
<dd>Steven Pemberton; Masayasu Ishikawa. <cite>Link recognition for the XHTML
|
|
Family.</cite> 2002. W3C Working Draft. (Work in progress.) URL: <a
|
|
href="http://www.w3.org/TR/2002/WD-hlink-20020913/">http://www.w3.org/TR/2002/WD-hlink-20020913/</a>
|
|
<!---->
|
|
|
|
<dt id="HTML401">[HTML401]
|
|
|
|
<dd>Raggett, D.; Le Hors, A.; Jacobs, I.. <cite>HTML 4.01
|
|
Specification.</cite> Dec 1999. W3C Recommendation. URL: <a
|
|
href="http://www.w3.org/TR/1999/REC-html401-19991224">http://www.w3.org/TR/1999/REC-html401-19991224</a>
|
|
<!---->
|
|
|
|
<dt id="RFC1808">[RFC1808]
|
|
|
|
<dd>R. Fielding. <cite>Relative Uniform Resource Locators.</cite> June 1995.
|
|
Internet RFC 1808. URL: <a
|
|
href="http://www.ietf.org/rfc/rfc1808.txt">http://www.ietf.org/rfc/rfc1808.txt</a>
|
|
<!---->
|
|
|
|
<dt id="SVG10">[SVG10]
|
|
|
|
<dd>Various. <cite>Scalable Vector Graphics (SVG) 1.0 Specification.</cite>
|
|
Sep 2001. W3C Recommendation. URL: <a
|
|
href="http://www.w3.org/TR/2001/REC-SVG-20010904">http://www.w3.org/TR/2001/REC-SVG-20010904</a>
|
|
<!---->
|
|
|
|
<dt id="TAGLINK20030116">[TAGLINK20030116]
|
|
|
|
<dd>Ian Jacobs (Scribe). <cite>Minutes of 16 Jan 2003 discussion on Linking
|
|
in XML Documents.</cite> 2003. W3C TAG archives. URL: <a
|
|
href="http://www.w3.org/2003/01/16-tag-xlink">http://www.w3.org/2003/01/16-tag-xlink</a>
|
|
<!---->
|
|
|
|
<dt id="URI">[URI]
|
|
|
|
<dd>T. Berners-Lee; R. Fielding; L. Masinter. <cite>Uniform Resource
|
|
Identifiers (URI): generic syntax.</cite> August 1998. Internet RFC 2396.
|
|
URL: <a
|
|
href="http://www.isi.edu/in-notes/rfc2396.txt">http://www.isi.edu/in-notes/rfc2396.txt</a>
|
|
<!---->
|
|
|
|
<dt id="WCAG">[WCAG]
|
|
|
|
<dd>Wendy Chisholm; Gregg Vanderheiden; Ian Jacobs. <cite>Web Content
|
|
Accessibility Guidelines 1.0.</cite> 5-May-1999. W3C Recommendation. URL: <a
|
|
href="http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505">http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505</a>
|
|
<!---->
|
|
|
|
<dt id="XHTML10">[XHTML10]
|
|
|
|
<dd>Steven Pemberton; et al. <cite>XHTML 1.0: The Extensible HyperText Markup
|
|
Language.</cite> Jan 2000. W3C Recommendation. URL: <a
|
|
href="http://www.w3.org/TR/2000/REC-xhtml1-20000126">http://www.w3.org/TR/2000/REC-xhtml1-20000126</a>
|
|
<!---->
|
|
|
|
<dt id="XLINK10">[XLINK10]
|
|
|
|
<dd>DeRose, Steve; Maler, Eve; Orchard, David. <cite>XML Linking Language
|
|
(XLink) Version 1.0.</cite> Jun 2001. W3C Recommendation. URL: <a
|
|
href="http://www.w3.org/TR/2001/REC-xlink-20010627">http://www.w3.org/TR/2001/REC-xlink-20010627</a>
|
|
<!---->
|
|
|
|
<dt id="XML10">[XML10]
|
|
|
|
<dd>Tim Bray; Jean Paoli; C. M. Sperberg-McQueen; Eve Maler. <cite>Extensible
|
|
Markup Language (XML) 1.0 (Second Edition).</cite> Oct 2000. W3C
|
|
Recommendation. URL: <a
|
|
href="http://www.w3.org/TR/2000/REC-xml-20001006">http://www.w3.org/TR/2000/REC-xml-20001006</a>
|
|
<!---->
|
|
</dl>
|
|
<!--end-include-->
|
|
|
|
<h2 class="no-num" id="defaultcss">Default style sheet</h2>
|
|
|
|
<p class="note">This section is informative, only provides a few example
|
|
rules, and is not intended to comprehensively describe the HTML4/XHTML/XLink
|
|
"target" behaviors.
|
|
|
|
<pre><code class="css">
|
|
@namespace xlink url(http://www.w3.org/1999/xlink);
|
|
|
|
a[target],
|
|
area[target],
|
|
form[target]
|
|
{ target: attr(target,string) }
|
|
|
|
a[target="_blank"],
|
|
area[target="_blank"],
|
|
form[target="_blank"]
|
|
{ target: new }
|
|
|
|
a[target="_self"],
|
|
area[target="_self"],
|
|
form[target="_self"]
|
|
{ target: current }
|
|
|
|
a[target="_parent"],
|
|
area[target="_parent"],
|
|
form[target="_parent"]
|
|
{ target: parent }
|
|
|
|
a[target="_top"],
|
|
area[target="_top"],
|
|
form[target="_top"]
|
|
{ target: root }
|
|
|
|
|
|
*[xlink|show="new"]
|
|
{ target-name: new }
|
|
|
|
*[xlink|show="replace"]
|
|
{ target-name: current }
|
|
|
|
</code></pre>
|
|
|
|
<h2 class="no-num" id="index">Index</h2>
|
|
<!--begin-index-->
|
|
|
|
<ul class="indexlist">
|
|
<li>target, <a href="#target"><strong>#</strong></a>
|
|
|
|
<li>target-name, <a href="#target-name"><strong>#</strong></a>
|
|
|
|
<li>target-new, <a href="#target-new"><strong>#</strong></a>
|
|
|
|
<li>target-position, <a href="#target-position"><strong>#</strong></a>
|
|
</ul>
|
|
<!--end-index-->
|
|
|
|
<h2 class="no-num" id="property-index">Property index</h2>
|
|
<!--begin properties-->
|
|
|
|
<table class="proptable">
|
|
<thead>
|
|
<tr>
|
|
<th>Property
|
|
|
|
<th>Values
|
|
|
|
<th>Initial
|
|
|
|
<th>Applies to
|
|
|
|
<th>Inh.
|
|
|
|
<th>Percentages
|
|
|
|
<th>Media
|
|
|
|
<tbody>
|
|
<tr valign="baseline">
|
|
<td><span class="property"><a href="#target">target</a></span>
|
|
|
|
<td><target-name> || <target-new> || <target-position>
|
|
|
|
<td>see individual properties
|
|
|
|
<td>hyperlinks
|
|
|
|
<td>no
|
|
|
|
<td>N/A
|
|
|
|
<td>interactive visual
|
|
|
|
<tr valign="baseline">
|
|
<td><span class="property"><a href="#target-name">target-name</a></span>
|
|
|
|
<td>current | root | parent | new | modal | <string>
|
|
|
|
<td>current
|
|
|
|
<td>hyperlinks
|
|
|
|
<td>no
|
|
|
|
<td>N/A
|
|
|
|
<td>interactive visual
|
|
|
|
<tr valign="baseline">
|
|
<td><span class="property"><a href="#target-new">target-new</a></span>
|
|
|
|
<td>window | tab | none
|
|
|
|
<td>window
|
|
|
|
<td>hyperlinks
|
|
|
|
<td>no
|
|
|
|
<td>N/A
|
|
|
|
<td>interactive visual
|
|
|
|
<tr valign="baseline">
|
|
<td><span class="property"><a
|
|
href="#target-position">target-position</a></span>
|
|
|
|
<td>above | behind | front | back
|
|
|
|
<td>above
|
|
|
|
<td>hyperlinks
|
|
|
|
<td>no
|
|
|
|
<td>N/A
|
|
|
|
<td>interactive visual
|
|
</table>
|
|
<!--end properties-->
|
|
<!-- Keep this comment at the end of the file
|
|
Local variables:
|
|
mode: sgml
|
|
sgml-declaration:"~/SGML/HTML4.decl"
|
|
sgml-default-doctype-name:"html"
|
|
sgml-minimize-attributes:t
|
|
sgml-nofill-elements:("pre" "style" "br")
|
|
sgml-live-element-indicator:t
|
|
sgml-omittag:nil
|
|
sgml-shorttag:nil
|
|
sgml-namecase-general:t
|
|
sgml-general-insert-case:lower
|
|
sgml-always-quote-attributes:t
|
|
sgml-indent-step:nil
|
|
sgml-indent-data:t
|
|
sgml-parent-document:nil
|
|
sgml-exposed-tags:nil
|
|
sgml-local-catalogs:nil
|
|
sgml-local-ecat-files:nil
|
|
End:
|
|
-->
|