- •Специальные символы
- •Другие элементы
- •Html разметка - использование таблиц
- •Та же разметка, но с добавлением фонового цвета
- •Примеры
- •Полезные советы
- •Еще примеры
- •Теги фреймов
- •Где узнать больше о css?
- •Проблемы html 3.2
- •Какие преимущества дает html 4.0?
- •Как этим пользоваться?
- •Готовимся к xhtml
- •Укажите правильный тип документа для вашего сайта
- •Валидатор w3Cы
- •Примеры
- •Как использовать стили?
- •Стилевые теги
- •Спецсимволы — что это такое?
- •Неразрывный пробел
- •Часто используемые спецсимволы
- •Элемент meta Примеры
- •Элемент meta
- •Ключевые слова для поисковых роботов
- •Html ссылки
- •Универсальный локатор ресурсов
- •Проблема старых браузеров
- •Теги скриптов
- •Стандартные атрибуты html
- •Общие атрибуты
- •Языковые атрибуты
- •Атрибуты клавиатуры
- •События в html
- •События форм
- •Клавиатурные события
- •События мыши
- •Кодирование url
- •Кодирование url
- •Превратите свой компьютер в веб-сервер Ваш компьютер как веб-сервер
- •Версии веб-серверов Windows
- •Как установить iis на Windows Vista
- •Как установить iis на Windows xp и Windows 2000
- •Проверка веб-сервера
- •Следующий шаг — профессиональный веб-сервер
- •Сервер на Apache
- •Бесплатный хостинг с php и MySql
- •Вы изучили html, что дальше? Итоги
- •Вы изучили html, что дальше?
Часто используемые спецсимволы
Заметка: спецсимволы чувствительны к регистру, т.е. как обычно пишем их маленькими буквами и не паримся по этому поводу.
Символ |
Описание |
Название |
Номер |
|
неразрывный пробел |
|
|
< |
меньше, чем |
< |
< |
> |
больше, чем |
> |
> |
& |
амперсанд |
& |
& |
¢ |
цент |
¢ |
¢ |
£ |
фунт стерлингов |
£ |
£ |
¥ |
знак иены |
¥ |
¥ |
€ |
знак евро |
€ |
€ |
§ |
параграф |
§ |
§ |
© |
копирайт |
© |
© |
® |
зарегистрированная торговая марка |
® |
® |
Для получения дополнительной информации, ознакомтесь со справкой по спецсимволам.
Раздел head html-страницы
Примеры
Заголовок документа Информация в разделе head html-страницы не отображается в окне браузера.
Место открытия всех ссылок Этот пример демонстрирует использование тега base для того, чтобы открывать все ссылки в новом окне браузера.
Элемент head
В разделе head html-страницы содержится общая информация о странице, называемая также мета-информацией. Термин «мета» расшифровывается как «информация об информации» или можно сказать, что это информация о данных.
Информация в разделе head
Элементы в разделе head не отображаются в окне браузера (я не беру в учет тег <title>, который отображается в заголовке браузера). В соответствии со стандартами HTML только несколько тегов могут быть помещены в раздел head. Это следующие теги: <base>, <link>, <meta>, <title>, <style> и <script>.
Посмотрите на следующую неправильную конструкцию:
<head>
<p>Это параграф</p>
</head>
Теги раздела head
Тег |
Описание |
<head> |
информация о документе |
<title> |
заголовок документа |
<base> |
указывает способ открывания всех ссылок в документе |
<link> |
ссылка на ресурс |
<meta> |
мета информация о html-документе |
Тег |
Описание |
<!DOCTYPE> |
Тип документа. Это тег должен идти раньше тега <html> |
Элемент meta Примеры
Описание типа документа (DTD) Информация в элементе meta описывает документ.
Ключевые слова документа Информация в элементе meta содержит сведения о ключевых словах документа.
Перенаправление пользователей
Этот пример демонстрирует как перенаправить пользователей, если адрес вашего сайта изменился.
Элемент meta
Как мы объясняли в предыдущем разделе элемент head содержит общую информация (мета-информацию) о документе. HTML включает в себя элементы, которые находятся в разделе head. Цель этих элементов — предоставить пользователю информацию о документе. Чаще всего мета-элементы используют для предоставления информации о документе браузерам или поисковым роботам.
Заметка: Несмотря на то, что вы можете использовать мета-теги для редиректа (перенаправления) пользователей на новый адрес страницы в интернете, консорциум W3С рекомендует заменять это действие серверными скриптами. Серверные скрипты — это действия над страницей, которые выполняются на стороне сервера, т.е. того компьютера, на котором физически хранится ваш сайт. Если вы хотите узнать больше об этом, ознакомтесь с учебником по PHP.
