Código BBC
La versión actual de la página aún no ha sido revisada por colaboradores experimentados y puede diferir significativamente de la versión revisada el 15 de septiembre de 2014; las comprobaciones requieren 35 ediciones .| Código BBC | |
|---|---|
| Tipo de | tablero de mensajes |
| Sistema operativo | multiplataforma |
| Estado | Activo |
| Sitio web | php.net/manual/en/book.b… |
BBCode ( abreviatura del código del tablón de anuncios en inglés ) es un lenguaje de marcas que se utiliza para dar formato a los mensajes en muchos foros y tablones de anuncios electrónicos (BBS) . Para dar formato al texto, se utilizan etiquetas , similares a las etiquetas HTML , pero, a diferencia de ellas, están encerradas entre corchetes ("[" y "]"). Antes de mostrar la página, el motor del foro analiza el texto y lo convierte en código HTML.
BBCode fue creado en 1998 para el motor de tableros de anuncios Ultimate Bulletin Board (UBB) escrito en el lenguaje Perl . En 2000, se agregó soporte para BBCode al motor de foros phpBB , escrito en PHP .
BBCode fue diseñado para proporcionar una forma más simple, segura y limitada de formatear mensajes que HTML. Inicialmente, muchos BBS permitían a los usuarios utilizar el marcado HTML, lo que podía provocar efectos secundarios, como un marcado ilegible en la página, ejecutando scripts de JavaScript (a veces por vandalismo). Algunas implementaciones de BBCode que usan métodos simplificados para traducir a HTML también pueden experimentar problemas de seguridad.
Aunque las etiquetas básicas de BBCode difieren poco en la mayoría de los foros de Internet , existe una gran cantidad de variaciones. Algunas implementaciones distinguen entre mayúsculas y minúsculas dentro de las etiquetas, otras permiten resaltar texto en HTML, PHP , SQL y otros lenguajes de marcado y programación usando etiquetas especiales.
Etiquetas BBCode
La siguiente tabla enumera las etiquetas BBCode utilizadas en la mayoría de los foros modernos, así como el código HTML equivalente . Vale la pena señalar que con la ayuda de CSS , la apariencia de HTML se puede cambiar y puede diferir en diferentes sitios. Muchos foros han publicado una lista de preguntas frecuentes y respuestas que describen la implementación de BBCode en uso.
| Descripción | Código de código BBC | Código en HTML | Resultado | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Texto de dibujo en negrita | [b] Texto [/b] | < b > Texto </ b > ,
< fuerte > Texto </ fuerte >
o
< estilo span = "fuente-peso: negrita;" > Texto </ span >
Se recomienda utilizar la etiqueta <strong>. |
Texto | |||||||||
| Dibujar texto en cursiva | [i] Texto [/i] | < i > Texto </ i > ,
< em > Texto </ em >
o
< estilo span = "estilo de fuente: cursiva;" > Texto </ span >
Se recomienda la etiqueta <em>. |
Texto | |||||||||
| Dibujar texto subrayado | [u] Texto [/u] | < u > Texto </ u > ,
< ins > Texto </ ins >
o
< estilo span = "decoración de texto: subrayado;" > Texto </ span >
Se recomienda utilizar la etiqueta <span>. |
Texto | |||||||||
| Dibujar texto tachado | [s] Texto [/s] | < s > Texto </ s > ,
< del > texto </ del >
o
< estilo span = "text-decoration: line-through;" > Texto </ span >
Se recomienda la etiqueta <del>. |
Texto | |||||||||
| Aplicar varias etiquetas | [s][u][b][i] Texto [/i][/b][/u][/s] | < s >< u >< b >< i > Texto </ i ></ b ></ u ></ s > | Texto | |||||||||
| Insertar un enlace con texto visible | [url = https://ru.wikipedia.org ] Texto [/url] | < a href = "https://en.wikipedia.org" > Texto </ a > | Texto | |||||||||
| Insertar un enlace con una URL visible (dirección) | [url] https://ru.wikipedia.org [/url] | < a href = "https://ru.wikipedia.org" > https://ru.wikipedia.org </ a > | https://en.wikipedia.org | |||||||||
| Insertar una imagen | [img] https://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png [/img] | < img src = "https://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png" alt = "" />
El texto escrito en el atributo altse muestra si la imagen no está disponible. |
| |||||||||
| Insertar un enlace como imagen | [url = https://ru.wikipedia.org ][img] https://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png [/img][/url] | < a href = "https://en.wikipedia.org" >< img src = "https://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png" alt = "" / > </a> _ | 
| |||||||||
| Insertar cita | [cita] Texto citado [/cita] [quote = "nombre del autor del texto" ] Texto citado [/quote] | < blockquote >< p > Texto citado </ p ></ blockquote >
Se puede implementar de una manera más sofisticada. |
Cotizar:
Texto citado | |||||||||
| Dibujar texto en una fuente monoespaciada | [código] Texto [/código]
A menudo, los motores realizan resaltado de sintaxis para varios idiomas. |
< anterior > Texto </ anterior >
o
< estilo de código = "espacio en blanco: pre;" > Texto </ código >
Se recomienda utilizar la etiqueta <code>. |
Текст | |||||||||
| Dibujar texto con un tamaño de fuente especificado | [tamaño = 15 ] Texto [/tamaño]
[tamaño = "15px" ] Texto [/tamaño]
El tamaño (altura) de la fuente se puede establecer sin una unidad de medida (se utilizarán píxeles (px) ) , en píxeles (px), en puntos (pt) , en relación con el tamaño actual (las palabras "pequeño", “mediano”, “grande”, etc.), etc. (ver la descripción de la propiedad CSS font-size ). |
< estilo span = "tamaño de fuente: 15px;" > Texto </ span > | Texto | |||||||||
| Dibujar texto en el color especificado | [color = rojo ] Texto [/color]
[color = "#ff0000" ] Texto [/color]
[ color de estilo = #ff0000 ] Texto [/estilo]
El color del texto se puede establecer por nombre o por código hexadecimal (ver colores HTML ). Algunos motores le permiten escribir un código de color sin el símbolo "#". |
< abarcan estilo = "color: #ff0000;" > Texto </ span > | Texto | |||||||||
| Insertar una carita sonriente o emoticón | :)
[:-)]
Algunos motores le permiten no escribir los caracteres "[" y "]". |
< img src = "sonrisa.png" alt = ":-)" /> | 
| |||||||||
| Insertar una lista | [lista]
[*] Párrafo 1.
[*] Punto 2.
[*] Punto 3.
[/lista]
Algunos motores le permiten escribir "*" en lugar de "[*]". [lista] * Párrafo 1. * Punto 2. * Punto 3. [/lista]Algunos motores admiten "[ul]" ( ing . lista ordenada - una lista desordenada o con viñetas), "[ol]" ( ing. lista ordenada - una lista ordenada o numerada ) y "[li]" ( ing . .elemento de la lista ) . lista marcada. [ul] [li] Artículo 1. [/li] [li] Artículo 2. [/li] [li] Artículo 3. [/li] [/ul]Lista numerada. [ol] [li] Artículo 1. [/li] [li] Artículo 2. [/li] [li] Artículo 3. [/li] [/ol] |
lista marcada.
< ul >
< li > Elemento 1. </ li >
< li > Elemento 2. </ li >
< li > Elemento 3. </ li >
</ ul >
Lista numerada. < ol > < li > Elemento 1. </ li > < li > Elemento 2. </ li > < li > Elemento 3. </ li > </ ol > |
lista marcada.
Lista numerada.
| |||||||||
| Insertar una tabla | [tabla] [tr] [td] 1 [/td] [td] 2 [/td] [td] 3 [/td] [/tr] [tr] [td] 4 [/td] [td] 5 [ /td] [td] 6 [/td] [/tr] [tr] [td] 7 [/td] [td] 8 [/td] [td] 9 [/td] [/tr] [/ mesa] | < tabla > < tr > < td > 1 </ td > < td > 2 </ td > < td > 3 </ td > </ tr > < tr > < td > 4 </ td > < td > 5 < / td > < td > 6 </ td > </ tr > < tr > < td > 7 </ td > < td > 8 </ td > < td > 9 </ td > </ tr > </ tabla > |
|
Enlaces
- Guía BBCode (inglés) (enlace no disponible) . phpBB.com. Consultado el 23 de noviembre de 2005. Archivado desde el original el 12 de diciembre de 2005.
- Referencia de código BBC
- Complemento BBCode (enlace no disponible) para Mozilla Firefox
- Módulo HTML::BBCode para Perl
- Paquete PEAR HTML_BBCodeParser para PHP