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

Contenido eliminado Contenido añadido
m Revertidos los cambios de 190.216.210.110 (disc.) a la última edición de Josemiguel93
m Bot: Convirtiendo o corrigiendo el código HTML; cambios triviales
Línea 104:
La utilización de enlaces redundantes es imprescindible si se utiliza un objeto [[w:Adobe Flash|flash]] como elemento de navegación para el documento web. Hay que tener en cuenta qué pasaría si no podemos tener acceso a ese objeto, ya sea por un fallo en el servidor que no lo podemos descargar o bien porque no tenemos el plug-in necesario para visualizarlo. Mejor un caso práctico: un buscador. Si un buscador entra a nuestra web para indizarla y se encuentra con un objeto Flash, lo ignorará. Imagine que el único acceso al resto de páginas de su sitio web se tiene que hacer a través del objeto Flash. El buscador no podrá indizar sus páginas y, como consecuencia, su web no aparecerá en los buscadores, o sólo aparecerá la página principal. También los problemas de accesibilidad que comportan los objetos Flash como poder navegar por los enlaces con el teclado, seleccionar texto o que el texto pueda ser sintetizado por una voz. Como podrá ver en el capítulo sobre [[../Objetos|objetos]] el propio XHTML define que se pueda definir contenido alternativo para que se muestre en el caso de que el objeto no pueda ser procesado por el navegador; de todas formas, no es mala idea incluir una alternativa aun cuando se pueda tener acceso al objeto.
 
== Parrafos e <code>id</code>s ==
En XHTML, los títulos están definidos por los tags &lt;h1&gt;, &lt;h2&gt;,..., &lt;h6&gt;. &lt;h1&gt; es el título más grande y &lt;h6&gt; 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 &lt;p&gt;. Un párafo no debería incluir su propio título dento de sí mismo.
 
Línea 110:
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>
= Inicio =
<h1>Inicio</h1>
<p id="contenido">Hola mundo</p>
</source>
Línea 120:
</source>
 
para obtener esto: [[#parrafos_e_idparrafos 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>
<a href="<nowiki>http://wikibooks.org/wiki/Main_Page#Wikibooks'_Sister_Projects">
Línea 141:
<body>
<p id="Wikibooks">
= Wikibooks =
<h1>Wikibooks</h1>
Wikibooks is a great website. Click
<a href="#Books">here</a>
Línea 153:
</body>
</html>
[[ImageArchivo:XHTML-paragraph-firstloaded.png]]
<br />
<small>Page when first loaded</small>
<br />
[[ImageArchivo:XHTML-paragraph-here.png]]
<br />
<small>Page after "here" is clicked</small>
</source>
[[MediaMedio:Wikibooks-paragraph.html|Download here]]
 
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í:
----
<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'')