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


Web-Development
**


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

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



Хочу добавить пару пунктов:
  • 5. Пишите только в нижнем регистре:

    Правильно: <a href="index.php">ссылка</a>
    Неправильно: <A HREF="index.php"></A>
  • 6. Необходимо соблюдать последовательность закрытия тегов:

    Правильно: <p><b>Слово</b></p>
    Неправильно: <p><b>Слово</p></b>



--------------------
Могу все, но ничего не умею :-)
PM WWW   Вверх
sergejzr
Дата 16.6.2005, 21:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


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

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



Абсолютно согласен smile


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


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


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

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



Не использовать сокращённую запись для пары тэгов, для которых в спецификации предусмотрено внутреннее содержимое.

Правильно: <div></div> <p></p> <td></td>
Неправильно: <div /><p /><td />

Наоборот, одиночные по спецификации разбивать на пару можно:
<br></br>
<hr></hr>
Тем не менее, сама же спецификация так делать не рекомендует, по крайней мере для <br /> — из-за непредсказуемого поведения браузеров.

PM MAIL ICQ   Вверх
Gold Dragon
Дата 17.6.2005, 08:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



sergej.z
у меня вопрос к тебе, ты предлагаешь использовать синтаксис XHTML? То есть начинать отказываться от спецификации HTML4 или же так писать исключительно с целью правильной подсветки?


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


Un salsero
Group Icon


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

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



Цитата(Red @ 17.6.2005, 07:10)
То есть начинать отказываться от спецификации HTML4 или же так писать исключительно с целью правильной подсветки?


XHTML более строг, "валиднее" и значит "правильнее". Не думаю. что ХТМЛ надолго задержится после того, как все бразеры станут понимать XHTML в полной мере.

Когда подсветку писали, исходили из новых стандартов. Но дело не только в ней, а и в приучивания себя к новому и правильному стилю написания веб страниц.


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


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


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

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



Цитата(sergej @ 16.6.2005, 20:32)
Именно код в формате XHTML, например будет правильно подсвечен в тэгах "code".

А какой версии XHTML? Я вот сейчас XHTML 2.0 уже смотрю, вышел, а я с заморочками 1.1 ещё не полностью разобрался... smile Все бежит, летит вперёд...


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

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


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


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

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



Всё вышесказанное верно для 1.0, дальше не знаю.

Цитата
XHTML 2.0


smile

Ух нифига.
А давно?
PM MAIL ICQ   Вверх
Gold Dragon
Дата 17.6.2005, 12:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Цитата
Все бежит, летит вперёд..

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


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


Бывалый
*


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

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



Разве теги обязательно писать в нижнем регистре ? Так в спецификации написано ?

<br></br> - чем отличается от <br> . Если не отличается , то в чём смысл ?

<p><b>....</p></b> - я даже такого представить не мог. А оказывается работает ...

А в кратце - основное отличие XHTML от HTML можно ...
PM MAIL   Вверх
Gold Dragon
Дата 17.6.2005, 15:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Цитата(PROCESSOR @ 17.6.2005, 15:22)
Разве теги обязательно писать в нижнем регистре ? Так в спецификации написано ?

в XHTML обязательно
Цитата
XHTML™ 1.0:
The Extensible HyperText Markup Language
....
4. Отличия от HTML 4
....
4.2 Имена элементов и атрибутов должны быть в нижнем регистре

Документы XHTML должны использовать нижний регистр для всех имён элементов и атрибутов HTML. Это необходимо, поскольку XML чувствителен к регистру, например, <li> и <LI> это различные теги.



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


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


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

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



Цитата(PROCESSOR @ 17.6.2005, 16:22)
А в кратце - основное отличие XHTML от HTML можно ...


PROCESSOR, да здесь, собственно, основное приведено.

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


Un salsero
Group Icon


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

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



PROCESSOR там вверху есть ссылка на спецификацию. Сейчас вставлю ещё ссылочку на валидатор smile


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


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


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

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



Цитата(dm9 @ 17.6.2005, 12:50)
Цитата (Се ля ви @ 17.6.2005, 13:18)
XHTML 2.0

Ух нифига.
А давно?


Цитата
27 May 2005: The seventh public Working Draft of XHTML 2.0 has been published. Formal issues and error reports on this specification shall be submitted to [email protected] (archive).


Седьмой драфт - я сам не очень понял, что это значит, но думаю, что-то типа релиза. Со спецификацией можно ознакомиться тут (html, pdf)

От, такие дела...

P.S. Кстати span там есть, гы!.. smile


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

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


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


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

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



Не, ну драфт есть драфт... не релиз smile Но я и про это не знал. Так что спасибо. Кстати, наконец они нормальную структуру спецификации сделали. С 4.0 не сравнится.


Цитата
P.S. Кстати span там есть, гы!.. smile


Ишшо бы smile)

Добавлено @ 18:11
ЛОЛ smile)))))))))))))

Editors:
Jonny Axelsson, Opera Software
Mark Birbeck, x-port.net
Micah Dubinko, Invited Expert
Beth Epperson, Websense
Masayasu Ishikawa, W3C
Shane McCarron, Applied Testing and Technology
Ann Navarro, WebGeek, Inc.
Steven Pemberton, CWI (HTML Working Group Chair)



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


 




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


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

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