Cómo: Explorar en el Editor HTML de Visual Web Developer

Actualización: noviembre 2007

El diseñador HTML le proporciona varias formas de desplazarse por el documento. Las funcionalidades de exploración son particularmente útiles si trabaja con un documento largo o uno con elementos anidados. Puede utilizar los siguientes elementos:

• La ventana Esquema del documento que presenta una vista de árbol del documento.

• El explorador de etiquetas que muestra la etiqueta actualmente seleccionada en el contexto de su elemento primario, secundario y etiquetas de par.

• La coincidencia de etiquetas para identificar la apertura y cierre de las etiquetas de un elemento. La coincidencia de etiquetas puede ayudarle a distinguir el elemento actual del resto, algo especialmente útil cuando se tienen muchos elementos anidados en la página.

Para desplazarse utilizando la ventana Esquema del documento

1. En el menú Ver, haga clic en Esquema del documento. Si está en la vista Código fuente, haga clic con el botón secundario del mouse (ratón) en el documento y, a continuación, haga clic en Sincronizar esquema del documento.

   La opción Esquema del documento muestra una vista de árbol de los elementos del documento. Los elementos exactos que se muestran dependen de la vista en la que esté:

   • En la vista Diseño, el esquema muestra los elementos del texto principal del documento.

   • En la vista Código fuente, el esquema muestra el elemento Body, los elementos del encabezado, la directiva de página, así como la secuencia de comandos y los elementos de código, si los hay.

2. En la ventana Esquema del documento, expanda o contraiga secciones, según convenga.

3. Haga clic en un elemento para desplazarse a él.

   El elemento en el que haga clic, se selecciona en el diseñador.

Para desplazarse utilizando el explorador de etiquetas

1. En la parte inferior de la ventana del diseñador, haga clic en la etiqueta a la que desee desplazarse.

2. Para subir en la jerarquía de etiquetas, haga clic en el botón de flecha izquierda del explorador. Para profundizar en la jerarquía de etiquetas, haga clic en el botón de flecha derecha.

   Nota:
   Si tiene una jerarquía amplia, quizá la vista de árbol no pueda ajustarse al espacio disponible. Con el fin de subir más en la jerarquía de etiquetas, haga clic en el botón de flecha izquierda del explorador. Para profundizar más por la jerarquía de etiquetas, haga clic en el botón de flecha derecha.

Para identificar las etiquetas coincidentes mediante el resaltado de la etiqueta

• En la vista Código fuente, coloque el punto de inserción en cualquier parte de un elemento.

  Se muestran las etiquetas de apertura y cierre del elemento que se abre. Puesto que el resaltado de etiquetas se realiza como tarea en segundo plano, podría producirse un pequeño retraso antes de que se resalten las etiquetas.

Vea también

Tareas

Cómo: Contraer y expandir elementos HTML en Visual Web Developer

Conceptos

Exploración de etiquetas en el Editor HTML de Visual Web Developer

Referencia

Esquema del documento (Ventana)