Diferencia entre revisiones de «Lenguaje XHTML»
Contenido eliminado Contenido añadido
→Introducción: lagunas cosas, revertir lo que creáis necesario. (¿FrontPage es compatible con XHTML? ahora me entero) |
|||
Línea 18:
Intente aprender XHTML escribiendo código directamente en vez de utilizando un editor [[w:WYSIWYG|WYSIWYG]]. Para hacerlo puede utilizar un editor de texto plano como [[w:Notepad|Notepad]], [[w:SimpleText|SimpleText]] o [[w:Kate|Kate]]. [[w:Microsoft FrontPage|Microsoft FrontPage]] a menudo produce páginas que se ven bien sólo si se las ve con el [[w:Microsoft Internet Explorer|Microsoft Internet Explorer]]. Además, frecuentemente produce archivos mucho más grandes de lo que se necesitaría. Por el contrario, [[w:Nvu|Nvu]] es un editor XHTML que crea páginas que pueden ser vistas correctamente en varios navegadores y genera archivos bastante ''livianos''.
== Etiquetas y Elementos ==
XHTML usa tags. Los tags son piezas de texto encerradas ente los signos menor-que (<) y mayor-que (>). Un ejemplo de un tag en XHTML es el tag <html>, en el cual se encierran todos los documentos XHTML. En XHTML todos los tags deben escribirse en minúsculas.▼
▲El lenguaje XHTML usa '''etiquetas''' (o ''tags'' en inglés).
Los tags están formados por el nombre del tag y los atributos. El nombre del tag determina el tipo de tag, y los atributos dan más información acerca del tag. Por ejemplo, en el tag <a>, usado principalmente para hacer links, el atributo <code>href</code> es usado para definir a qué destino deben ir. Un hipervículo a http://www.wikibooks.org debería escibirse como <nowiki><a href="http://www.wikibooks.org/"></nowiki>.▼
▲
<nowiki><a href="http://www.wikibooks.org/">
Los elementos pueden estar anidados. Esto significa que puede haber elementos que estén completamente dentro de otro elemento. Un ejemplo de esto sería▼
▲ <nowiki><a href="http://www.wikibooks.org/"><span id="wikibooks">Wikibooks.org</span></a></nowiki>
Entrando ya en formalidades del lenguaje, las '''etiquetas''' no son más que la implementación en el código de los '''elementos'''. Los elementos son una ''abstracción''. Así hablamos del elemento <tt>html</tt> pero de la etiqueta <tt><html></tt>, o bien de la etiqueta de apertura y de cierre, <tt><html></tt> y <tt></html></tt> respectivamente. [[Imagen:Elemento XHTML (esquema).png|none|400px|Etiquetas, la implementación del elemento]]
En ese aspecto los elementos, a diferencia del [[Lenguaje HTML|HTML]], deben implementarse siempre con su respectiva '''etiqueta de cierre'''. La etiqueta de cierre es el nombre del elemento encerrado entre los signos ''mayor que'' y ''menor que'', igual que la etiqueta de apertura, pero sin atributos y con la ''barra inclinada'' (<tt>'''/'''</tt>) justo antes del nombre (ver esquema anterior). En '''elementos vacíos''' se admite la posibilidad de incluir la etiqueta de cierre en la etiqueta de apertura, simplemente poniendo la barra inclinada antes del signo ''mayor que'' que delimita la etiqueta, como por ejemplo:
'''<'''br id="ejemplo" '''/>'''
▲Los elementos pueden estar '''anidados'''. Esto significa que puede haber elementos que estén completamente dentro de otro elemento.
<p><i>Esto es <b>un ejemplo</b></i>.</p>
==Un Documento XHTML Básico==
| |||