Модераторы: 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   Вверх
dm9
Дата 23.4.2006, 03:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



1. Никакой сервер никакими тупыми запросами не перегружается. Это клиент генерирует полный URI на базе того, что написано в href (src, action).

2. ?set=content&mc=2 - это неверная запись. Верная ?set=content&amp;mc=2. Причём это относится как в полным, так и "урезанным" ссылкам. И всё везде, кстати, работает.
 
PM MAIL ICQ   Вверх
grinmax
Дата 28.5.2006, 15:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Правильно по стандарту XHTML 1.0 

<img src="im/10.gif" alt=""/>

не забывайте на конце "/" 
PM MAIL   Вверх
7910
Дата 8.7.2006, 15:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Что делать, если по спецификации HTML 4 теги нужно писать в верхнем регистре, а по спецификации XHTML - в нижнем. Бытует мнение, что в будущем HTML должен будет соответствовать XHTML, и хотелось бы уже сейчас писать на будущее, чтоб потом не переписывать.Так в каком регистре лучше писать теги, чтобы сейчас документ был валидным и потом переделывать не пришлочь? 
PM MAIL WWW ICQ   Вверх
sergejzr
Дата 10.7.2006, 12:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


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

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



Цитата(sergej.z @  16.6.2005,  18:32 Найти цитируемый пост)
Пишите только в нижнем регистре:

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

 


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


Developer
**


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

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



а ещё небольшой вопрос обязательны ли ковычки?
Пример 
<a href=index.php>ссылка</a>
<a href="index.php">Ссылка</a> 


--------------------
MaXL
PM MAIL   Вверх
dm9
Дата 13.7.2006, 13:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Да.
 
PM MAIL ICQ   Вверх
aloyn
Дата 26.9.2006, 14:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



 smile  Даже SpyLog-у досталось...

Цитата

Info Line 246 column 50: entity was defined here.
<a href="http://u####.04.spylog.com/cnt?cid=783204&f=3&p=0" target="_blank">


PM MAIL   Вверх
Illuminaty
Дата 26.9.2006, 18:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



еще бы не досталось  smile 
вылидный выриант:
Код
<a href="http://u####.04.spylog.com/cnt?cid=783204&amp;f=3&amp;p=0" target="_blank">

PM MAIL ICQ   Вверх
Nuxx
Дата 3.11.2006, 18:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



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

НЕПРАВИЛЬНО: <a href="index.php?mod=1&cat=212">link</a>
ПРАВИЛЬНО: <a href="index.php?mod=1&amp;cat=212">link</a>

Подробно можете посмотреть спецсимволы (и не только) в Dreamweavere.

Добавлено @ 18:34 
Цитата(Illuminaty @ 26.9.2006,  18:31)
еще бы не досталось  smile 
вылидный выриант:
Код
<a href="http://u####.04.spylog.com/cnt?cid=783204&amp;f=3&amp;p=0" target="_blank">

Код
target="_blank"
 не валидно.

Это сообщение отредактировал(а) Nuxx - 3.11.2006, 18:32
PM MAIL   Вверх
SelenIT
Дата 3.11.2006, 18:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(Nuxx @  3.11.2006,  18:31 Найти цитируемый пост)
target="_blank" не валидно.

С Transitional/Loose DOCTYPE - валидно. Но все равно, жутко несовременно и "идеологически неправильно".



--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
sergejzr
Дата 3.11.2006, 18:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


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

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



Nuxx, спасибо


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


Шустрый
*


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

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



В скриптах прописывать параметр не language, а type (а лучше оба на переходном этапе)

И заключать весь JavaScript-код в [CDATA[ ... ]]

Код

<script type="text/javascript" language="javascript">
//<![CDATA[

JavaScript-код

//]]>
</script>

PM MAIL WWW Jabber   Вверх
ARMICRON
Дата 8.2.2007, 19:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата

(thanks dm9 с вопроса MaXL):
Аттрибуты обязательно писать в кавычках 
ПРАВИЛЬНО: <a href="index.php">ссылка</a>
НЕПРАВИЛЬНО: <а href=index.php></а>


В связи с этим такой вопрос - какие виды кавычек можно использовать ( " ", ' ', ` `) ? 
PM MAIL   Вверх
Gold Dragon
Дата 9.2.2007, 11:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

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



<a href="index.php">ссылка</a>

на это валидатор у меня ругается, хотя ссылки отлично работают
<a href='index.php'>ссылка</a>
<a href=`index.php`>ссылка</a>


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
boombick
Дата 12.3.2007, 17:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(sergejzr @  16.6.2005,  21:32 Найти цитируемый пост)
НЕПРАВИЛЬНО: <a href="index.php?mod=1&amp;cat=212">link</a>
НЕПРАВИЛЬНО: <a href="index.php?mod=1&cat=212">link</a>

Исправьте в верхней строчке НЕПРАВИЛЬНО на ПРАВИЛЬНО smile А то смущает...


--------------------
Все вышесказанное - имхо, и на истину в последней инстанции не претендует
------
UNIX and other
PM MAIL WWW ICQ   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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