Share via


Opciones específicas de etiqueta

Actualización: noviembre 2007

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, Opciones (Cuadro de diálogo).

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 cambiara la manera en que se representa una etiqueta, se omitiría la regla.

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

  1. En el menú Herramientas, haga clic en Opciones.

    Aparecerá el cuadro de diálogo Opciones.

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

    Para obtener más información, vea Valores de configuración de Visual Studio.

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

  4. Haga clic en Opciones específicas de etiqueta.

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

Tareas

Nota:

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

Formato predeterminado

La aplicación de formato por etiqueta se basa en un modelo en el que hay opciones de configuración predeterminadas para cada etiqueta que proporcionan las reglas básicas según las cuales se dará formato a las etiquetas. Hay cuatro categorías de etiquetas:

  • Etiquetas de cliente que no admiten contenido, como br /.

  • Etiquetas de cliente que admiten contenido, como table o h1.

  • Etiquetas de servidor que no admiten contenido, como asp:CheckBox.

  • Etiquetas de servidor que admiten contenido, como asp:Repeater.

Para cada etiqueta, se utilizan los valores de la categoría adecuada de la lista anterior, a menos que se especifique otra opción para esa etiqueta. De manera predeterminada, algunos de esos reemplazos se realizan basándose en el uso habitual de las etiquetas.

Elementos de interfaz de usuario

  • Vista de árbol
    Muestra una vista de árbol en la que se puede seleccionar la etiqueta a la que se va a dar formato o una clase de etiquetas. De manera predeterminada, el árbol contiene los nodos siguientes:

    • Configuración predeterminada

      Expanda este nodo para establecer las opciones de formato predeterminadas de una clase completa de etiquetas, como todas las etiquetas de servidor que admiten contenido.

    • 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.

    Para agregar una nueva carpeta al árbol de modo que pueda organizar sus propias opciones de formato, haga clic en Nueva carpeta.

  • 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.

  • Nueva carpeta
    Haga clic en esta opción para crear una nueva carpeta que contenga las etiquetas, la cual podrá utilizar para organizar las opciones de formato personalizadas.

  • Eliminar
    Haga clic aquí con el fin de quitar las reglas de formato personalizadas para la etiqueta seleccionada.

  • Etiqueta de cierre
    Haga clic en 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
    Haga clic en 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 Aplicar formato a los elementos en el Editor HTML de Visual Web Developer.

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

  • Habilitar esquematización para la etiqueta
    Active esta casilla de verificación 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.

  • 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.

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

  • Personalizar
    Haga clic en esta opción para elegir un color que no figure en la lista.

  • 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.

Vea también

Tareas

Tutorial: Edición HTML avanzada en Visual Web Developer

Cómo: Esquematizar y ocultar el código