В.В. Перевалов - Интернет-журналистика
.pdfТеги оглавления
<base href=«www.?»> — Указание браузеру: от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью).
<base target=«?»> — Указание браузеру, от какого базового окна, в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра).
<meta name=«allow-search» content=«?»> — Указание для по-
исковых роботов, как следует сканировать данную страницу. <meta http-equiv=«distribution» content=«?»> — Указание для
поисковых роботов: относится ли данная страница к мировым. <meta name=«robots» content=«?»> — Указание для поисковых
роботов, как следует сканировать данную страницу.
<meta name=«author» content=«?»> — Указание автора стра-
нички.
<meta name=«keywords» content=«?»> — Описание содержа-
щейся информации (для поисковых машин).
<meta http-eguiv=«content-type» content=«text/plain;churset=«?»>
— Указание браузеру, в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и др.).
Некоторые хостинги (в основном иностранные) автоматически перекодируют страницы, получаемые сервером в определенную кодировку. Поэтому уточняйте перед постановкой тега у поставщиков хостинга этот вопрос.
<meta name=«description» content=«?»> — Ключевые слова странички (для поисковых машин).
<title>...</title> — Помещает название документа в оглавление программы просмотра страниц.
Атрибуты тела документа
<body bgcolor=«?»> — Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB — пример: FF0000 — красный цвет.
<body text=«?»> — Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB — пример: 000000 — черный цвет.
41
<body link=«?»> — Устанавливает цвет гиперссылок, используя значениецветаввидеRRGGBB — пример: 00FF00 — зеленыйцвет.
<body vlink=«?»> — Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB — пример: 333333 — серый цвет.
<body alink=«?»> — Устанавливает цвет гиперссылок при нажатии.
Теги форматирования текста
<pre>...</pre> — Обрамляет предварительно отформатированный текст.
<h1>...</h1> — Создает самый большой заголовок
<h2>...</h2>, <h3>…</h3>, <h4>...</h4>, <h5>…</h5> — Соз-
дает заголовки промежуточных размеров.
<h6>...</h6> — Создает самый маленький заголовок. <b>...</b> — Создает полужирный текст.
<i>...</i> — Создает наклонный текст.
<tt>...</tt> — Создает текст, имитирующий стиль печатной машинки.
<kbd>...</kbd> — Создает текст, еще больше имитирующий стиль печатной машинки.
<var>...</var> — Название переменных отображается курсивом. <cite>...</cite> — Выделение цитат курсивом. <address>...</address> — Отображается курсивом в виде от-
дельного абзаца.
<em>...</em> — Наклонный текст (воспринимается поисковыми роботами как выделение).
<strong>...</strong> — Жирный текст (воспринимается поисковыми роботами как особо сильное выделение).
<font size=«?»>...</font> — Устанавливает размер текста в пределах от 1 до 7.
<font color=«?»>...</font> — Устанавливает цвет текста, ис-
пользуя значение цвета в виде RRGGBB.
Гиперссылки
<a href=«URL»>...</a> — Создает гиперссылку на другие сайты.
42
<atarget=«?»>...</a> — Указывает в каком окне открывать гиперссылку.
Параметры и значения
_Blank — Загрузка содержимого страницы, заданной ссылкой, в новое пустое окно.
_Parent — Загрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку.
_Self — Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы.
_Top — Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы.
При использовании фреймов и вложенных фреймов значением может выступать имя фрейма или вложенной сетки фреймов, при этом страница откроется в указанной части окна.
<a href=«NAME»>...</a> — Создает гиперссылку на другую страницу.
<a href=«mailto:EMAIL»>...</a> — Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу.
<a href=«#name»>...</a> — Создает гиперссылку на метку текущей страници.
<a name=«name»>...</a> — Отмечает часть текста, как метку для гиперссылок на странице.
<a href=«NAME#name»>...</a> — Создает гиперссылку на мет-
ку другой страници.
Форматирование
<p>...</p> — Создает новый параграф.
<p align=«?»>...</p> — Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center.
<nobr> — Запрещает перевод строки.
<wbr> — Указывает, где разбивать строку для переноса при необходимости.
<br> — Вставляет перевод строки. <blockquote>...</blockquote> — Создает отступы с обеих сто-
рон текста.
43
<dl>...</dl> — Создает список определений. <dt> — Определяет каждый из терминов списка. <dd> — Описывает каждое определение. <ol>...</ol> — Создает нумерованный список. <ul>...</ul> — Создает ненумерованный список.
<div align=«?»>...</div> — Тег, используемый для форматирования больших блоков текста HTML-документа. Также используется в таблицах стилей.
Графические элементы
<img src=«name»> — ДобавляетизображениевHTML-документ. <img src=«name» align=«?»> — Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center;
bottom, top, middle.
<img src=«name» border=«?»> — Устанавливает толщину рам-
ки вокруг изображения.
<img src= «name» vspase= «?»> — Устанавливает поля сверху и снизу.
<img src= «name» hspase=«?»> — Устанавливает поля с боков. <img src= «name» alt=«?»> — Всплывающая подсказка при на-
ведении на картинку.
<hr> — Добавляет в HTML-документ горизонтальную линию. <hr size=«?»> — Устанавливает высоту (толщину) линии.
<hr width=«?»> — Устанавливает ширину линии, можно указать ширину в пикселах или процентах.
<hr noshade> — Создает линию без тени.
<hr color=«?»> — Задает линии определенный цвет. Значение
RRGGBB.
Таблицы
<table>...</table> — Создает таблицу. <tr>...</tr> — Определяет строку в таблице.
<td>...</td> — Определяет отдельную ячейку в таблице. <th>...</th> — Определяет заголовок таблицы (нормальная
ячейка с отцентрованным жирным текстом). <caption>...</caption> — Определяет подпись таблицы.
44
Атрибуты таблицы
<table border=«#»> — Задает толщину рамки таблицы.
<table cellspacing=«#»> — Задает расстояние между ячейками таблицы.
<table cellpadding=«#»> — Задает расстояние между содержимым ячейки и ее рамкой.
<table width=«#»> — Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<table height=«#»> — Устанавливает высоту таблицы в пикселах или процентах от высоты документа.
<tr align=«?»> или <td align=«?»> — Устанавливает вырав-
нивание ячеек в таблице, принимает значения: left, center, или right.
<tr valign=«?»> или <td valign=«?»> — Устанавливает верти-
кальное выравнивание для ячеек таблицы, принимает значения: top, middle, или bottom.
<td colspan=«#»> — Указывает количество столбцов, которые объединены в одной ячейке (по умолчанию равно 1).
<td rowspan=«#»> — Указывает количество строк, которые объединены в одной ячейке (по умолчанию равно 1).
<td nowrap> — Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
<td width=«#»> — Устанавливает ширину ячейки в пикселах или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину).
<td height=«#»> — Устанавливает высоту ячейки в пикселах или процентах от высоты таблицы (ячейки одной строки не могут иметь разную высоту).
Фреймы
<frameset>...</frameset> — Предваряет тег <body> в документе,
содержащем фреймы.
<frameset rows=«value,value»> — Определяет строки в таблице фреймов, высота которых определена количеством пикселов или в процентном соотношении к высоте таблицы фреймов.
45
<frameset cols=«value,value»> — Определяет столбцы в таблице фреймов, ширина которых определена количеством пикселов или в процентном соотношении к ширине таблицы фреймов.
<frame> — Определяет единичный фрейм или область в таблице фреймов.
<noframes>...</noframes> — Определяет, что будет показано в окне браузера, если он не поддерживает фреймы.
Атрибуты фреймов
<frame src=«URL»> — Определяет, какой из HTML-доку-
ментов будет показан во фрейме.
<frame name=«name»> — Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фрейм или область из других фреймов.
<frame marginwidth=«#»> — Определяет величину отступов по левому и правому краям внутрь фрейма; должно быть равно или больше 1.
<frame marginheight=«#»> — Определяет величину отступов по верхнему и нижнему краям внутрь фрейма; должно быть равно или больше 1.
<frame scrolling=VALUE> — Указывает, будет ли выводится линейка прокрутки во фрейме; значение value может быть «yes», «no», или «auto». Значение по умолчанию для обычных докумен-
тов— auto.
<frame noresize> — Препятствует изменению размеров фрейма пользователем.
Ифрейм и его атрибуты
<iframe>...</iframe> — Создает контейнер, который может содержать любые элементы. Остальные элементы обтекают этот контейнер.
<iframe src=«URL»> — Определяет, какой из HTML-доку-
ментов будет показан в ифрейме.
<iframe name=«name»> — Указывает имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм.
46
<iframe vspase=«?»> — Устанавливает поля сверху и снизу снаружи от ифрейма.
<iframe hspase=«?»> — Устанавливает поля с боков снаружи от ифрейма.
<iframe marginwidth=«#»> — Определяет величину отступов по левому и правому краям внутрь ифрейма; должно быть равно или больше 1.
<iframe marginheight=«#»> — Определяет величину отступов по верхнему и нижнему краям внутрь ифрейма; должно быть равно или больше 1.
<iframe scrolling=VALUE> — Указывает, будет ли выводиться линейка прокрутки в ифрейме; значение value может быть «yes», «no», или «auto». Значение по умолчанию для обычных докумен-
тов — auto.
<iframe width=«#»> — Определяет ширину ифрейма. <iframe height=«#»> — Определяет высоту ифрейма. <iframe title=«?»> — Текст всплывающей подсказки.
Формы
<form>...</form> — Создает формы.
<select multiple name=«NAME» size=«?»>...</select> — Создает скролируемое меню. Size, устанавливает количество пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.
<option> — Указывает каждый отдельный элемент меню. <select name=«NAME»>...</select> — Создает ниспадающее
меню.
<option> — Указывает каждый отдельный элемент меню. <textarea name=«NAME» cols=40 rows=8>...</textarea> — Соз-
дает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.
<input type=«checkbox» name=«NAME»> — Создает checkbox. <input type=«radio» name=«NAME» value=«x»> — Создает ra-
dio-кнопку.
<input type=text name=«foo» size=20> — Создает строку для ввода текста. Параметром Size указывается длина в символах.
47
<input type=«submit» value=«NAME»> — Создает кнопку «От-
править».
<input type=«Image» border=«0» name=«NAME» src=«name.gif»> — Создает кнопку «Отправить» — для этого используется изображение.
<input type=«reset»> — Создает кнопку «Очистить».
Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге.
Язык HTML — язык обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области верстки. HTML успешно справлялся с проблемой сложности SGML путем определения небольшого набора структурных и семантических элементов — дескрипторов, они же описанные выше теги. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащенностью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов).
Однако современное применение HTML очень далеко от его изначальной задачи. С течением времени основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.
В настоящее время разрабатывается новый протокол HTML 5.0, в котором существенно упрощена работа с мультимедийным контентом через теги <video>, <audio>, <time>, <meter> и ряда других.
48
Параграф второй
Виды доступа в Сеть
Проводной доступ
Исторически первым видом доступа в сеть был проводной с использованием телефонных кабелей «лапши» по технологии dialup. Такой вид доступа отличается крайней дешевизной и практически полным охватом домовладений. Все, что необходимо для уверенной работы в Интернете — внешний модем.
Модем (МОДулятор + ДЕМодулятор) — устройство, применяемое в системах связи для физического сопряжения информационного сигнала со средой его распространения. При работе первые модемы полностью занимали телефонный канал.
Однако по своим физическим характеристикам, особенно по уровню эха и собственных шумов, выяснилось, что максимальная скорость приема-передачи сигнала не может быть выше 56 кбит/сек, что едва хватает для работы с текстами. Графику, а тем более видео по таким каналам передавать практически невозможно. Но поскольку ничего более совершенного в первое время не было, то пошли по пути адаптации информации к возможностям каналов. Это было время так называемого WEB 1.0.
Ситуация немного изменилась с появлением так называемых DSL (Digital Subscriber Line — цифровая абонентская линия; также есть другой вариант названия — Digital Subscriber Loop — цифровой абонентский шлейф) и особенно ассимметричных ADSL-мо- демов с технологией сжатия информации и передачи ее с помощью несущей частоты. В результате максимальная скорость достигла 250 кбит/сек, что было гораздо лучше, но для уверенной пе- редачи-приема видео все же недостаточно. Одним из преимуществ такой технологии было то, что при работе не загружался речевой телефонный канал.
Но все дальнейшее развитие технологий доступа в Интернет было связано с развитием каналов. Среди проводных каналов можно выделить: коаксиальные (телевизионные) кабели, которые являются превосходными по уровню шума и эха, но крайне дороги
49
впроизводстве и массивны. Во многом именно поэтому в настоящее время их повсеместно заменяют «витой парой». Соединение этих каналов с технологиями ADSL дает возможность обеспечить скорость приема-передачи порядка 24 Мбит/сек — 35 Мбит/сек, что вполне достаточно для большинства задач, в том числе для организации потокового видео.
Проблема заключается в том, что для таких кабелей требуется высококачественная дефицитная рафинированная медь. Поэтому все большее развитие получают волоконно-оптические кабели, для изготовления которых требуется пластмасса и кварцевый песок. В основе волоконно-оптической связи лежит явление полного внутреннего отражения электромагнитных волн на границе раздела диэлектриков с разными показателями преломления. Оптическое волокно состоит из двух элементов — сердцевины, являющейся непосредственным световодом, и оболочки. Показатель преломления сердцевины несколько больше показателя преломления оболочки, благодаря чему луч света, испытывая многократные переотражения на границе сердцевина-оболочка, распространяется в сердцевине, не покидая ее.
Разработка систем волнового мультиплексирования позволила
внесколько раз увеличить скорость передачи данных по одному волокну, и к 2003 г. при применении технологии спектрального уплотнения была достигнута скорость передачи 10,92 Тбит/сек (273 оптических канала по 40 Гбит/сек). В 2009 г. лаборатории Белла посредством мультиплексирования 155 каналов по 100 Гбит/сек удалось передать сигнал со скоростью 15,5 Тбит/сек на расстояние 7000 километров.
Есть еще один способ использования проводов для передачи сигнала: силовая электропроводка. Для этого используются адаптеры, выделяющие закодированный сигнал из общего шума промышленной частоты. В настоящее время данная технология используется редко, но вот, например, адаптер TPL-410E (версия 1.0R) компании Trendnet обеспечивает передачу данных со скоростью до 500 Мбит/сек на расстояние до 300 метров. Таким образом можно создавать офисные высокозащищенные локальные сети.
50