Opciones específicas de etiqueta

 

Publicado: abril de 2016

El cuadro de diálogo Opciones específicas de etiqueta se usa para personalizar el modo en que el diseñador HTML da formato al código de marcado de cada etiqueta. Se pueden establecer opciones de formato generales para todas las etiquetas utilizando Formato, HTML, Editor de texto, Cuadro de diálogo Opciones.

Los valores que se configuren en el cuadro de diálogo Opciones específicas de etiqueta se usan cuando:

• Se arrastran controles del Cuadro de herramientas hasta la página.

• Se utiliza la funcionalidad IntelliSense de Microsoft para crear etiquetas en la vista Código fuente.

• Se genera código de marcado mediante un cuadro de diálogo como Insertar tabla (Cuadro de diálogo).

• Se cambia el formato de la selección o del documento manualmente mediante el comando Dar formato al documento o Dar formato a la selección del menú Edición.

Configurar opciones específicas de las etiquetas resulta útil si se utilizan a menudo ciertas etiquetas y se desea personalizar la forma en que se les aplica formato en el editor. La aplicación de formato por etiqueta permite establecer las opciones de formato siguientes:

• Cómo se cierran las etiquetas; es decir, si no se cierran, si tienen autocierre o si se utiliza una etiqueta de cierre independiente.

• Saltos de línea.

• Sangría.

• Color.

• Esquematización.

  Nota

  La regla que indica que el editor HTML no modificará la representación de las etiquetas puede reemplazar a las reglas de formato específicas de las etiquetas establecidas por el usuario.Si una regla de formato de etiqueta cambia la manera en que se procesa una etiqueta, se pasa por alto.

Para obtener acceso al cuadro de diálogo Opciones específicas de etiqueta

1. En el menú Herramientas, elija Opciones.

   Aparecerá el cuadro de diálogo Opciones.

2. Active la casilla Mostrar todas las configuraciones si el entorno de desarrollo está configurado en el desarrollo Web.

   Para obtener más información, vea Customizing Development Settings in Visual Studio.

3. Expanda el nodo Editor de texto, expanda el nodo HTML y, a continuación, elija Formato.

4. Elija Opciones específicas de etiqueta.

   Aparecerá el cuadro de diálogo Opciones específicas de etiqueta.

Tareas

• Tutorial: Edición avanzada de HTML en Visual Studio para páginas de formularios Web Forms

• Esquematización

Nota

Al esquematizar las etiquetas HTML, se siguen las mismas convenciones que en el editor de código con el código.

Elementos de interfaz de usuario

Panel de carpetas de etiqueta

El panel izquierdo del cuadro de diálogo Opciones específicas de etiqueta contiene nodos expansibles que agrupan etiquetas en las categorías Predeterminada, HTML y ASP.NET. También puede crear un nuevo nodo mediante el botón Nueva carpeta y agregándole etiquetas mediante el botón Nueva etiqueta.

• Configuración predeterminada
  Expanda este nodo para establecer las opciones predeterminadas para una categoría de etiquetas. La tabla siguiente muestra ejemplos de etiquetas en cada categoría.

  La etiqueta del cliente no admite contenido	<br />
  La etiqueta del cliente admite contenido	<table>, <h1>
  La etiqueta del servidor no admite contenido	<asp:CheckBox>
  La etiqueta del servidor admite contenido	<asp:Repeater>

• Etiquetas HTML cliente
  Hay que expandir este nodo para establecer opciones de formato personalizadas para los elementos HTML.

• Controles ASP.NET
  Expanda este nodo si desea establecer opciones de formato personalizadas para los controles de servidor de ASP.NET.

• Nueva carpeta
  Haga clic aquí para crear una nueva carpeta para contener etiquetas.

• Nueva etiqueta
  Haga clic aquí para crear una etiqueta nueva en la carpeta seleccionada.

  Generalmente, se crea una etiqueta nueva cuando se define un comportamiento de formato personalizado para un control o elemento concreto, o bien, cuando se desea definir el formato de una etiqueta que no sea un control de servidor ASP.NET o elemento HTML. Si desea crear una etiqueta que ya existe en una de las carpetas de etiquetas, debe modificar la etiqueta en su ubicación existente en su lugar o eliminar la etiqueta original antes de crear una nueva con el mismo nombre. No puede crear una etiqueta si la misma etiqueta ya existe en una de las carpetas de etiqueta.

• Eliminar
  Haga clic aquí para quitar la etiqueta o la carpeta actualmente seleccionada. La carpeta de Configuración predeterminada no se puede eliminar.

Panel Opciones comunes

El panel derecho del cuadro de diálogo Opciones específicas de etiqueta contiene las opciones comunes a los nodos del panel Carpetas de etiqueta de la izquierda.

Formato por etiqueta

• Etiqueta de cierre
  Elija una opción para especificar cómo generará el editor una etiqueta nueva.

  Las etiquetas existentes no cambian, a menos que se cambie explícitamente el formato del documento.

  Esta opción sólo está disponible cuando se ha seleccionado una etiqueta.

• Saltos de línea
  Elija una opción que especifique cuántos espacios usará el editor en la etiqueta al generarla o cambiar su formato.

  Nota

  Es posible que se reemplacen las opciones seleccionadas si, al agregar espacios y saltos de línea, cambia la forma en que se va a representar el control.Para obtener información detallada, vea NIB: Formatting Elements in the HTML Editor in Visual Web Developer.

• Aplicar sangría a contenido
  Active esta casilla para especificar que los elementos que admiten contenido interno aplicarán sangría a dicho contenido.

Esquematización en el editor de código

• Habilitar esquematización para la etiqueta
  Active esta casilla si desea habilitar la esquematización automática en el editor HTML para la etiqueta seleccionada.

  Cuando está habilitada la esquematización, el editor supervisa el número de líneas en el elemento y, a continuación, aplica la esquematización a la etiqueta cuando el elemento sobrepasa el umbral de líneas especificado. (El editor no contrae la etiqueta automáticamente). Esta característica es útil para contraer elementos largos, como tablas grandes.

• Mínimo de líneas
  Especifique el umbral, en líneas, a partir del cual se va a aplicar la esquematización automática a la etiqueta.

  El umbral incluye etiquetas de apertura y cierre.

Color por etiqueta

• Primer plano de etiqueta
  Seleccione el color del texto que utilizará el editor para mostrar la etiqueta.

• Segundo plano de etiqueta
  Seleccione el color de fondo que el editor utilizará para mostrar la etiqueta.

• Personalizar
  Haga clic aquí para elegir un color mediante el cuadro de diálogo Color. Para obtener más información, vea Cuadros de diálogo Coloeres y Más colores.

• Negrita
  Elija esta opción para especificar que el editor mostrará la etiqueta en negrita.

Panel de vista previa

• Vista previa
  Se puede ver cómo aparecerá la etiqueta seleccionada en el editor con la configuración actual.

  Nota

  El cuadro Vista previa podría no reflejar el comportamiento real de una etiqueta en el editor.Otras reglas prioritarias pueden reemplazar las opciones de formato, como la regla que determina que el formato automático no puede cambiar la forma en que se representa un control.

Ver también

Tutorial: Edición avanzada de HTML en Visual Studio para páginas de formularios Web Forms
Esquematización