Краткая памятка по основным html-тегам.
В первую очередь для себя. Но может и кому еще пригодится.
Не смотря на все более совершенные конструкторы сайтов, основы следует знать. Знание основ еще ни когда не вредило делу. К тому же пытливому уму всегда интересно знать как что работает. А особенно интересно знать - почему не работает. Вот тут то зачастую и бывают необходимы знания основ.
Основные html-теги с описанием их назначения:
<html></html> - Корневой тэг, указывает браузеру, что это HTML документ
<head></head> - "Голова" HTML документа, в которую прописывается название, таблицы стилей (CSS), которые подключены к этой странице, различные мета-тэги (описание, ключевые слова, переадресация, кодировка и т.д.)
<title></title> - Название HTML страницы
<body></body> - Тело документа, в которое помещается весь основной контент страницы.
<p></p> - Параграф, который позволяет разбивать текст на блоки.
<img> - Тэг для вставки изображений на HTML страницу
<a></a> - Создание ссылок на другие документы и файлы.
<div></div> - Логический тэг раздела, в основном используется для выравнивания блоков текста, а также придания этому блока определенного вида с помощью таблиц CSS.
<br> - Тэг переноса строки.
<span></span> - Логический тэг, используется для выделения отдельных слов в предложении с помощью CSS и других подобных вещей.
<strong></strong> (замена устаревшему тэгу <b></b>) - Жирный текст.
<em></em> (замена устаревшему тэгу <i></i>) - Курсив.
<form> - Создание формы.
<input> - Создание элемента формы (текстовый блок, кнопка и т.д.)
<select> - Создание списка элементов внутри формы. В зависимости от атрибута size, список может быть выпадающим.
<option></option> - Элемент списка.
</select>
<textarea></textarea> - Область для ввода текста внутри формы.
</form>
<table> - Таблица.
<tr> - Строка таблицы
<td></td> - Ячейка строки
</tr>
</table>
<ol> (<ul>) - Список нумерованный (ненумерованный).
<li> - Элемент списка.
</ol> (</ul>)
В совокупности со статьей HTML Физическое форматирование получается прямо справочник, а не памятка.
Если все выше написанное для вас "китайская грамота", заказывайте создание сайтов людям, которых не пугает html-код.
16.09.2009
Автор
hawot |
html |
View Comments
Не знаю зачем, наверное кому-то нужно что бы его сайт не переводился при помощи Google Translate и что бы в результатах выдачи не было ссылки “перевести страницу”. Вот для таких вебмастеров Google придумал очередной новый html-тег - “NoTranslate”. Google может себе позволить вводить новые теги. Даже если другие поисковики его не примут, доля Google в поиске, позволяет ему делать теги даже только для себя.
Новый тег отменяет появление ссылки “перевести страницу” рядом с вашим сайтом в результатах поисковой выдачи Google.
Полностью тег выглядит следующим образом:
<meta name=”google” value=”notranslate”>
Просто внесите этот тег в html код страницы.
Кроме того вы можете запретить перевод части страницы. Для этого к фрагменту который вы хотите закрыть от переводчика, добавьте «class=notranslate».
_
Вот такая вот социальная сеть для блоггеров. Здесь интервью, реклама и маркетинг, сервисы и инструменты, разработка, лайфхак, софт и другие новости.
03.09.2009
Автор
hawot |
html |
View Comments
Не часто такое бывает, но вот случилось. Google, Yahoo и Microsoft объявили о поддержке нового html тега. Тег дает понять поисковикам какой настоящий URL у текущей страницы. Выглядит тег следующим образом:
<link rel="canonical" href="http://blogodom.ru/kanonicheskie-url/"/>
И если Вы показываете на вашем блоге ссылки на свои статьи в разных виджетах (например: последние комментарии), они могут иметь в своем коде тег rel="canonical". И этот тег покажет поисковым системам каноническую URL ссылку на статью, т.е. ссылку где статья первоначально была опубликована. Это защит Ваш блог от дублированного контента.
Чтобы лучше понять, можно посмотреть на код этого блога. Посмотрим на код предыдущей статьи. Ее url: http://blogodom.ru/twitter-timer/
В тоже время страница на комментарии к этой статье имеет url:
http://blogodom.ru/twitter-timer/#comments
Мы имеем одинаковое содержание с разными url. То есть на нашем блоге мы имеем дублированный контент. Раньше, в подобных случаях, приходилось бороться с дублированным контентом с помощью различных плагинов или файла robots. Теперь же достаточно добавить в код тег с канонической ссылкой этой страницы. В данном случае, он будет выглядеть так:
<link rel="canonical" href="http://blogodom.ru/twitter-timer/"/>
Читаем дальше...
17.02.2009
Автор
hawot |
html |
View Comments