Diferencia entre revisiones de «Lenguaje XHTML/Hipervínculos»

Contenido eliminado Contenido añadido
m Deshecha la edición 112949 de 189.158.18.194 (disc.) Por vandalismo.
Línea 109:
Tanto los títulos como los párrafos pueden tener el atributo <code>id</code> (pronunciado como la abreviatura de ''identificación''). En HTML, esto se llamaba a veces el atributo <code>name</code>, pero ahora, el atributo <code>name</code> está descontinuado.
Vamos a crear ahora un XHTML de ejemplo, pondremos un título que diga "Inicio" y un párrafo que diga "Hola mundo" con el id "contenido":
<source lang=html4strict>
 
&lt;<h1&gt;>Inicio&lt;</h1&gt;>
&lt;<p id="contenido"&gt;>Hola mundo&lt;</p&gt;>
</source>
 
 
Todos los tags en XHTML pueden tener un atributo <code>id</code>. Es recomendable añadir dicho atributo a cada tag que defina una sección lógica para asegurarse que los usuarios podrán modificar la estética fácilmente por la que más les guste, por medio de las hojas de estilo. El <code>id</code> de un bloque de texto o de un título no se aprecian en ninguna parte de la página XHTML, pero tiene otros usos. Por ejemplo, si estás vinculando a una página XHTML, es posible hacer abra esa página y luego escrole automáticamente hasta que encuentre el elemento con un cierto id. Para hacer eso, debes usar una ruta relativa como se explicó antes. Si estás vinculando a un <code>id</code> de la página actual, usa la sintaxis ''#nombre_del_id'' para el <code>id</code> al que quieras vincular. Por ejemplo, para hacer un vínculo a la sección con el <code>id</code> parrafos_e_id (esta sección), debes usar el código
 
<source lang=html4strict>
&lt;<a href="#parrafos_e_id"&gt;>esta sección&lt;</a&gt;>
</source>
 
para obtener esto: [[#parrafos_e_id|esta sección]]. Vinculando desde otro sitio web al <code>id</code> de una página es muy simple. Sólo escribe la URL que quieres vincular acompañada por un un singo # (sin espacios) y el <code>id</code> al que quieres referenciar. Entonces, para vincular al <code>id</code> "Sister_Projects" de la página principal de Wikibooks debes escribir:
<source lang=html4strict>
 
&lt;<a href="<nowiki>http://wikibooks.org/wiki/Main_Page#Wikibooks'_Sister_Projects</nowiki">"&gt;
Wikibook's sister projects
</tda>
&lt;/a&gt;
</source>
 
para obtener esto: [[Main Page#Wikibooks' Sister Projects]].
Línea 128 ⟶ 131:
Hagamos un XHTML más largo para ilustrar mejor este punto.
 
<source lang=html4strict>
<table>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <nowiki>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</nowiki>
<tr><td>
<html xmlns="http://www.w3.org/1999/xhtml">
<pre>
&lt;<head&gt;>
&lt;!DOCTYPE html
&lt;<title&gt;>
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<nowiki>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</nowiki>
 
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;
Paragraph
&lt;</title&gt;>
&lt;</head&gt;>
&lt;<body&gt;>
&lt;<p id="Wikibooks"&gt;>
&lt;<h1&gt;>Wikibooks&lt;</h1&gt;>
Wikibooks is a great website. Click
&lt;<a href="#Books"&gt;>here&lt;</a&gt;>
to see some examples of some textbooks.
&lt;</p&gt;>
&lt;<p id="Books"&gt;>
&lt;<h1&gt;Books&lt;</h1&gt;>
Some books at Wikibooks.org include:
Algebra, XHTML, and Spanish.
&lt;</p&gt;>
&lt;</body&gt;>
&lt;</html&gt;>
</pre>
</td>
<td>
[[Image:XHTML-paragraph-firstloaded.png]]
<br/>
Línea 165 ⟶ 160:
<br/>
<small>Page after "here" is clicked</small>
</source>
 
<center>[[Media:Wikibooks-paragraph.html|Download here]]</center></td></tr></table>
 
Los ''saltos de línea'' y los separadores están indicados con un elemento vacío, o uno que se cierra a sí mismo usando un signo '/' al final del tag. Los saltos de línea, que crean una nueva línea sin empezar un nuevo párrafo, están definidas por el elemento &lt;br /&gt;. Aunque si seguimos los estándares, es correcto escribirlo como &lt;br /&gt; si no lo escribes como un elemento suelto, algunos navegadores no lo renderizarán de forma correcta. Lo mismo se aplica a los separadores, escritos usando el elemento &lt;hr /&gt;. Los separadores se ven como una línea que cruza la pantalla en horizontal, así: