Mise en forme d'éléments dans l'éditeur HTML de Visual Web Developer
Mise à jour : novembre 2007
Lorsque vous travaillez dans le concepteur HTML, l'éditeur peut vous aider à mettre en forme des éléments. Cette rubrique décrit les fonctions de mise en forme de l'éditeur pour l'utilisation des éléments de balisage.
Mise en forme par défaut
Par défaut, l'éditeur HTML vous permet de mettre en forme le balisage comme vous le souhaitez, en conservant les sauts de ligne et les mises en retrait exactement tels que vous les saisissez. L'éditeur inclut des fonctionnalités qui vous aident à mettre en forme vos éléments. Par exemple, si vous mettez une ligne en retrait en appuyant sur TABULATION, les lignes suivantes sont également mises en retrait. Vous pouvez supprimer la mise en retrait d'une ligne à l'aide de SHIFT+TAB. La mise en forme que vous appliquez à votre page est conservée lorsque vous basculez du mode Source au mode Design.
Vous pouvez définir des options de base pour définir la façon dont l'éditeur traite les tabulations en mode Source. Pour plus d'informations, consultez Tabulations, HTML, Éditeur de texte, boîte de dialogue Options.
De plus, vous pouvez définir des options qui permettent à l'éditeur d'insérer automatiquement des guillemets et des balises de fermeture à mesure que vous effectuez votre saisie. Pour plus d'informations, consultez Format, HTML, Éditeur de texte, boîte de dialogue Options.
Mise en forme et schéma actuel
Certaines options de mise en forme, telles que la mise en majuscules et l'utilisation de guillemets autour d'attributs, peuvent être substituées par le schéma de votre choix pour l'éditeur. Par exemple, si vous sélectionnez le schéma XHTML 1.1 Strict, l'éditeur convertit en minuscules la balise et les noms d'attributs en majuscules, car le schéma n'autorise que des noms en minuscules.
Spécification des options de mise en forme
Lorsque vous créez des éléments, le concepteur met en forme le nouvel élément à l'aide d'options que vous pouvez définir. Par exemple, les éléments clients (tels que les balises HTML) sont créés par défaut avec des noms de balises en minuscules. Les options de mise en forme s'appliquent lorsque :
vous faites glisser les contrôles depuis la Boîte à outils vers la page.
vous utilisez IntelliSense pour créer des balises en mode Source ;
vous définissez des valeurs dans la fenêtre Propriétés ou dans les générateurs de propriétés.
vous collez un élément depuis le Presse-papiers.
vous générez le balisage à l'aide d'une boîte de dialogue, telle que Insérer un tableau en mode Design.
vous mettez manuellement en forme la sélection ou le document.
Pour plus d'informations sur la manière de définir les options de mise en forme, consultez Format, HTML, Éditeur de texte, boîte de dialogue Options et Divers, HTML, Éditeur de texte, boîte de dialogue Options.
Mise en forme d'options pour des balises
Vous pouvez également définir individuellement des options de mise en forme de balises, ce qui vous permet de personnaliser la façon dont le concepteur HTML met en forme le balisage individuel des balises. La mise en forme spécifique aux balises vous permet de définir :
comment les balises sont fermées (non fermées, fermées automatiquement ou avec une balise de fermeture distincte) ;
les sauts de ligne autour et dans balises ;
comment les balises sont mises en retrait ;
les options du mode Plan ;
la colorisation des balises dans l'éditeur .
Pour plus d'informations, consultez Options spécifiques pour les balises.
Mise en forme sur Demande
Vous pouvez mettre en forme un document ou une sélection à n'importe quel moment à l'aide de la commande Mettre le document en forme, dans le menu Édition ou le menu contextuel. Ce menu offre d'autres options de mise en forme, notamment des options de conversion de la sélection en majuscules ou en minuscules et de conversion des espaces en tabulations (Remplacer les espaces par des tabulations) ou des tabulations en espaces (Remplacer les tabulations par des espaces). Lorsque vous effectuez une mise en forme manuelle, l'éditeur utilise les options de mise en forme que vous avez définies (à moins que vous ne substituiez une règle explicitement, comme lors de la conversion de la casse). Si vous modifiez les options de mise en forme, vous pouvez les appliquer au balisage existant en remettant le document en forme.
Règles de conservation des espaces blancs
Le processus de mise en forme de l'éditeur veille à respecter la façon dont le langage HTML doit rendre les espaces blancs dans le navigateur. L'éditeur ne modifiera donc pas la mise en forme d'un élément si le rendu de la page doit s'en trouver modifié. Vous remarquerez ce comportement dans l'éditeur notamment lorsque vous utilisez un balisage qui n'inclut pas d'espaces entre des balises.
Par exemple, votre page peut comprendre le balisage suivant pour deux boutons HTML :
<input type="button" id="b1"><input type="button" id="b2">
Lorsque la page est rendue, les deux boutons apparaissent non séparés par un espace. Si vous mettez en forme le document dans l'éditeur, vous pouvez vous attendre à ce que les deux balises soient placées sur leur ligne respective. Toutefois, le placement des balises sur deux lignes entraînerait l'apparition d'un espace entre les boutons au moment du rendu de la page. L'éditeur ne déplace donc pas les balises. Si vous insérez manuellement un espace entre les balises, la mise en forme risque de le transformer en saut de ligne, puisque la remise en forme n'affecte pas la façon dont les boutons sont rendus dans le navigateur.
Un autre cas courant où les règles sur les blancs l'emportent sur la mise en forme concerne la relation entre le contenu et la balise de fin. Par exemple, votre document peut contenir l'élément table suivant, sur une seule ligne :
<table><tr><td>Hello, World</td></tr></table>
Si vous remettez en forme le document manuellement, le résultat est le suivant :
<table>
<tr>
<td>
Hello, World</td>
</tr>
</table>
La balise </td> de fermeture n'est pas déplacée à la ligne suivante, car cela affecterait le rendu de la cellule. Si vous insérez manuellement un espace entre "Hello, World" et la balise </td>, puis si vous remettez en forme le document, l'éditeur déplacera la balise de fermeture sur la ligne suivante.
Mise en forme du Code Inline
En règle générale, le script client et le code serveur des pages Web ASP.NET sont mis en forme en fonction des règles de l'éditeur de langage. Le comportement de retour chariot, la génération de retour à la ligne, la mise en retrait, etc., sont tous dictés par le formateur de langage concerné. Par exemple, le formateur du langage Visual Basic met automatiquement en retrait la ligne qui suit une déclaration Function.
En mode Source, les blocs de script sont mis en retrait d'un niveau par rapport à leur élément parent. Expressions inline - celles qui commencent par <%#, <%$ou <%= - ne sont pas mises en forme ; elles sont laissés telles que vous les avez saisies. Toutefois, si vous saisissez un bloc d'instructions délimitées individuellement par des séparateurs <% %>, l'éditeur mettra en forme le bloc comme s'il s'agissait d'un seul bloc, en utilisant les règles de mise en retrait du langage approprié.