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 <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.
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 =
<p id="contenido">Hola mundo</p>
</source>
Línea 120:
</source>
para obtener esto: [[#
<source lang=html4strict>
<a href="<nowiki>http://wikibooks.org/wiki/Main_Page#Wikibooks'_Sister_Projects">
Línea 141:
<body>
<p id="Wikibooks">
= Wikibooks =
Wikibooks is a great website. Click
<a href="#Books">here</a>
Línea 153:
</body>
</html>
[[
<br />
<small>Page when first loaded</small>
<br />
[[
<br />
<small>Page after "here" is clicked</small>
</source>
[[
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í:
----
(''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'')
|