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


Шустрый
*


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

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



GZep, советую 1 таб.
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ!
PM MAIL WWW ICQ Skype   Вверх
GZep
Дата 14.5.2007, 13:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


участник Винграда
***


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

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



жду человека, который посоветует 4 пробела... smile 


--------------------
user posted imageuser posted image
PM MAIL WWW ICQ Skype GTalk   Вверх
Replicator
Дата 14.5.2007, 15:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Советую 4 пробела smile А при релизе можно и обфускацией заняться - поудалять все пробелы вообще.
--------------------
 
PM WWW ICQ   Вверх
sergejzr
Дата 14.5.2007, 16:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


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

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



Цитата(mr.Anderson @  13.5.2007,  20:09 Найти цитируемый пост)
Не нашел я тут стилистических правил написания кода. smile Позвольте добавить?

Вообще-то это лучше и желательно в новую тему. Т.к. стиль в стандарт не входит.


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


Новичок



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

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



Лучше Tab. Потому как каждый в своем редакторе может настроить длину Tab и любой код будет с приятным ему отступом.
PM MAIL   Вверх
vassiliy9
Дата 1.9.2007, 21:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Справочник по CSS всё доступно и понятно.
размер: 171 KB 

http://depositfiles.com/files/1641654
http://letitbit.net/download/fdbec5735287/...---CSS.chm.html    
    
PM MAIL   Вверх
1demirov1
Дата 5.1.2008, 15:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата(sergejzr @ 17.6.2005,  09:25)
XHTML более строг, "валиднее" и значит "правильнее".  Не думаю. что ХТМЛ надолго задержится после того, как все бразеры станут понимать XHTML в полной мере. 

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

Совершенно согласен.  smile 
HTML скоро просто станет плохим тоном, как например верстка таблицами (а не каскадные стили ccs). Да и давно пора упорядочить как и "язык оформления" и так и его понимание браузерами. 

Если Создать стандарт, которого все будут придерживаться, то может и исчезнет проблема "кроссбраузерности" smile, что в свою очередь очень облегчит жизнь web-мастерам.
 smile 
PM MAIL   Вверх
WebDisaster
Дата 6.1.2008, 10:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(1demirov1 @  5.1.2008,  15:56 Найти цитируемый пост)
HTML скоро просто станет плохим тоном

Угу. Особенно если учесть, что уже на подходе новая версия -- HTML 5
И ещё одно "небольшое полезное чтение" про XHTML. 
PM MAIL   Вверх
SelenIT
Дата 11.1.2008, 16:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Можно еще поучаствовать в моем крестовом походе по САБЖу (желательно после прочтения последней ссылки WebDisasterа, конечно ;). Буду благодарен за новые свидетельства отличий в отображении аналогичного кода при XTML- и HTML4.01-доктайпах одного подвида (Strict/Transitional). А кто найдет таковые без смены Content-type - тому благодарность в двойном размере!


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


Шустрый
*


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

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



мда, все по феншую))) чувствую лет там через 10 тут появится топ аля "правила написания кода" где пользователи будут узнавать, а чем же отличается XHTML от XML
PM MAIL WWW ICQ   Вверх
SelenIT
Дата 14.4.2008, 01:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Цитата(eee @  14.4.2008,  01:18 Найти цитируемый пост)
а чем же отличается XHTML от XML

Только определенным пространством имен и (до XHTML5) определенным DTD. Это его подмножество smile. Тут как раз, в отличие от кучи нюансов с XHTML vs. HTML, все уже сейчас достаточно ясно...


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


Шустрый
*


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

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



SelenIT, я имел ввиду что люди позже будут так спрашивать smile  но все равно спасибо))
PM MAIL WWW ICQ   Вверх
Fedrus
Дата 17.4.2008, 15:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



В тему обсуждений о пользе и "надо ли это вообще"
Вот сейчас дочитываю книжку "Мастерская CSS...." Энди Бадда и случайно зашел в эту тему.
Вот что могу посоветовать как интересный пример показывающий силу XHTML+CSS (там можно посмотреть на разные темы с боку осцществленные исключительно средствами CSS) и сомневающимся в пользе статью.
PS может это уже все знают но все же интересный сайт про темы

Это сообщение отредактировал(а) Fedrus - 17.4.2008, 15:05
--------------------
Если вы идете через ад, идите не останавливаясь.
PM MAIL   Вверх
SelenIT
Дата 18.4.2008, 07:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Fedrus, пользы CSS и микроформатов никто не отрицает, как для XHTML, так и для валидного HTML4.01/HTML5.

С точки зрения отделения структуры документа от оформления (путем выноса оного в CSS), разницы между HTML и XHTML нет никакой. XHTML не запрещает кодить таблицами, а HTML4 вполне позволяет верстать смысловыми блоками. Кривыми руками и в валиднейшем XHTML можно наворотить такого, что волосы встанут дыбом (в т.ч. у  поисковиков;), прямыми можно и на HTML написать валидный, компактный и семантичный код (вдобавок одинаково интерпретируемый всеми браузерами, включая IE).

А действительно неоспоримые преимущества XHTML - в его XML-ности (можно обрабатывать его с помощью XSLT, внедрять в него MathML, SVG и др. XML-языки...). Проявляются они лишь при отдаче с правильным Content-type. Которого, увы, не поддерживает и, судя по всему, не собирается поддерживать IE...


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


Опытный
**


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

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



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


 




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


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

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