Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Несколько правил написания кода 
:(
    Опции темы
sergejzr
Дата 16.6.2005, 20:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 4
Всего: 360



 Как мы знаем, XHTML набирает обороты и синтаксис определён у него намного строже "старого" HTML.
Мы стараемся не отставать. Именно код в формате XHTML, например будет правильно подсвечен в тэгах "code".
Вот пара нехитрых пунктов, которые помогут нам сделать код не только удобночитаемым но и правильноподсвечиваемым!

-------------------------------------------------------------------------------------------------------------------------------------
  1.  Каждый открытый тэг ДОЛЖЕН иметь иметь своего закрывающего брата.

    ПРАВИЛЬНО:<p>here is a paragraph.</p><p>here is another paragraph.</p>
    НЕПРАВИЛЬНО:<p>here is a paragraph.<p>here is another paragraph.

  2. Значения аттрибутов ДОЛЖНЫ находится в кавычках. Даже если они являются числами.

    ПРАВИЛЬНО:  <td rowspan="3">
    НЕПРАВИЛЬНО: <td rowspan=3>

  3. Аттрибуты НЕ СУЩЕСТВУЮТ сами по себе, но только в паре со своим значением

    ПРАВИЛЬНО:<dl compact="compact">
    НЕПРАВИЛЬНО:<dl compact>

  4. Одиночные элементы закрыты в себе слэшем

    ПРАВИЛЬНО<br/><hr/>
    НЕПРАВИЛЬНО<br><hr>

  5.  (thanks PHP-DIRECTOR):
    Пишите только в нижнем регистре:

    ПРАВИЛЬНО: <a href="index.php">ссылка</a>
    НЕПРАВИЛЬНО: <а HREF="index.php"></а>
  6. Необходимо соблюдать последовательность закрытия тегов:

    ПРАВИЛЬНО: <p><b>Слово</b></p>
    НЕПРАВИЛЬНО: <p><b>Слово</p></b>
  7. (thanks dm9):
    Не использовать сокращённую запись для пары тэгов, для которых в спецификации предусмотрено внутреннее содержимое.

    ПРАВИЛЬНО: <div></div> <p></p> <td></td>
    НЕПРАВИЛЬНО: <div /><p /><td />

    Наоборот, одиночные по спецификации разбивать на пару можно:
    ПРАВИЛЬНО: <br></br>
    ПРАВИЛЬНО: <hr></hr>
  8. (Спасибо Nuxx) Спецсимволы начинаются с & и кончаются ; Это означает, что сам по - себе амперсанд необходимо экранировать.

    ПРАВИЛЬНО: <a href="index.php?mod=1&amp;cat=212">link</a>
    НЕПРАВИЛЬНО: <a href="index.php?mod=1&cat=212">link</a>
------------------------------------------------------
Свой код можно полностью проверить на соостветствие стандарта с помощью валидатора от W3C. 
http://validator.w3.org/

Актуальная спецификация полностью: 
http://www.w3.org/TR/xhtml1/#h-4.3

Подтолкнул на мысль: http://vingrad.ru/@Irokez

Пишите в новом стандарте smile И да подсветится всё правильно и без ошибок!
    


--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
sergejzr
Дата 18.6.2005, 18:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 4
Всего: 360



Цитата(Red @ 17.6.2005, 11:52)
Надо всё же ориентироваться не на новые стандарты, а на сегодняшнюю их поддержку, да за новостями следить. Какой смысл в этом, если основные браузеры будут поддерживать HTML4 ещё несколько лет и не переходить на чистый XHTML

Всё, что описанно выше поддерживается и сегодня smile


--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
Се ля ви
Дата 20.6.2005, 11:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Java/SOAрхитектор
****


Профиль
Группа: Модератор
Сообщений: 2016
Регистрация: 5.6.2004
Где: place without tim e and space

Репутация: 1
Всего: 127



Цитата(dm9 @ 18.6.2005, 18:08)
ЛОЛ )))))))))))))

Editors:
Jonny Axelsson, Opera Software

Угумц, меня тоже порадовало! Вдруг, действительно со времянем опера по поддержке стандартов с FireFox`ом поспорит - тогда сам, наверное, перейду на неё smile


--------------------
  )
 (
[_])
проф. блог

Кролики думали, что занимаются любовью, а на самом деле их просто разводили...
PM MAIL WWW Skype GTalk   Вверх
$дмитрий
Дата 21.9.2005, 10:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45



еще по спецификации:
1. обязательно обьявлять тип документа
2. в теге img прописывать alt
PM MAIL   Вверх
boombick
Дата 26.9.2005, 13:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 305
Регистрация: 20.4.2005
Где: Moscow, Russia

Репутация: -1
Всего: 9



Цитата
2. в теге img прописывать alt

Alt, даже пустой необходим для корректного отображения текстовыми браузерами...
А то они будут впуливать что-нибудь типа src="bla-bla-bla"...


--------------------
Все вышесказанное - имхо, и на истину в последней инстанции не претендует
------
UNIX and other
PM MAIL WWW ICQ   Вверх
R.M.
Дата 5.10.2005, 08:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



На сколько я знаю Мозилла не держит параметр alt, достойное ему заменение title


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
sergejzr
Дата 5.10.2005, 10:26 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 4
Всего: 360



Цитата
На сколько я знаю Мозилла не держит параметр alt, достойное ему заменение title

C чего бы она не поддерживала? smile alt и title две разные вещи. alt - альтернативный текст. Пишется, если у юзера картинки отключены. title - всплывающая подсказка при наведении мыша.
alt обязателен, title естественно нет. Лучше конечно оба прописывать, независимо от браузера



--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
boombick
Дата 5.10.2005, 11:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 305
Регистрация: 20.4.2005
Где: Moscow, Russia

Репутация: -1
Всего: 9



По-любому лучше оба...
Ибо Мозилла действительно не показывает альт при включенных картинках...
А титл показывает


--------------------
Все вышесказанное - имхо, и на истину в последней инстанции не претендует
------
UNIX and other
PM MAIL WWW ICQ   Вверх
sergejzr
Дата 5.10.2005, 12:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 4
Всего: 360



Цитата(boombick @ 5.10.2005, 10:01)
Ибо Мозилла действительно не показывает альт при включенных картинках...

Почему alt должен показываться при включенных картинках? alt - заменитель картинки
Цитата(sergej @ 5.10.2005, 09:26)
lt - альтернативный текст. Пишется, если у юзера картинки отключены.




--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
boombick
Дата 5.10.2005, 13:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 305
Регистрация: 20.4.2005
Где: Moscow, Russia

Репутация: -1
Всего: 9



Согласен.
Но порой интересно бывает дать пользователю некую информацию с помощью всплывающей подсказки...
Второстепенной важности!


--------------------
Все вышесказанное - имхо, и на истину в последней инстанции не претендует
------
UNIX and other
PM MAIL WWW ICQ   Вверх
CyClon
Дата 5.12.2005, 15:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 838
Регистрация: 3.12.2005

Репутация: -1
Всего: 4



(thanks PHP-DIRECTOR):
Пишите только в нижнем регистре:

ПРАВИЛЬНО: <a href="index.php">ссылка</a>
НЕПРАВИЛЬНО: <A HREF="index.php"></A>

ИСКЛЮЧЕНИЯ:

Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN"> 

Добавлено @ 15:26
X. Прописывать META-Теги, хотя бы самые неоходимые.
ПРАВИЛЬНО:

Код

<head>
<title><?php echo $site_name; if (isset($section)) { echo "&nbsp;// $section"; } ?></title>
<link href='design/styles/style.css' type='text/css' rel='stylesheet'>
<meta http-equiv='content-type' content='text/html; charset=windows-1251'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='cache-control' content='no-cache, must-revalidate'>
<meta name='description' content='<?php echo $site_description; ?>'>
<meta name='keywords' content='<?php echo $site_keywords; ?>'>
<meta name='author' content='lisenko denis'>
<meta name='copyright' content='copyright (c) soulkeepers clan'>
<meta name='resource-type' content='document'>
<meta name='revisit-after' content="1 days">
<meta name='robots' content="all">
</head>


НЕПРАВИЛЬНО:
Код

<head>
<title><?php echo $site_name; if (isset($section)) { echo "&nbsp;// $section"; } ?></title>
<link href='design/styles/style.css' type='text/css' rel='stylesheet'>
</head>



--------------------
user posted image
PM   Вверх
CyClon
Дата 5.12.2005, 15:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 838
Регистрация: 3.12.2005

Репутация: -1
Всего: 4



Придерживаться структуры:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head>
<title>{TITLE}</title>
<link href='{...ПУТЬ...}' type='text/css' rel='stylesheet'>
{META TAGS}
</head>
<body>
{CONTENT}
</body>
</html>



--------------------
user posted image
PM   Вверх
CyClon
Дата 6.12.2005, 16:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 838
Регистрация: 3.12.2005

Репутация: -1
Всего: 4



P.S. Некоторые не замечаю что кроме br и hr одиночными тегами являютс img, meta, link и т.д.
А то я токо в br понаставил / а так все по старомуsmile))


--------------------
user posted image
PM   Вверх
set36
Дата 20.4.2006, 13:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 27
Регистрация: 14.4.2006

Репутация: нет
Всего: 1



Необходимо также знать что в XHTML ссылки типа:
Цитата

?set=content&mc=2

не допустимы.
Вместо этого следует писать полный путь к сайту, и не забывать, что параметры мы передаём php-файлу, а не директории. 
PM MAIL   Вверх
dm9
Дата 20.4.2006, 13:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137



set36, дай ссылку на пункт спецификации, в котором это написано. Не помню такого.
 
PM MAIL ICQ   Вверх
set36
Дата 22.4.2006, 02:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 27
Регистрация: 14.4.2006

Репутация: нет
Всего: 1



Пункта такого нет(вродебы).

Но если ссылки пишешь: 
Код
?set=content&mc=2

и выдаешь в заголовках content-type text/xhtml (application/xhtml, application/xml итд), то ёпера и мозилла стопорятся на том, что параметра mc= у данного тэга нет[хоть и написаны ссылки в кавычках](валидатор тоже матерится на такую тягу).

(а ие вообще никогда не обрабатывает :=))) )

А когда ссылки собираешь начиная c http:// , то ругацца перестаёт.

Вывод: ко всем ссылкам через ПХП привинчиваем $SERVERURL ., и дописываем скрипт которому передаём параметры[в случае с индексом не обязательно, но зачем нагружать сервер тупыми запросами?..] 
PM MAIL   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1623 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.