Форматирование элементов в редакторе HTML в Visual Web Developer
Обновлен: Ноябрь 2007
При работе в конструкторе HTML редактор помогает выполнять форматирование элементов. В данном разделе описывается форматирование средствами редактора для работы с элементами разметки.
Форматирование по умолчанию
По умолчанию редактор HTML позволяет форматировать разметку как угодно, сохраняя разрывы строк и отступы точно так, как они были введены. Редактор содержит средства, которые помогают выполнять форматирование элементов. Например, если отступ строки выполняется нажатием клавиши TAB, последующие строки отображаются также с отступом. Отступ строки можно удалить с помощью сочетания клавиш SHIFT+TAB. Форматирование, которое применяется к странице, сохраняется при переключении между представлением исходного кода и представлением конструирования.
Можно задать основные параметры, относящиеся к вкладкам редактора в представлении исходного кода. Дополнительные сведения см. в разделе Вкладки, HTML, Текстовый редактор, диалоговое окно "Параметры".
Кроме того, можно задать параметры автоматической вставки кавычек и закрывающих тегов при наборе текста. Дополнительные сведения см. в разделе "Параметры", "Текстовый редактор", "HTML", диалоговое окно "Формат".
Форматирование и текущая схема
Некоторые параметры форматирования, например, применение заглавных букв и использование кавычек вокруг атрибутов, могут быть переопределены схемой, которая выбрана для редактора. Например, если выбрать схему XHTML 1.1 Strict, редактор преобразует теги верхнего регистра и имена атрибутов в нижний регистр, так как схема допускает только имена в нижнем регистре.
Указание параметров форматирования
При создании элементов конструктор форматирует его, используя определенные параметры, которые можно задавать. Например, по умолчанию клиентские элементы (такие как теги HTML) создаются с именами в нижнем регистре. Параметры форматирования применяются в следующих случаях:
При перетаскивании элементов управления из Панели элементов на страницу.
При использовании технологии IntelliSense для создания тегов в представлении исходного кода.
При задании значений в окне Свойства или в построителях свойств.
При вставке элемента из буфера обмена.
При создании разметки с помощью диалогового окна, например, Диалоговое окно "Вставка таблицы" в представлении конструирования.
При ручном форматировании выделения или документа.
Дополнительные сведения по заданию параметров форматирования см. в разделах "Параметры", "Текстовый редактор", "HTML", диалоговое окно "Формат" и Прочее, HTML, Текстовый редактор, Диалоговое окно "Параметры".
Параметры форматирования отдельных тегов
Параметры форматирования можно задать применительно к отдельным тегам, что позволяет настроить способ форматирования разметки отдельных тегов конструктором HTML. Данное форматирование позволяет установить:
Способ закрытия тегов (не закрытые, самозакрывающиеся или с отдельным закрывающим тегом).
Разрывы строк вокруг и внутри тегов.
Отступы тегов.
Структуризацию параметров.
Цветовую раскраску тегов в редакторе.
Дополнительные сведения см. в разделе Параметры для тегов.
Форматирование по запросу
Для форматирования документа или выделенного фрагмента необходимо в меню Правка или в контекстном меню выбрать команду Форматировать документ. Другие параметры форматирования, доступные в данном меню, включают параметры для преобразования выделенного фрагмента в верхний или нижний регистр и параметры преобразования пробелов в символы табуляции (Заменить пробелы знаками табуляции) и наоборот (Заменить знаки табуляции пробелами). При форматировании текста вручную редактор использует заданные пользователем параметры форматирования (если правило явно не переопределено, например, при преобразовании регистра). Если изменить параметры форматирования, можно применить их к существующей разметке, переформатировав документ.
Правила сохранения пустого пространства
Редактор при форматировании довольно осторожно относится к тому, как HTML должен отображать пустое пространство в веб-обозревателе. Поэтому редактор не будет изменять форматирование элемента, если это может привести к изменению отображения страницы. Такое поведение редактора можно заметить при работе с разметкой, не включающей пробелы между тегами.
Например, страница может содержать следующую разметку для двух HTML-кнопок:
<input type="button" id="b1"><input type="button" id="b2">
При отображении страницы две кнопки отображаются без пробела между ними. Если форматирование документа выполняется в редакторе, то вполне можно предположить, что два тега будут размещены на своих строках. Однако размещение тегов на двух строках приведет к появлению пустого места между кнопками при отображении страницы, поэтому редактор не переместит теги. Если вручную поместить пробел между тегами, форматирование может заменить его на разрыв строки, потому что переформатирование не повлияет на отображение кнопок в веб-обозревателе.
Другой распространенный случай, когда правило пустого пространства переопределяет форматирование между содержанием и закрывающим тегом. Например, документ может содержать следующий элемент table, расположенный на одной строке:
<table><tr><td>Hello, World</td></tr></table>
Если переформатировать документ вручную, то результат будет следующим:
<table>
<tr>
<td>
Hello, World</td>
</tr>
</table>
Закрывающий тег </td> не перемещается на следующую строку, поскольку это может повлиять на отображение ячейки. Если вручную вставить пробел между строкой «Hello, World» и тегом </td> и затем переформатировать документ, редактор переместит закрывающий тег на следующую строку.
Форматирование встроенного кода
Как правило, клиентский сценарий и код сервера в веб-страницах ASP.NET форматируются в соответствии с правилами для языкового редактора. Обработка возврата каретки, генерации новой строки, отступов и т. д. задается настройками соответствующего языкового форматирования. Например, языковое форматирование Visual Basic автоматически делает отступ строкам, следующим за объявлением Function.
В режиме исходного текста блокам сценария делается отступ на один уровень от родительского элемента. Встроенные выражения (которое начинаются с <%#<%$ или <%=) не форматируются, а остаются такими, какими они были введены. Однако, если ввести блок инструкций, разделенных <% %>, редактор отформатирует блок, как если бы это был один блок, используя правила отступа для соответствующего языка.