Суббота, 18 Августа 2018, 21:49

Приветствую Вас Гость

Меню сайта
Наш опрос
Какую графическую систему API вы используете?
Всего ответов: 9958
Блог » 2011 » октября » 24 » Секреты написания html кода для новичков
Секреты написания html кода для новичков
17:23
И так, в этом блоге я напишу несколько "секретов", которые уже все знают smile
Секрет #1
Самая большая ошибка новичков, это когда они забывают писать перед тегом <html> валидную строку, а точнее в начале должно быть так:
Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
...

Кстати бывают разные валидные строки, но это вы узнаете сами, а так можно пользоваться и одной этой, но при валидации на сайте w3.org могут возникнуть проблемы и вылезти ошибки.
Секрет #2
Для уменьшения размера CSS файла или просто встроенного кода, можно прибегнуть к такой технике:
Вместо:
Code

body
  {
  font-family:Gill Sans MT, Gill Sans, Verdana, sans-serif;
  background:url(/images/bgG.png);
  padding:0;
  margin:0 0;
  color:#727272;
  }

Можно писать:
Code

body{font-family:Gill Sans MT, Gill Sans, Verdana, sans-serif;background:url(/images/bgG.png);padding:0;margin:0 0;color:#727272;}

Правда с такой техникой, читаемость кода уменьшается (я имею ввиду для людей), но скорость загрузки увеличивается.
Секрет #3 немного обсурден
При включении в код тег картинки или перевода на другую строку, по правилам валидации (по правилам валидации xhtml), лучше писать так:
Code

<img />
<br />

Вы заметили, что в конце тега ставится закрытие, но некоторым это такется немного обсурдно, как и мне smile Но например, если тег <br> не будет закрыт, но за особую ошибку это не будет считаться и сайт пройдёт валидацию, но с тегом <img> так не пройдёт.
Секрет #4
Этот секрет расчитан на заядлых капслокеров... Шутка! :? Чтобы не писать на сайте капс локом, придумали следующий тег - uppercase!
Code

Например:
<p style="text-transform:uppercase">Это большие буквы без использования CapsLock</p>

Секрет #5
Создаём текст со стилем без CSS!
Моноширный текст:
Code

<tt>Я как бы моно.</tt>

Жирный шрифт:
Code

<strong>А я толстенький :)</strong>

Курсивный:
Code

<dfn>Я иду по наклонной!</dfn>

Подчёркнутый текст:
Code

<ins>"У меня под ногами земля!"</ins>

И последний - зачёркнутый:
Code

<del>Меня удалили :(</del>

Секрет #6
Когда изображение не загружено, например, если оно удалено с сервера, то на помощь приходит атрибут alt:
Code

<img alt="Где изображение???" src="lololol.png" />

Это можно применять, когда нужно вывести альтернативный текст (описание, название) к картинке.
Серкрет #7 - последний
Если тег li устанавливает маркированный список, то тег ol устанавливает нумерованный список:
Code

<ol>
  <li>Первый элемент нумерованного списка</li>
  <li>И второй тут</li>
</ol>

Кстати, если вы не знаете, то li, это элемент в любом списке, а списки (как вы все знаетете) всегда идут в столбик smile
Спасибо за внимание, с вами был romgerman. Надеюсь всё было ясно и понятно и не скучно smile Кстати это не все секреты написания кода, а те которые мне сегодня взбрели в голову, а на счёт валидации html и css почитайте сами!
Категория: Для вебмастера, SEO | Просмотров: 2008 | Рейтинг: 4.8/4 |
Теги: CSS, htm, верстка, w3.org, создание сайта, подсказки, html, HTML теги, секреты, Страницы сайта
Дополнительные опции:
Также если вы считаете, что данный материал мог быть интересен и полезен кому-то из ваших друзей, то вы бы могли посоветовать его, отправив сообщение на e-mail друга:

Игровые объявления и предложения:
Если вас заинтересовал материал «Секреты написания html кода для новичков», и вы бы хотели прочесть что-то на эту же тему, то вы можете воспользоваться списком схожих материалов ниже. Данный список сформирован автоматически по тематическим меткам раздела. Предлагаются такие схожие материалы: Если вы ведёте свой блог, микроблог, либо участвуете в какой-то популярной социальной сети, то вы можете быстро поделиться данной заметкой со своими друзьями и посетителями.

Всего комментариев: 12
+0-
12 Cre-game   (31 Января 2012 12:43)
Cre-gameВеликолепно! очень хорошая статья

+0-
11 romgerman   (31 Октября 2011 22:39)
romgermanИ ещё: от ИЕ нельзя отстать, даже не смотря на то, что им пользуются разные офисные работники, домохозяйки, школота, которая не умеет устанавливать другие браузеры и т.д., всё равно нельзя забывать про кроссплатформенность. smile

+0-
10 romgerman   (31 Октября 2011 20:09)
romgermanЗнаю, есть такое, ноя говорил про чистый вид, без скриптов.

+2-
8 Cofein   (28 Октября 2011 14:13)
CofeinКак раз начал изучать html. Спасибо!

+2-
6 Йакуд   (27 Октября 2011 16:01)
ЙакудНа сколько я знаю, что в новом стандарте HTML5, не обязательно закрывать тег img и br.
Почитать можно тут..

+1-
7 romgerman   (27 Октября 2011 16:31)
romgermanДа но html5 в чистом виде поддерживают не все браузеры, а точнее - IE6-8

+1-
9 Revolver_45   (29 Октября 2011 18:03)
Revolver_45Кстати, в HTML5 даже теги <HTML> и <BODY> не обязательны. Без них документ спокойно проходит валидацию.

+1-
5 romgerman   (26 Октября 2011 22:01)
romgermanИнтересно, кому нибудь понадобилась эта информация? smile

+2-
3 LQarum   (25 Октября 2011 05:21)
LQarumГык, странно, первый раз вижу такие теги.

+1-
4 romgerman   (25 Октября 2011 17:06)
romgerman^)

+1-
1 LQarum   (24 Октября 2011 22:23)
LQarumЕсли я не ошибаюсь, то это HTML5?

+4-
2 romgerman   (25 Октября 2011 00:03)
romgermanНет ты ошибаешься, это самый обычный html 4.01 tongue

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Автор материала
Ник:
romgerman
Ещё:
Все его записи
Календарь заметок
«  октября 2011  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31
Поиск по сайту
Записи по месяцам
Друзья сайта
Игровой форум GFAQ.ru Перевод консольных игр
Все права сохранены. GcUp.ru © 2008-2018 Рейтинг