Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Руководство по оформлению HTML/CSS кода от Google (Супер инструкция!) |
| Руководство по оформлению HTML/CSS кода от Google |
|
Вот.. нашел, прочитал и почуствовал что моя чаша познаний в правильной верстке HTML \ CSS наполнилась реально ! Думаю, данное руководство откроет много (и даже очень!) нового и полезного для большинства новичков и не только.
Пример 1 Не рекомендуется: <script src=" Рекомендуется: <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> Пример 2 Не рекомендуется: <link rel="stylesheet" href="//www.google.com/css/maia.css" Рекомендуется: <link rel="stylesheet" href="//www.google.com/css/maia.css"> Не рекомендуется: <script src="//www.google.com/js/gweb/analytics/autotrack.js" Рекомендуется: <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> Пример 3 Не рекомендуется: <!DOCTYPE html> Рекомендуется: <!DOCTYPE html> <title>Байты-деньги!</title> <p>Так-то Нормально?  Вот ПОЛНОЕ РУКОВОДСТВО (на русском) Вот ИСТОЧНИК на GOOGLE (на английском) -------------------------------------------------------------------------------------------------------------- A это утилиты которые помогут проверить ваш html и css код онлайн: W3C HTML code validator W3C CSS code validator -------------------------------------------------------------------------------------------------------------- p.s. Не нашел более подходящей ветки на форуме для этого топика.. если она есть - пожалуйста перенесите.  WWW.DOGICA.COM / WWW.DOGICA.ORG Сообщение отредактировал GEMMY - Четверг, 10 Апр 2014, 18:18:05
|
|
GEMMY,
Цитата Пример 3 Не рекомендуется: <!DOCTYPE html> Рекомендуется: <!DOCTYPE html> <title>Байты-деньги!</title> <p>Так-то А вот эта рекомендация может иметь весьма плачевные результаты когда требуется style="width: 100%; height :100%;" для <html><body> ...  |
|
ну во первых про width и height там тоже есть..
а во вторых все эти рекомендации от Гугль Аналитикс.. (ссылка - оригинал в наличии в топике) вы ведь доверяете им, так же как миллионы пользователей нета по всему миру правда? : ) WWW.DOGICA.COM / WWW.DOGICA.ORG Сообщение отредактировал GEMMY - Четверг, 10 Апр 2014, 18:27:07
|
|
GEMMY, Валидация на 100% проходит и без этих рекомендаций ... для большинства же сайтов, и не только на сервисе, 100% валидность вообще нехарактерна, 100% валидных сайтов "единицы", а следующих ещё и рекомендациям изложенных выше вообще днём с огнём мало найдётся ...
Хотя бы валидность по html5 обеспечить - вот мечта основной массы админов, да вот только локоть близко а укусить ни как ... затратно .... |
|
знаете что я вам скажу
по ИМХО - ВСЕ в мире что стандартно и валидно = бедно =) лишь нестандартные и из ряда вон выходящие вещи обращают наше внимание есть у вас что ответить на такое мнение? WWW.DOGICA.COM / WWW.DOGICA.ORG |
|
GEMMY,
всё так, протокол можно опустить, 2 слеша — внешняя ссылка; второй пункт тоже пришёл давно, но вместе с html5, поэтому рекомендуется при соответствующем доктипе; третий пример с оговорками, это если сразу после <html> нет html-коммента (и нет перед </html>), то же про <head> и про <body> (сразу после <body> при этом не должно быть скриптов и стилей). И так далее, список необязательных тегов довольно обширен, но в каждом случае есть свои тонкости. (Лично я вряд ли переучусь удалять head, либо НЕ закрывать, к примеру, <p> или <li> и т.д.) ...перевод на Хабре корявый по первой ссылке и не полный, лучше читать в оригинале по второй. |
| |||
| |||