Основы HTML. Секция head

При взгляде на структуру HTML документа, видно, что она состоит из трех основных секций.

html_head

  • <html> – корень любого HTML документа, в котором располагаются все остальные секции (данный тег должен быть в единственном экземпляре, и должен присутствовать на каждой странице).
  • <head> – заголовок в котором прописывается служебная информация и инструкции браузеру, по отображению контента.
  • <body> – основная секция в которой находится контент, то есть вся полезная информация (текст, картинки, видео). Помимо контента, в этой секции расположена сетка сайта, либо его макет – описано местоположения основных разделов сайта, таких как: шапка, подвал, главное меню, боковые колонки, и т.д.

Тег <html> ничем особым не отличается, кроме того, что это есть корневой элемент – контейнер для всех остальных блоков. Поэтому приступим к более детальному рассмотрению секции <head>.

Продолжить чтение »

Таблица совместимости HTML тегов в разных DOCTYPE

Описание DOCTYPE будет неполным, если не привести таблицу, в которой указано, какой из тегов HTML поддерживается тем или иным объявлением DOCTYPE.

Поэтому пользуемся этим замечательным справочником, оригинал которого можно найти на сайте w3schools.com.

При использовании таблицы, не забываем о том что в спецификациях с приставкой X, необходимо придерживаться правил оформления веб-документа по спецификации XML. То есть, все теги должны быть обязательно закрыты. Все теги должны иметь общего родителя, которым в HTML документе является тег <html></html>. Все атрибуты должны быть заключены в кавычки.

Продолжить чтение »

Для чего нужен DOCTYPE в HTML документах

Как я заметил в посте Основы HTML. Структура документа, первой строкой в документе HTML, должно идти объявление DOCTYPE. Этим постом, я расскажу что это такое и с чем его едят.

Определение DOCTYPE - это не тег HTML, а инструкция веб-браузеру, указывающая, на какой версии языка HTML написан документ (веб страничка).

DOCTYPE ссылается на определение типа документа (DTD — Document Type Definition). DTD задает правила для языка разметки, для того чтобы браузеры могли правильно отобразить содержание веб странички.

Рассмотрим все доступные варианты DOCTYPE по рекомендации W3C.

Продолжить чтение »

Основы HTML. Структура документа

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

HTML codeСтандартный документ (страница) HTML, должен иметь определенную структуру, которая определена стандартами консорциума w3c. Посмотрим, на что же похожа эта структура, или как ее можно представить в удобопонимаемом виде. Я бы нарисовал ее в виде человечка, потому как, документ HTML, состоит из головы и тела, но вот ног и рук не имеет :).

Итак, выглядит это примерно так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <!-- служебная информация располагается в голове –>
  </head>
  <body>
    <!-- описание самого документа, то есть его тело –>
  </body>
</html>

А теперь рассмотрим этот пример под микроскопом.

Продолжить чтение »

ASP.NET MVC и проблема с ValidationSummary

При использовании фреймворка ASP.NET MVC, есть возможность использования серверной и клиентской валидации при помощи атрибутов из пространства
имен DataAnnotations.

Для отображения ошибок полей ввода, можно воспользоваться расширениями для отображения сообщений об ошибках, входящими в фреймворк ASP.NET MVC:

Html.ValidationMessage
Html.ValidationMessageFor
Html.ValidationSummary

Расширения Html.ValidationMessage и Html.ValidationMessageFor, предназначены для отображения ошибок ввода для конкретного поля, а Html.ValidationSummary — отображает все ошибки, как относящиеся к полям, так и добавленные в словарь ModelState вручную из контроллера.

У расширения Html.ValidationSummary имеется булевый атрибут, который управляет отображением ошибок, при значении true будут исключены ошибки полей и отображены только ошибки модели, а при значении false (оно включено по умолчанию) будут показаны и ошибки полей и ошибки модели.

Продолжить чтение »

Категории: ASP.NET MVC  2 комментария