создать свой сайт на PHP, HTML, CSS
21.05.2012

Мы рекомендуем


RSS

rss новости   rss статьи

Правила кодирования в XHTML - расширении XML и HTML


Общие замечания

Если не сказано иначе, то HTML документ должен соответствовать XHTML 1.1 DTD (к вопросу о том, почему так важен DOCTYPE). Ниже перечислены наиболее важные аспекты XHTML 1.1:

Элементы следует использовать согласно их логической роли:

Общие замечания о элементах и атрибутах:

Структура документа

Ниже представлен каркас типичного документа:
<?xml version="1.0" encoding="_document-encoding_"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
 <title>template</title>
</head>
<body>
 some block level element
</body>
</html>

Т.о. типичный документ содержит:

В шапке следует использовать указанный порядок следования элементов:
title с кратким и достаточным описанием документа. Рекомендуется использовать вид подобный следующему:
Страница - [Подраздел] - [Раздел] - Сайт.
Один или несколько элементов <link rel='stylesheet' type='text/css' href='your.css'/>
Если серия документов имеет четкую логическую связь, следует указать соответствующие link rel/rev.
Если документ имеет альтернативные варианты (другие языки, разные версии отображения), следует указать соответствующие link.
Один или несколько элементов <script type='text/javascript' src='your.js'/>
Один или несколько элементов meta.
Один или несколько элементов <style type='text/css'>.
Один или несколько элементов <script type='text/javascript'>.
Частоупотребимые элементы

Далее перечислены наиболее употребимые элементы и рекомендуемый порядок написания атрибутов в них. Наиболее важные атрибуты (id и class) указываются в начале элемента, атрибуты подверженые частому изменению указываются в конце.

 

Элемент table

Для table следует использовать указанный порядок следования атрибутов:
<table id='' class='' width='' cellspacing='' cellpadding='' другие_атрибуты border=''>

 

Элемент td(th)

Для td(th) следует использовать указанный порядок следования атрибутов:
<td id='' class='' colspan='' rowspan='' другие_атрибуты >

Элемент img

Для img следует использовать указанный порядок следования атрибутов:

<img id='' class='' src='' width='' height='' другие_атрибут alt=''>

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

 

Элемент input

Для input следует использовать указанный порядок следования атрибутов:

<input id='' class='' type='' size='' maxlength='' другие_атрибуты value=''>