Diferencia entre revisiones de «Lenguaje XHTML/Hipervínculos»
Contenido eliminado Contenido añadido
Trasladado desde Lenguaje XHTML |
Trasladado desde Lenguaje XHTML |
||
Línea 27:
</body>
</html>
==Parrafos e <code>id</code>s==
En XHTML, los títulos están definidos por los tags <h1>, <h2>,..., <h6>. <h1> es el título más grande y <h6> el más pequeño. Los títulos para una sección deberían ser alguno de estos tags. Un párrafo debe ir entre los tags <p>. Un párafo no debería incluir su propio título dento de sí mismo.
Tanto los títulos como los párrafos deben 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":
<h1>Inicio</h1>
<p id="contenido">Hola mundo</p>
Todos los tags en XHTML pueden tener un atributo <code>id</code>. Es recomendable añadir dicho atributo a cada tag 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
<a href="#parrafos_e_id">esta sección</a>
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:
<a href="<nowiki>http://wikibooks.org/wiki/Main_Page#Wikibooks'_Sister_Projects</nowiki>">
Wikibook's sister projects
</a>
para obtener esto: [[Main Page#Wikibooks' Sister Projects]].
Hagamos un XHTML más largo para ilustrar mejor este punto.
<table>
<tr><td>
<pre>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<nowiki>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></nowiki>
<html>
<head>
<title>
Paragraph
</title>
</head>
<body>
<p id="Wikibooks">
<h1>Wikibooks</h1>
Wikibooks is a great website. Click
<a href="#Books">here</a>
to see some examples of some textbooks.
</p>
<p id="Books">
<h1>Books</h1>
Some books at Wikibooks.org include:
Algebra, XHTML, and Spanish.
</p>
</body>
</html>
</pre>
</td>
<td>
[[Image:XHTML-paragraph-firstloaded.png]]
<br/>
<small>Page when first loaded</small>
<br/>
[[Image:XHTML-paragraph-here.png]]
<br/>
<small>Page after "here" is clicked</small>
<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 <br />. Aunque si seguimos los estándares, es correcto escribirlo como <br /> 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 <hr />. Los separadores se ven como una línea que cruza la pantalla en horizontal, así:
<hr />
(''Nota: Si estas usando el tema Cologne Blue en los Wikibooks, puede que no veas esta línea. Si no la ves, cambia temporalmente a un tema diferente como Standard o Nostalgia'')
El espacio entre <code>br</code> y <code>/</code> es necesario para que algunos navegadores viejos lo interpreten correctamente. Los estándares no lo requieren pero tampoco lo prohíben.
[[Categoría:Lenguaje XHTML]]
|