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

Поиск:

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


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13282
Регистрация: 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 IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
SelenIT
Дата 6.7.2012, 12:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Цитата

Насчёт закрытия/незакрытия тэга BR существует много споров. Но я лично предпочитаю закрывать!

Никаких споров не существует. В HTML4- его закрывать запрещено, в XHTML — необходимо (но допускается "самозакрывающая" сокращенная запись — всеми любимая "<br />"). В HTML5 можно писать и "<br>", и "<br />", но к "закрытию тега" этот слеш никакого отношения не имеет (он просто с гарантией игнорируется, тогда как в HTML4 по строгим правилам SGML это было равносильно записи "<br>>"). Теперь синтаксис — исключительно вопрос вкуса, но не надо себя обманывать smile

В XHTML5, как и в XHTML1, можно писать и "<br />", и "<br></br>".

Добавлено @ 12:17
Цитата(Kratos @  2.4.2012,  09:13 Найти цитируемый пост)
Самая распространенная ошибка, W3C не пройдет валидацию

Воистину. W3C — организация, а не язык разметки, поэтому валидировать его нет смысла smile

И да, писать с умным видом устаревшие цитаты, не понимая их смысла — ужасно распространенная ошибка. Не только в вебе, к сожалению...

Это сообщение отредактировал(а) SelenIT - 21.7.2013, 22:42


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


Новичок



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

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



Спасибо.. Мне помогло!
PM MAIL WWW   Вверх
Genn
Дата 8.8.2012, 20:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата(sergejzr @ 16.6.2005,  20:32)
Как мы знаем, XHTML набирает обороты...

давно XHTML  поддерживаюсь. и от сотрудников требую

доктайпы не забываем!!!!!
PM MAIL WWW ICQ   Вверх
Kasko882
  Дата 2.10.2012, 22:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Работай над собой!
*


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

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



Спасибо за советы)) Создам себе мануал, по правилам написания кода и буду сраться придерживаться его smile 
PM MAIL WWW   Вверх
beland
Дата 18.3.2013, 13:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


новичОк



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

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



Цитата(Black @ 16.6.2005,  21:36)
Хочу добавить пару пунктов:

  •  5. Пишите только в нижнем регистре:

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

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

про регистр..не знал. но подозревал smile  лучше всего проверять потом. валидатором
PM MAIL WWW ICQ   Вверх
benni
Дата 21.3.2013, 23:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



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

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

да..я бы не сказал что там особо что то поменялось))
PM MAIL WWW ICQ Skype   Вверх
ЖАН61
Дата 7.10.2014, 13:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Привет всем!
Не нашел как можно создать свою тему, поэтому спрашиваю в этой ветке.
В хроме сайт выглядит нормально, а в мозиле и IE все сдвинуто в право и увеличен масштаб. Картинка становится дефектной. Уменьшил масштаб страницы со 100% на 80 % и вид сайта нормализовался.
Сайт еще не загружен в интернет, открываю его через нотпад. 
Вот эта страничка форума с моим вопросом в хроме выглядит нормально, а в мозиле ее масштаб увеличен, но это не портит общую картину. Все блоки находятся на своих местах.
А в моем случае увеличение масштаба привело к сильному сдвиганию центральных блоков в право. Не красивая картинка.
Видимо все дело именно в фиксированном размере и увеличении маштаба.
Но у других верстальщиков картинка сайта не портится в разных браузерах, потому что они что то для этого делают дополнительно. Что и как?
PM MAIL   Вверх
Alexiya
Дата 19.12.2014, 21:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



ЖАН61,  сложно судить ибо я не вижу ссылку на ваш сайт и соответствено ничем не могу подсказать smile 
PM MAIL WWW   Вверх
ilya1982
Дата 17.3.2015, 19:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Согласен)
PM MAIL   Вверх
Google
  Дата 19.9.2019, 05:42 (ссылка)  





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


 




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


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

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