Esta es una comparativa de los lenguajes de marcado ligero más empleados de los disponibles actualmente. Dicha comparativa surge a partir de este articulo, Markdown, la mejor opción para crear contenidos web, donde defiendo la idoneidad de markdown para crear contenidos web.
En esta comparativa se verá como emplear cada uno de los lenguajes de marcado disponibles para crear un contenido web similar. Tomo como referencia a markdown, aunque no todos los lenguajes soportan todas o las mismas características que este.
Documento de ejemplo realizado con Markdown
| Markdown | Resultado | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
Documento de ejemploLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum semper adipiscing leo et blandit. Sed nibh quam, hendrerit sit amet aliquam vel, pulvinar molestie augue.
Lenguajes de marcado ligero
Cabecera H3Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet.
Ejemplo de código import lifetime
for each_day in lifetime.days():
carpe_diem()
Suspendisse posuere velit et velit vehicula at scelerisque orci suscipit. Nulla facilisis lorem eu sem viverra varius nec ut felis. |
Textile
Es una buena alternativa a Markdown y bastante extendido, aunque quizás menos que Markdown. Tiene algunas posibilidades que no tiene Markdown como emplear colores, poder alinear el texto o emplear superindice y subindice. También tiene carencias como el no poder dibujar líneas horizontales o el poder emplear acronimos solo con mayusculas y tener que declararlos en cada una de las partes del texto que aparezcan. Pero quiźas para mi la mayor desventaja es la menor legibilidad del texto, es menos evidente a un vistazo que markdown.
| Textile | Resultado | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
h1. Documento de ejemplo
Lorem ipsum "dolor sit amet":#mark, consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum **semper adipiscing leo** et blandit.
Sed nibh quam, hendrerit _sit amet aliquam_ vel, pulvinar molestie augue.
bq. Integer cursus, nunc eu ultrices pellentesque, eros leo malesuada turpis, vel convallis neque dolor a nunc. Sed lacus risus, condimentum vitae posuere quis, ultrices pharetra nunc.
Lenguajes de marcado ligero
* **Markdown**
* Textile
* reStructuredText
* Texy!
* Txt2tags
* Marcado Wiki
## Creole
## MediaWiki
!pictures/no_wysiwyg.png (avatar)!
h3. Cabecera H3
Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet.
|_. @@|_. solo texto|_. HTML Limpio|
|Markdown|Si|Si|
|Editor WYSISWG|X|A veces|
_Ejemplo de código_
bc.. import lifetime
for each_day in lifetime.days():
carpe_diem()
p. Suspendisse posuere velit et velit VEHICULA(automobila) at scelerisque orci suscipit. Nulla facilisis lorem eu sem viverra varius nec ut felis.
Esto es un texto con nota al pie[1] y esta es otra nota[2]
fn1. Esto es una nota al pie.
fn2. Esto es la segunda nota.
|
Documento de ejemploLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum semper adipiscing leo et blandit. Sed nibh quam, hendrerit sit amet aliquam vel, pulvinar molestie augue.
Lenguajes de marcado ligero
Cabecera H3Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet.
Ejemplo de código
import lifetime
for each_day in lifetime.days():
carpe_diem()
Suspendisse posuere velit et velit VEHICULA at scelerisque orci suscipit. Nulla facilisis lorem eu sem viverra varius nec ut felis. Esto es un texto con nota al pie1 y esta es otra nota2 1 Esto es una nota al pie. 2 Esto es la segunda nota. |
BBCode
Es uno de los más extendido porque es ampliamente usado en foros por toda la red. Nació para ser empleado en foros y es prácticamente el único ámbito en el que se emplea. Es también muy limitado porque no soporta muchas de las características de los otros lenguajes y además hay múltiples variantes que no ayudan a crear un estándar. Por ejemplo las listas y las tablas no son contempladas en algunas de esas variantes.
| BBCode | Resultado |
|---|---|
Documento de ejemplo
Lorem ipsum [url=http://joedicastro.com]dolor sit amet[/url], consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum [b]semper adipiscing leo[/b] et blandit.
Sed nibh quam, hendrerit [i]sit amet aliquam[/i] vel, pulvinar molestie augue.
[quote]Integer cursus, nunc eu ultrices pellentesque, eros leo malesuada turpis, vel convallis neque dolor a nunc. Sed lacus risus, condimentum vitae posuere quis, ultrices pharetra nunc.[/quote]
[img]http://joedicastro/files/
imagenes/no_wysiwyg.png[/img]
Cabecera H3
Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet.
[i]Ejemplo de codigo[/i]
[code]
import lifetime
for each_day in lifetime.days():
carpe_diem()
[/code]
|
Documento de ejemplo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum semper adipiscing leo et blandit. Sed nibh quam, hendrerit sit amet aliquam vel, pulvinar molestie augue.
Cabecera H3 Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet. Ejemplo de codigoimport lifetime for each_day in lifetime.days(): carpe_diem() |
reStructuredText
Fue creado para crear documentación, en concreto documentación para lenguajes de programación como Python. Tiene algunas carencias al no estar orientado a HTML, pero también tiene posibilidades de las que carece Markdown. Es muy potente, bastante legible, pero un poco incomodo para según que cosas, a mi modo de ver.
| reStructuredText | Resultado | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
Documento de ejemplo
====================
Lorem ipsum `dolor sit amet <#mark>`_, consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum **semper adipiscing leo** et blandit.
Sed nibh quam, hendrerit *sit amet aliquam* vel, pulvinar molestie augue.
Integer cursus, nunc eu ultrices pellentesque, eros leo malesuada turpis, vel convallis neque dolor a nunc. Sed lacus risus, condimentum vitae posuere quis, ultrices pharetra nunc.
Lenguajes de marcado ligero
* **Markdown**
* Textile
* reStructuredText
* Texy!
* Txt2tags
* Marcado Wiki
1. Creole
2. MediaWiki
.. image:: pictures/no_wysiwyg.png
:alt: avatar
---------------
Cabecera H3
^^^^^^^^^^^
Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet.
============== ========== ===========
\ solo texto HTML Limpio
============== ========== ===========
Markdown Si Si
Editor WYSISWG X A veces
============== ========== ===========
*Ejemplo de código*::
import lifetime
for each_day in lifetime.days():
carpe_diem()
Suspendisse posuere velit et velit vehicula at scelerisque orci suscipit. Nulla facilisis lorem eu sem viverra varius nec ut felis.
Esto es un texto con nota al pie [1]_ y esta es otra nota [2]_
.. [1] Esto es una nota al pie.
.. [2] Esto es la segunda nota.
|
Documento de ejemploLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum semper adipiscing leo et blandit. Sed nibh quam, hendrerit sit amet aliquam vel, pulvinar molestie augue.
Lenguajes de marcado ligero
Cabecera H3Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet.
Ejemplo de código: import lifetime Suspendisse posuere velit et velit vehicula at scelerisque orci suscipit. Nulla facilisis lorem eu sem viverra varius nec ut felis. |
Texy!
Fue específicamente diseñado para crear documentos XHTML, por ello es bastante completo, pero no está muy extendido. Es legible, pero también tiene carece de soporte para ciertos tags de HTML.
| Texy! | Resultado | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
Documento de ejemplo
====================
Lorem ipsum [dolor sit amet | http://joedicastro.com], consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum **semper adipiscing leo** et blandit.
Sed nibh quam, hendrerit *sit amet aliquam* vel, pulvinar molestie augue.
> Integer cursus, nunc eu ultrices pellentesque, eros leo malesuada turpis, vel convallis neque dolor a nunc. Sed lacus risus, condimentum vitae posuere quis, ultrices pharetra nunc.
Lenguajes de marcado ligero
- **Markdown**
- Textile
- reStructuredText
- Texy!
- Txt2tags
- Marcado Wiki
1) Creole
2) MediaWiki
[* pictures/no_wysiwyg.png .(alt text)[avatar] *]
### Cabecera H3 ###
-----
Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet.
|------------------------------
| | solo texto | HTML Limpio
|------------------------------
| Markdown | Si | Si
| Editor WYSISWG | X | A veces
*Ejemplo de código*
/---code
import lifetime
for each_day in lifetime.days():
carpe_diem()
\---
Suspendisse posuere velit et velit "vehicula"((automobila)) at scelerisque orci suscipit. Nulla facilisis lorem eu sem viverra varius nec ut felis.
|
Documento de ejemploLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum semper adipiscing leo et blandit. Sed nibh quam, hendrerit sit amet aliquam vel, pulvinar molestie augue.
Lenguajes de marcado ligero
![]() Cabecera H3Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet.
Ejemplo de código import lifetime
for each_day in lifetime.days():
carpe_diem()
Suspendisse posuere velit et velit vehicula at scelerisque orci suscipit. Nulla facilisis lorem eu sem viverra varius nec ut felis. |
txt2tags
Está escrito en Python y es muy potente, al igual que RestructuredText, permitiendo macros. Permite la salida en muchos formatos, incluido el XHTML. Es muy legible y muy fácil de emplear, es una pena que no esté más extendido y soportado. Aunque aún tiene algunas carencias como las notas al pie o las abreviaturas, que pueden ser soportadas con macros, también tiene un desarrollo muy activo. En la futura versión 3.0 serán soportados directamente las notas al pie. Es una alternativa con muy buen futuro.
| txt2tags | Resultado | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
=Documento de ejemplo= Lorem ipsum [dolor sit amet #mark], consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum **semper adipiscing leo** et blandit. Sed nibh quam, hendrerit //sit amet aliquam// vel, pulvinar molestie augue. |
Documento de ejemploLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum semper adipiscing leo et blandit. Sed nibh quam, hendrerit sit amet aliquam vel, pulvinar molestie augue.
Lenguajes de marcado ligero
Cabecera H3Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet.
Ejemplo de codigo
import lifetime
for each_day in lifetime.days():
carpe_diem()
|
Creole
Creado a partir de los lenguajes más empleados en los Wikis y usado fundamentalmente en Wikis, por lo que también tiene ciertas carencias.
| Creole | Resultado | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
== Documento de ejemplo ==
Lorem ipsum [[#mark|dolor sit amet]], consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum **semper adipiscing leo** et blandit.
Sed nibh quam, hendrerit //sit amet aliquam// vel, pulvinar molestie augue.
> Integer cursus, nunc eu ultrices pellentesque, eros leo malesuada turpis, vel convallis neque dolor a nunc. Sed lacus risus, condimentum vitae posuere quis, ultrices pharetra nunc.
Lenguajes de marcado ligero
* **Markdown**
* Textile
* reStructuredText
* Texy!
* Txt2tags
* Marcado Wiki
## Creole
## MediaWiki
{{pictures/no_wysiwyg.png|avatar}}
==== Cabecera H3 ====
-----
Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet.
|= |= solo texto |= HTML Limpio |
| Markdown | Si | Si |
| Editor WYSISWG | X | A veces |
//Ejemplo de código//
{{{
import lifetime
for each_day in lifetime.days():
carpe_diem()
}}}
|
Documento de ejemploLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum semper adipiscing leo et blandit. Sed nibh quam, hendrerit sit amet aliquam vel, pulvinar molestie augue.
Lenguajes de marcado ligero
Cabecera H3----- Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet.
Ejemplo de código import lifetime |
MediaWiki
Quizás el más extendido, no en vano MediaWiki es el Wiki empleado por la
Wikipedia. Igual que Creole, tiene ciertas limitaciones que suple con plugins y
etiquetas HTML. No me acaba de gustar. La manera que tiene de crear tablas -
por ejemplo - aunque potente, no me parece nada legible en texto plano.
| MediaWiki | Resultado | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
==Documento de ejemplo== Lorem ipsum [http://joedicastro.com dolor sit amet], consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum '''semper adipiscing leo''' et blandit. Sed nibh quam, hendrerit ''sit amet aliquam'' vel, pulvinar molestie augue.Integer cursus, nunc eu ultrices pellentesque, eros leo malesuada turpis, vel convallis neque dolor a nunc. Sed lacus risus, condimentum vitae posuere quis, ultrices pharetra nunc.Lenguajes de marcado ligero * '''Markdown''' * Textile * reStructuredText * Texy! * Txt2tags * Marcado Wiki *# Creole *# MediaWiki [[File:pictures/no_wysiwyg.png|caption]] === Cabecera H3 === ---- Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet. {| ! ! solo texto ! HTML Limpio |- |Markdown |Si |Si |- |Editor WYSISWG |X |A veces |} ''Ejemplo de código'' import lifetime for each_day in lifetime.days(): carpe_diem() Suspendisse posuere velit et velit vehicula at scelerisque orci suscipit. Nulla facilisis lorem eu sem viverra varius nec ut felis. Esto es un texto con nota al pie Esto es una nota al pie. y esta es otra nota Esto es la segunda nota. {{reflist}} |
Documento de ejemploLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget ante nunc. Pellentesque a tortor ipsum, id rhoncus orci. Quisque leo sapien, rutrum id convallis id, rutrum in ligula. Vestibulum semper adipiscing leo et blandit. Sed nibh quam, hendrerit sit amet aliquam vel, pulvinar molestie augue.
Lenguajes de marcado ligero
Cabecera H3Morbi erat augue, feugiat eu pellentesque eget, hendrerit quis lectus. Fusce dignissim pretium nibh sed dignissim. Pellentesque lobortis ante eu dui fermentum vitae blandit risus aliquet.
Ejemplo de código import lifetime Suspendisse posuere velit et velit vehicula at scelerisque orci suscipit. Nulla facilisis lorem eu sem viverra varius nec ut felis. Esto es un texto con nota al pie [1] y esta es otra nota [2] |
