Из HTML в xHTML и CSS

Я изначально научил меня HTML 4,0 несколько лет назад, но мне было трудно сделать переход к xHTML с помощью CSS (каскадных стилей бюллетени). Однако из-за причастности с небольшим сайте Я был вынужден сделать это чувство. В этой статье я буду проходят практические последствия перехода между ними, другими словами, что вам нужно сделать для того, чтобы сделать Вашу работу с HTML стилей.

Я не буду останавливаться на истории xHTML здесь, но вы должны принять к сведению, что существует множество "теги", которые были давно, и его следует избегать в случае использования xHTML.

Первое важное отличие в xHTML поступает в виде синтаксис. Язык чувствительны к регистру, так что все написано в нижнем регистре, не более использование шапки! Во-вторых, "теги", или элементы, которые должны быть технические, теперь классифицируются на два типа: те, которые "содержат данные, а те, которые являются" пустым ". Пример бывшего могут пункт элемент, который закрывающий тег. Это что между этими двумя теги - это "содержатся данные". Например, предложение понимается как данные. В качестве примера пустой тег может быть строки, и написано несколько иначе, чем в HTML 4,0, а именно: <xmp> <br /> </ xmp>. Другие "пустой" типы включают изображение элемента <xmp> <img /> </ xmp> и горизонтальных правило элемент <xmp> <hr /> </ xmp>. Уведомление о том, как есть пространства и вперед - косой чертой после элемента.

Еще один момент следует иметь в виду, что, поскольку xHTML, как предполагается, будет совместима различных устройств, все изображения должны иметь альтернативные описания (т.е. вам придется использовать в "альтернативный" в собственность элементов изображения, это не просто вариант). Кроме того, вы сможете широкое использование в "идентификатор" в атрибут xHTML (по аналогии с "именем" атрибут, но используется иначе - см. ниже).

Наибольшим препятствием для меня лично обучения синтаксис CSS. Есть фактически три пути, используя CSS, одна из которых состоит в том, чтобы создать отдельный документ с. Css продления. Этот файл будет содержать все модными атрибутами элементов в вашем xHTML кода. Вы можете поместить CSS в "голову" элемент, или вы можете вставить его в элемент любой точке кода (в обоих случаях вы воспользуетесь "стиль" элемент). Используя внешний файл может быть полезен как изменения, внесенные в этот документ каскада на вашем сайте, следовательно, отпадет необходимость менять код на каждой странице. Синтаксис в основном состоит из "выбора", который может быть "идентификатор" выбора, выбора класса или общий класс звука. Так, например, я предоставлена "img" элемент идентификатор "MyImg", то я пойду к моему css раздел / файл и создать выбора # MyImg (). Здесь синтаксис происходит дюйма с символа # означает, что я создал идентификатор звука, так что следующим в фигурных скобках будут распространяться на все элементы с идентификатором "MyImg". Примером может выглядеть примерно так:

  # MyImg (ширина: 200px; Высота: 100 пикселей; границы: 0px)

Заметьте, что я использую двоеточие вместо знак равенства уступать ценности. Если Вам не удается сделать это Ваш стиль не будет применяться. Кроме того, каждый атрибут После запятой, разделяющей их. Если Вы этого не сделаете синтаксических при использовании стилей CSS ваши не вступили в силу. Последнее, что нужно знать для начала заключается в том, чтобы связать свои внешние CSS документ в вашем xHTML документа. Просто гнездо одна <link style="text-decoration: none;" href="mystyles.css" ref="stylesheet"> элемент в вашей <head> и вы готовы пойти. Есть много новых путей для выполнения таких задач, как позиционирование в CSS. Получайте удовольствие играть вокруг с этими новыми возможностями!

Бруно Марчанд в настоящее время изучает разработки веб-сайтов часть времени, а также целостного механизма бесплатных медицинских называемой комплексной Кузов. В свое свободное время он ГОУ для Africapic; Он пользуется танец огня, и большая близость к рептилии.

в этой статье идет речь добавил Бруно Марчанд