[RFR] wml://devel/website/htmlediting.wml
#use wml::debian::template title="Debian Web Pages HTML Usage" BARETITLE=true
#use wml::debian::common_tags
#use wml::debian::acronyms
#use wml::debian::toc
#use wml::debian::translation-check translation="1.13" maintainer="Diddier Hilarion"
<p>
Esta página es aún un borrador.
</p>
<toc-display/>
<toc-add-entry name="preface">Prólogo</toc-add-entry>
<p>Esta página está dedicada a ayudar a editores y traductores a crear páginas
que usen de manera adecuada las etiquetas web.
Esta página contiene recomendaciones acerca del uso de etiquetas y como crear
páginas nuevas que sean más fáciles de traducir.</p>
<toc-add-entry name="general">Algunas recomendaciones generales</toc-add-entry>
<p>Está es una lista de recomendaciones generales para páginas nuevas o
traducciones</p>
<dl>
<dt>No usar líneas largas</dt>
<dd>
El ancho de línea de Los ficheros wml y otros ficheros debe ser el adecuado para
que pueda ser leído en una terminal. Esto hace que sea fácil de editar en vi,
mejora la búsqueda y facilita la traducción. Esto también es importante por que
el sistema de control de versiones hace uso de las líneas individuales
y es más difícil resolver conflictos en líneas largas.
</dd>
<dt>Poner las etiquetas en líneas separadas de ser posible</dt>
<dd>
Muchas etiquetas HTML pueden ser puestas en una línea separada. Algunas de
estas son <div>, <p>, <table>, <ul>. Para facilitar
el trabajo a los traductores, se debe mantener las etiquetas que puedan ser
usadas de esta manera en líneas separadas. De lo contrario los traductores
pueden borrar etiquetas accidentalmente y olvidar colocarlas de nuevo.
</dd>
<dt>No usar espacios o saltos de línea en etiquetas de tipo inline</dt>
<dd>Algunas etiquetas pueden producir espacios si están en distintas líneas que
su contenido. Una de estas es la etiqueta <q> usada para citas cortas. Las
etiquetas de apertura y cierre deben estar en la misma línea. De lo contrario
se generará un espacio después de la etiqueta. Entre palabras pertenecientes a
la etiqueta puede haber tantos espacios y saltos de línea como se desee.
</dd>
</dl>
<toc-add-entry name="abbreviations">Abreviaciones y acrónimos</toc-add-entry>
<p>
Para abreviaciones y acrónimos se debe usar la etiqueta HTML <acronym>.
Hay dos razones por las cuales la etiqueta <abbr> no es recomendable:
Primero no todos los navegadores la soportan y segundo hay definiciones
inconsistentes de que es un acrónimo y una abreviación.
</p>
<p>
Un acrónimo es añadido con la siguiente sintaxis:
<code><acronym lang="código del idioma" title="Definición Del Acrónimo"
>ACRONYM</acronym></code>. La definición contiene las palabras a las
cuales el acrónimo hace referencia. Si el acrónimo está formado por las letras
iniciales de las palabras, esas letras deben estar en mayúscula en el título del
acrónimo. El atributo del lenguaje sólo es necesario si el acrónimo o
abreviación está en un idioma diferente.
</p>
<p>
Existe un conjunto de acrónimos predefinidos en las plantillas wml que se pueden
usar en las páginas, para usarlos se debe incluir <code>acronyms</code> en el
fichero wml. Por ejemplo la etiqueta wml para DD es <acronym_DD />.
</p>
<toc-add-entry name="citations">Referencias y citas</toc-add-entry>
<p>
Hay reglas diferentes acerca de que es una referencia o cita para diferentes
idiomas. Si se tiene una pequeña cita se usa la etiqueta <q>.
La representación final del contenido es responsabilidad del código CSS.
No debe haber espacio entre las etiquetas de apertura y cierre con el contenido.
</p>
<p>
Para citas más largas se usa la etiqueta <blockquote>. Una etiqueta
<blockquote> encierra uno o más párrafos demarcados con <p>.
Por favor no usar la etiqueta <blockquote> para centrar texto que no sea
una cita. <blockquote> es especifico para citas y su
representación final será dependiente del código CSS en el futuro.
</p>
<p>
También existe la etiqueta <cite> en HTML. La etiqueta <cite> no es
la cita. Esta etiqueta se usa para especificar la referencia de la cita.
Esto puede ser el nombre de la persona a la cual la cita pertenece, esto puede
hacer parte de <blockquote> como una URL.
</p>
<toc-add-entry name="code">Nombres de programas y código</toc-add-entry>
<p>
Para referirse a nombres de programas y código existe la etiqueta <code>.
Los navegadores habitualmente saben como representar código y nombres de
programas, pero su representación final puede ser modificada mediante código CSS.
No es recomendable usar la etiqueta <tt> ya que esta no dice nada acerca
del contenido
</p>
<toc-add-entry name="samp">La salida por pantalla</toc-add-entry>
<p>
Para representar la salida en pantalla existe una etiqueta especial llamada
<samp>. Si la salida del ordenador es demasiado larga, se debe revisar el
código CSS en el caso que haya una clase especial para ello.
</p>
<toc-add-entry name="kbd">Entrada por teclado</toc-add-entry>
<p>
Si hay ejemplos donde el usuario tenga que ingresar información por el teclado
se usa la etiqueta <kbd> para representar la entrada por teclado. Véase el
capítulo acerca de <a href="#var">variables</a> para saber como especificar
que la entrada es variable.
</p>
<toc-add-entry name="var">Variables</toc-add-entry>
<p>
Algunas veces es necesario representar alguna entrada variable como es el caso
de una dirección IP especifica o el nombre de usuario el cual debe ser dado al
programa en la línea de comandos. Para esas entradas variables se usa la
etiqueta <var>.
</p>
<toc-add-entry name="pre">Contenido preformateado</toc-add-entry>
<p>
La etiqueta <pre> se usa únicamente para contenido preformateado. Aspectos
como tamaño de línea, número de espacios y otras cosas se preservarán usando
esta etiqueta. Como es de esperar esta etiqueta no puede contener muchas de las
otras etiquetas HTML.
</p>
<toc-add-entry name="img">Imágenes</toc-add-entry>
<p>
De haber imágenes en la página no es necesario añadir el atributo border=0.
Sin embargo si es posible se debe especificar el tamaño de imagen y el atributo
<code>alt</code>. Si no se especifica el tamaño el wml lo agrega pero esto
añade tiempo de compilación. El atributo <code>alt</code> debe tener un
texto informativo que diga que hay en la imagen esto es útil para usuarios con
lynx o usuarios ciegos.
</p>
# <toc-add-entry name=""></toc-add-entry>
Reply to: