Tecnología

Inicio

Opciones para fragmentos de HTML

El plazo para secciones de código compartido como ejemplos es "fragmento". Compartir fragmentos a través de Internet requiere un poco de cuidado extra ya que los navegadores intentarán representar fragmentos de HTML en lugar de mostrarlos como texto. Puede marcar en marcha los fragmentos de sí mismo, estilo en CSS (Cascading Style Sheets), agregar una secuencia de comandos de jQuery para resaltar el código o compartir su fragmento a través de un servicio que se encarga de formato y de alojamiento para usted.

La codificación de un fragmento en HTML

No es necesario un resaltador de sintaxis o fragmento de código compartido de servicios para compartir fragmentos de HTML en línea, tales como en las entradas del blog o en una página web estática. El uso de las etiquetas "<pre>" y "<code>", puede dar formato fragmentos de HTML con una fuente mono-espaciada y tener saltos de línea y guiones en el tacto. Sin embargo, debe reemplazar los soportes HTML en sus fragmentos con sus códigos de caracteres especiales "<" y ">":

<Pre> <code> <h1> Este es un encabezamiento H1! </ H1> </ code> </ pre>

El estilo de fragmentos de HTML en CSS

Diseñadores con una firme comprensión de CSS puede estilo de sus fragmentos de HTML sin necesidad de utilizar un marcador de sintaxis. código CSS dirigidas a la "<pre>" y "<code>" etiquetas pueden añadir colores de fondo y cambiar las fuentes de fragmento, aunque CSS por sí sola no va a añadir números de códigos de colores y de línea. Al igual que el formato fragmento HTML plano, fragmentos codificados con una combinación de HTML y CSS sólo se ven mejor cuando mantiene los fragmentos cortos.

El uso de sintaxis Rotuladores

resaltado de sintaxis añadir un código de colores y numeración de líneas de fragmentos de HTML. Estas características, comunes en el software de edición de código, hacen grandes trozos de código más legible. Puede añadir un marcador de sintaxis a sus páginas Web usando un plugin de jQuery; estos complementos se programan usando la biblioteca jQuery basado en JavaScript. Si administra su sitio web a través de un CMS (Content Management System) como WordPress o Drupal, instalar un resaltador de sintaxis como un plugin de WordPress o Drupal módulo.

Fragmentos que comparte servicios

Al compartir fragmentos con otros desarrolladores y diseñadores Web, utilizar un servicio para compartir fragmento. Estos servicios permiten a los usuarios para pegar en sus fragmentos de código y guardarlos en páginas temporales para compartir de una manera similar a los servicios para compartir fotos. El servicio dará formato a su código con un resaltador de sintaxis. Comparte la página donde el fragmento de código es recibido por correo electrónico, tablones de anuncios y sitios web de solución de problemas. Algunos servicios de intercambio de fragmento incluyen Pastebin.com, TinyPaste.com y Snipplr.com.