Советы по редактированию таблиц HTML в Visual Web Developer

Visual Studio 2010

Обновлен: Ноябрь 2007

Редактор таблиц HTML Visual Studio — это мощное средство для работы с таблицами HTML, позволяющее определять макет веб-страниц и отображать содержимое в формате столбцов. Приведенные ниже советы помогут эффективнее использовать возможности редактора таблиц HTML.

Ниже описаны общие принципы поведения при редактировании таблиц.

  • Редактор таблиц HTML — это визуальный способ редактирования элементов таблиц HTML, таких как table, tr и td. Хотя редактор таблиц HTML является удобным средством редактирования этих элементов, он не дает возможности редактировать то, что не поддерживается самим форматом таблиц HTML.

  • Редактор таблиц позволяет редактировать таблицы HTML (элементы table и их дочерние элементы), но не элемент управления ASP.NET Table (элемент asp:table). Элемент управления ASP.NET Table предназначен для применения программными средствами, а не в статических макетах, как это имеет место в таблицах HTML.

  • Представление конструктора представляет таблицу подобно тому, как она отображается в веб-обозревателе. Это делается путем интерпретации элементов таблицы HTML так, как это делает обозреватель. Дополнительные сведения см. в подразделе «Поведение при изменении размеров» ниже.

Полезно понимать, как выполненное в представлении конструктора редактирование применяется к элементам таблицы. Следует отметить следующее.

  • Каждая ячейка таблицы считается членом строки или столбца, в котором она находится, как отображено в представлении конструктора. Операции со строками или столбцами влияют на все члены строки или столбца. Сопоставление ячейки в представлении конструктора с соответствующим элементом td в представлении исходного кода не всегда может привести к ожидаемым результатам, если ячейки содержат атрибуты colspan или rowspan.

  • Операции со строками влияют на все элементы td в строке. Они не влияют на элемент tr.

  • Выбирая и изменяя столбец, можно повлиять на элементы th , находящиеся в столбце.

Поведение редактора таблиц иногда может быть неожиданным, если в самом начале задать размеры таблицы, строки, столбца или при изменении размеров этих элементов. Поведение размеров элементов таблицы отражает поведение, которое таблица будет проявлять в обозревателе. Например, столбцы, не имеющие конкретного значения ширины, будут изменять свои размеры в зависимости от ширины всей таблицы, ширины других столбцов в таблице и содержимого всех столбцов.

Содержимое имеет приоритет

В общем случае объем содержимого в ячейке имеет приоритет над значением ширины или высоты ячейки или строки. Например, если ячейка таблицы содержит графический объект или элемент img, то размер графического объекта имеет приоритет над заданным значением ширины ячейки или даже таблицы. Это также касается и элементов управления в ячейках.

Если ячейки содержат текст, а атрибут nowrap ячейки не задан, то текст будет переносится по ширине ячейки. Однако, если текст не содержит разрывов, таких как пробелы или знаки препинания, то текст не будет переноситься; вместо этого ширина ячейки будет увеличена до такой, чтобы весь текст поместился в одну строку.

Содержимое также имеет приоритет над высотой строки. Если текст переносится в пределах ячейки, то высота строки может увеличится и превысить значение параметра height, заданное для элемента tr, представляющего строку.

Рекомендации по заданию и изменению размеров таблиц

Из-за специфики внутреннего устройства HTML таблице и содержащимся в ней элементам можно задать конфликтующие значения размеров. Например, для таблицы, состоящей из двух столбцов, можно назначить ширину в 100%, а для каждого столбца — ширину в 100 точек.

В представленной ниже таблице показано, как обрабатываются размеры в редакторе таблиц. Во всех случаях приоритет имеет размер (ширина) содержимого.

Заданные размеры

Поведение

Задана ширина таблицы и всех ее столбцов или задана высота таблицы и всех ее строк.

Размеры таблицы имеют приоритет; размеры столбцов или строк вычисляются пропорционально.

Задана ширина таблицы и некоторых столбцов или задана высота таблицы и некоторых строк.

Элементы с заданными размерами отображаются точно в соответствии с размерами, остальные элементы масштабируются для равномерного заполнения заданного размера таблицы.

14623a11.alert_note(ru-ru,VS.100).gifПримечание.
Редактор таблиц отображает ширину элементов таблицы без заданных значений как «auto».

Задана ширина для каждого столбца, но не для всей таблицы или задана высота для каждой строки, но не для всей таблицы.

Ширина или высота таблицы вычисляется путем сложения всех величин.

Не заданы значения ширины или высоты таблицы и ее элементов.

Ширина или высота вычисляется на основании содержимого ячейки и ширины границы ячейки.

14623a11.alert_note(ru-ru,VS.100).gifПримечание.

Если при изменении размера строки или столбца элементы td используют отличающиеся единицы измерения для ширины и высоты, то редактор таблиц приводит все значения к точкам.

Показ: