Представление исходного кода
Обновлен: Ноябрь 2007
В представлении исходного кода отображается разметка HTML веб-страницы, которую можно редактировать. По умолчанию при первичном выборе представления исходного кода отображаются все элементы HTML и сценарии. В данном режиме представления можно перетаскивать элементы из панели элементов (как это происходит во время редактирования веб-страницы в представлении разработки), просматривая при этом код их разметки, помещенный в документ.
Чтобы переключиться в представление исходного кода, следует щелкнуть вкладку Исходный код, расположенную в нижней части окна конструктора HTML.
Представление исходного кода имеет следующие преимущества перед представлением конструктора:
Возможность точной настройки разметки элементов управления и прочих элементов.
Возможность форматировать документ по своему вкусу.
Возможность редактировать элементы, находящиеся не в основной части файла. В представлении конструктора отображаются только элементы, расположенные между элементами body. Например, при работе в представлении исходного кода можно непосредственно редактировать элемент head.
Возможность редактирования директив страниц.
Возможность создания и редактирования клиентского сценария.
При работе с однофайловой страницей файле просмотр исходного кода также показывает серверный код на странице (в отличие от страниц с файлами с выделенным кодом).
При переключении в представление конструктора любые изменения, сделанные в представлении исходного кода, отображаются мгновенно.
.gif "Примечание") Примечание. |
|---|
Некоторые ошибки разметки могут препятствовать переключению в представление конструктора, поскольку могут создать проблемы для редактора, включая возможность потери данных. Например, если тег не закрыт должным образом, редактор отобразит сообщение об ошибке и остановит переход в другое представление. Подробные сведения об ошибках см. в разделе Окно "Список ошибок". При невозможности переключения в представление конструктора для предварительного просмотра можно запустить страницу. |
Переходы в представлении исходного кода
Для облегчения перемещения между элементами и их выбора представление исходного кода предоставляет следующие возможности:
Окно Навигатора по тегам: отображает текущий элемент вместе с иерархией родительских элементов, к которым он принадлежит. Можно использовать навигатор по тегам для просмотра того, какой элемент имеет фокус, и перехода с текущего элемента на элемент, расположенный уровнем выше в иерархии. Дополнительные сведения см. в разделе Навигация по тегам в редакторе HTML в Visual Web Developer.
Окно Структура документа: позволяет определить местоположение и осуществить выбор любых элементов в документе, включая и те из них, которые не отображены на экране. Дополнительные сведения см. в разделе Практическое руководство. Структура переходов в HTML-редакторе в Visual Web Developer.
Проверка
В представлении исходного кода редактор автоматически проверяет синтаксис документа или отмечает неправильные теги, атрибуты и значения. Можно выбрать одну из схем проверки из двух категорий: на соответствие требованиям обозревателя (например, Microsoft Internet Explorer) или на соответствие стандарту (например, XHTML 1.1 Strict). Дополнительные сведения см. в разделе Проверка разметки в Visual Web Developer.
Технология IntelliSense
Технология IntelliSense — это функция Visual Studio, отображающая выпадающий список возможных ключевых слов, которые могут завершить вводимое. Например, при вводе начала имени класса, IntelliSense отображает выпадающий список, содержащий все имена класса, начинающиеся с набранных символов.
В представлении исходного кода редактор задействует IntelliSense практически для всех элементов, включая серверные веб-элементы управления ASP.NET, разметку, директивы страниц и клиентские сценарии. IntelliSense подчиняется текущей схеме проверки, поэтому редактор не задействует ее при работе с тегами, атрибутами или значениями, которые недопустимы в текущей схеме.
| Примечание. |
|---|
Завершение операторов можно отключить. Дополнительные сведения см. в разделе Диалоговое окно "Параметры", "Текстовый редактор", "HTML", "Общие". |
Форматирование
Редактор предоставляет следующие возможности форматирования документа и отдельных тегов:
Перетаскивание и вставка элементов: при перетаскивании элементов из панели элементов или при вставке их из буфера обмена редактор может либо создавать элементы точно в соответствии с первоначальным форматированием, либо изменять формат элементов в соответствии с заданными пользователем параметрами. Дополнительные сведения см. в разделе Прочее, HTML, Текстовый редактор, Диалоговое окно "Параметры".
Вставка кавычек или закрывающих тегов: можно настроить редактор так, чтобы он автоматически заключал атрибуты в кавычки и автоматически создавал закрывающий тег после создания открывающего. Дополнительные сведения см. в разделе "Параметры", "Текстовый редактор", "HTML", диалоговое окно "Формат".
Форматирование для каждого тега: можно задать правила форматирования тегов при создании элементов. Доступные для изменения параметры включают правила написания тегов и атрибутов (с прописной или строчной буквы) и правила расстановки разрывов строк. Дополнительные сведения см. в разделе Параметры для тегов.
Форматирование документов или элементов: можно применить текущие правила форматирования к выбранному разделу или всему документу.
Структура в документах: можно сворачивать и разворачивать элементы для освобождения рабочего места в редакторе. Например, можно свернуть элемент table, чтобы скрыть все его строки и ячейки, и развернуть при необходимости редактирования. Элементы можно сворачивать и разворачивать вручную либо создать правило, определяющее, какой размер должен иметь элемент, чтобы редактор автоматически его структурировал. Дополнительные сведения см. в разделе Практическое руководство. Сворачивание и разворачивание элементов HTML в Visual Web Developer.
Написание клиентских сценариев и серверного кода
В представлении исходного кода можно создавать клиентские сценарии, выполняемые в обозревателе. При работе с однофайловой страницей ASP.NET просмотр исходного кода также позволяет редактировать серверный код на странице. Подробные сведения о клиентских сценариях на страницах ASP.NET см. в разделе Клиентский сценарий на веб-страницах ASP.NET. Сведения об однофайловых страницах ASP.NET см. в разделе Модель кода веб-страниц ASP.NET..
Клиентский сценарий
Клиентские сценарии пишутся также, как в любом другом редакторе; их можно включать в виде части элемента или в виде самостоятельного блока <script>. Внутри блока сценария редактор предоставляет IntelliSense, привязанную к модели объекта текущего документа и языку написания клиентских сценариев, указанному для блока сценария. Если язык не указан, то редактор предполагает, что используется ECMAScript.
| Примечание. |
|---|
Редактор не выполняет проверку клиентских сценариев. |
Редактор предоставляет два раскрывающихся списка в верхней части окна. В списке слева содержатся объекты документа, для которых могут быть написаны обработчики событий; в правом списке содержатся события для выбранного объекта. Для создания нового обработчика выберите объект и событие. События, имеющие обработчики, отображаются полужирным шрифтом.
Для удобства перемещения по клиентскому сценарию в списке в левой части экрана также отображается параметр Клиентский сценарий. При выборе Клиентского сценария в выпадающем списке справа отображается список обработчиков событий клиентского сценария. Можно выбрать обработчик и перейти непосредственно к нему.
Серверный код
При работе в веб-странице ASP.NET, использующей модель кода с одним файлом, в представлении исходного кода в блоке сценария отображается серверный код страницы, включающий атрибут runat="server".
| Примечание. |
|---|
Серверный код не требует наличия атрибута языка; серверный код страницы устанавливается директивой @ Page. |
Для серверного кода раскрывающийся список слева в окне содержит серверные элементы управления, для которых можно написать код. В списке справа представлены события для выбранного в данный момент элемента управления. Для создания нового обработчика событий выберите объект, а затем выберите событие. События, имеющие обработчики, отображаются полужирным шрифтом.