Обзор браузеров
Самые простые браузеры, которые для своего запуска не требуют мощных компьютеров, и даже наличия графики, - это текстовые браузеры или, как их еще называют, консольные. Самые известные представители этого жанра - Lynx, Links, Elinks. Между тем, эти браузеры нельзя назвать пережитком прошлого, у них довольно большая пользовательская ниша - это, в первую очередь, серверы, где графическая оболочка, чаще всего, вообще не ставится. Кроме того, такие браузеры удобно использовать на слабых машинах и при медленном соединении с сетью.
Вторая группа браузеров - это надстройки над Internet Explorer. Самостоятельными продуктами их назвать нельзя, так как они в своей работе напрямую используют встроенный в Windows браузер, но и простыми дополнениями считать их также не стоит. Maxthon, MyIE, Avant Browser, Netcaptor - все эти программы добавляют массу полезных возможностей при навигации во всемирной сети, вносят немало элементов здоровой эргономики.
Третья группа - это браузеры, тесно связанные со средами обитания. Internet Explorer не может жить без Windows, он - неотъемлемая ее часть. Konqueror является частью рабочей среды KDE и считается аналогом Internet Explorer в Linux.
И четвертая группа - это независимые продукты сторонних разработчиков, которые в минимальной степени используют компоненты той ОС, для которой они собраны. Эти продукты часто работают во многих операционных системах, что позволяет пользователям при переходе из одной ОС в другую не менять своих привычек. Но даже если браузер привязан к конкретной операционной системе, его интеграция с системными компонентами минимальна. В эту группу входят Mozilla Firefox, Opera, Netscape Browser 8, Dr.Orca, K-Meleon, SeaMonkey, Flock и другие.
Internet Explorer 6.0 SP2
Три четверти работоспособного населения нашей планеты использует Internet Explorer. Отчасти этот факт является следствием незнания альтернатив. Но ведь нередко встречается и осознанный выбор. Конечно, Internet Explorer сильно отстал в технологическом развитии. Поддержка современных стандартов отсутствует напрочь, но популярность браузера делает ее незаметной для нас с вами. Многие Web-дизайнеры не просто вписываются в рамки ограничений, накладываемых функциональностью Internet Explorer, а умудряются создавать сайты, некорректно отображающиеся в других браузерах. Первый запуск браузера происходит практически моментально, скорость работы интерфейса заслуживает самых лестных слов. Однако специфика HTML-движка Trident, используемого в Internet Explorer, заставляет каждый документ полностью загружаться из сети и уже после этого отображаться на экране. По этой причине создается внешнее ощущение медленной работы движка. Современная работа в сети с использованием Internet Explorer все больше начинает напоминать тевтонского рыцаря, обвешанного доспехами. Обеспечение безопасности полностью возлагается на резидентный антивирус и файрволл. Выход во всемирную сеть на абсолютно незащищенном Internet Explorer подобен прогулке босиком по минному полю. Internet Explorer не обладает унифицированными средствами подключения внешних модулей. С другой стороны, благодаря стараниям сторонних разработчиков, вы можете интегрировать элементы многих приложений, прямо или косвенно связанных с работой в интернете. Инструменты для фильтрации нежелательного контента - вотчина сторонних утилит. Чаще всего процесс фильтрации рекламы происходит на базе построения локального прокси сервера.
Вывод: Огромная популярность Internet Explorer - не просто следствие незнания альтернатив. Все недостатки браузера с лихвой компенсируются двумя человеческими качествами - ленью и прагматизмом. Если вас все устраивает в Internet Explorer, то эксперименты с другими браузерами лишь приведут к эффекту "сена и соломы". Практика показывает, что большинство пользователей окончательно изменяют своим привычкам, только видя реальную выгоду от перемен.
Mozilla Firefox 1.5
Разработчики Mozilla Firefox, следуя зову логики, наделили свой продукт лишь функциями, инструментами необходимости. Большинству пользователей будет достаточно тех возможностей, что открываются сразу после установки браузера, так как они намного превышают функционал Internet Explorer. Чтобы удовлетворить потребности эстетов и гурманов, в основу Mozilla Firefox положен принцип неограниченной расширяемости. Практически любую дополнительную функцию можно реализовать в виде внешнего модуля - расширения. Расширений для Mozilla Firefox написано несколько сотен, и они охватывают практически все сферы - от полезных многофункциональных программных комплексов до разнообразных игр, работающих в среде браузера. Время первой загрузки у Firefox весьма велико, так как он тянет за собой элементы интерфейса, которые не интегрированы ни в одну систему. Скорость работы движка Firefox, который отображает страницы, весьма высока, но не может соперничать с текстовыми браузерами. Mozilla Firefox начинает отображать страницы с самого начала загрузки, не дожидаясь, пока документ полностью перекочует на ваш жесткий диск. Благодаря этому возникает сладкая иллюзия очень быстрой работы браузера. Ведь порой не обязательно загружать документ до конца, достаточно посмотреть на первые строки, и становится понятно, нужен ли он вам. Если нет, то мы сразу переходим к работе с другим документом, чем здорово экономим свое время. Mozilla Firefox практически неуязвим. Разработчики вносят изменения в исходные тексты сразу после обнаружения уязвимости. Компактные бинарные обновления могут устанавливаться автоматически, фактически на лету закрывая обнаруживаемые бреши. До того момента, как браузер стал популярным и захватил заметную долю рынка, уязвимости практически не находились. Но как только популярность Mozilla Firefox вышла за пределы узкого круга поклонников, и этот браузер стал званым гостем на многих миллионах компьютеров, уязвимости стали находиться на порядок чаще. Еще бы, найти ошибку в популярной программе гораздо приятнее, чем в той, всех пользователей которой ты помнишь по именам. Но оперативность исправления ошибок не уменьшилась, и на сегодняшний день нет ни одного реального случая заражения компьютера через Mozilla Firefox. Mozilla Firefox не имеет себе равных по степени расширяемости. Все зависит от вашего желания, каким вы хотите видеть свой браузер. Вы можете оставить базовую функциональность, пользуясь быстрым и компактным инструментом. Но если ваши желания выходят за возможности дистрибутива, то сотни разнообразных расширений смогут удовлетворить самые неожиданные запросы. Отсылайте SMS-сообщения, заводите альбомы, экономьте трафик - расширения вам помогут. Важно только помнить, что перегруженный множеством расширений Mozilla Firefox - потенциально нестабильный продукт. Обилие надстроек приводит к утечкам памяти, а также тяжело локализуемым конфликтам. Во всем нужно чувствовать меру. Встроенные средства Mozilla Firefox имеют скудные возможности фильтрации рекламы. Лишь расширения из серии *block позволяют избавиться от нежелательной графики на Web-страницах.
Вывод: Волшебство огненной лисички заключается в быстром привыкании к браузеру. Безопасность Mozilla Firefox позволяет забыть о внешних "доспехах", а практически бесконечная расширяемость не дает скучать в клетке базовых возможностей. Стоит проявлять умеренное усердие в области подключения расширений, так как еще не до конца отлажен механизм защиты от потенциальных ошибок, вызываемых некорректной работой расширений.
Opera 8.50
Opera - многофункциональный интернет-комбайн, включающий в себя, помимо браузера, почтовый клиент, IRC-клиент и клиент для чтения RSS-новостей. Многое из того, что пользователям Internet Explorer и Mozilla Firefox приходится искать "на стороне", в Opera существует изначально. Opera - первый браузер, в котором появились "мышиные жесты". Практически невозможно найти аналог "жезлу" - уникальному инструменту для управления паролями в браузере. Opera - единственный браузер, имеющий штатную функцию загрузки изображений только из кэша браузера (в браузерах на движке Gecko подобная функция реализована с помощью модуля расширения). Opera - единственный браузер, имеющий правильный интерфейс с точки зрения расположения элементов. В Windows главное меню должно быть сразу под заголовком окна (в Mac OS X - в верхней части рабочего стола). Ниже него располагается панель вкладок, а уже под ней панель инструментов и строка ввода адреса. Совокупность инструментов и адресная строка - это дочерние объекты, по отношению к заголовку всей вкладки. Вкладки с различными типами данных могут иметь разные наборы инструментов. Последовательность элементов интерфейса постоянно идет от общего к частному, не нарушая законов эргономики. В Opera реализовано масштабирование всей страницы целиком, включая изображения, чего также не встретишь в продуктах конкурентов. Кроме того, не стоит забывать о том, что в дистрибутив входят и другие компоненты для работы в интернет. Конечно, полноценной заменой независимых программ их назвать сложно, но для выполнения простых задач функций почтового клиента и IRC-клиента обычно хватает. Слабая реализация технологии JS приводит к частичной работоспособности некоторых сервисов, форумов и чатов. Opera обладает малым временем первой загрузки, экономно расходует системные ресурсы, быстро отображает страницы. Особенно стоит отметить быструю работу интерфейса в Linux, где конкуренты имеют значительное отставание. Безопасность браузера находится на высоком уровне, так как он, используя собственный движок Presto, практически не связан с уязвимостями операционной системы. Проблема кроется в том, что Opera - весьма нестабильный браузер. При падении браузера теряются все данные в формах. Представьте ситуацию, что вы полчаса набирали письмо, работая в почтовом Web-сервисе, и вдруг браузер падает. Дальнейшая задача пользователя - нанести минимальный физический урон компьютеру в порыве гнева. С другой стороны, высокая защищенность Opera от атак извне позволяет не беспокоиться о дополнительных "доспехах" и полностью посвятить себя процессу Web-серфинга. Разработчики не заложили в Opera принцип расширяемости. Стоит заметить, что, создавая вручную собственные сценарии и добавляя их в текстовые конфигурационные файлы, можно добиться некоторых результатов. Но ожидать реального увеличения функциональности от подобных действий не стоит, это все равно, что поднять уровень мирового океана с помощью капель из пипетки. Базовый инструментарий Opera не обладает инструментами управления загрузкой мультимедиа контента на основе строковых переменных. Однако, используя в браузере возможность подключения пользовательских стилей, можно избавить себя от лишней информации на Web-страницах.
Вывод: Красивый, необычный браузер с уникальным интерфейсом, выдерживающим самые строгие требования в области эргономики. К сожалению, стабильность работы браузера зачастую оказывается неприемлемой. Браузер снискал заслуженную популярность в России, очень экономно расходуя трафик.
Netscape Browser 8.0.3
Разработчики Netscape Browser воплотили в своем продукте массу уникальных возможностей, отсутствующих не только в прародителе, но и в других браузерах. Уникальная возможность браузера - работа с двумя движками одновременно. По умолчанию используется движок Gecko, но вы всегда можете переключиться на Trident. При этом можно задавать правила выбора движка для каждого сайта отдельно. Netscape Browser имеет инструмент автоматического заполнения форм, аналогичный "жезлу" в Opera. "Центр безопасности" браузера позволяет задавать уникальные правила загрузки для различных групп по критерию безопасности, а во время работы с браузером вы можете, щелкнув мышью по щиту на вкладке, указывать уровень безопасности для каждого сайта отдельно. Здесь можно увидеть прогноз погоды, интеграцию с почтовыми Web-сервисами, желтые страницы, новости и многое другое. Фактически, Netscape - это портал в мир оперативной информации. Разумеется, желательно жить в США, чтобы получать реальную выгоду от использования сервисов, так как основные информационные базы направлены именно на американскую аудиторию. В браузер встроен примитивный ICQ клиент, который работает в боковой панели браузера. Скорость работы Netscape Browser немного ниже, чем у Mozilla Firefox. Множество панелей сервисов загружают интерфейс, а поддержка двух движков требует большего количества оперативной памяти. При использовании движка Gecko вы получаете безопасность на уровне Mozilla Firefox, а в случае использования Trident будьте осторожны. Центр безопасности позволяет отключить многие потенциально опасные элементы, но в любом случае "минное поле" таит в себе огромную опасность. Приблизительно треть расширений от Mozilla Firefox будут работать и в Netscape Browser. Центр безопасности, помимо своих прямых обязанностей, может управлять загрузкой изображений для каждого сайта в отдельности. Кроме того, вы можете установить специальные расширения для фильтрации нежелательных изображений.
Вывод: Огромное количество улучшений по сравнению с Mozilla Firefox выглядят привлекательно. Но за все нужно платить. Netscape Browser имеет более высокие системные требования, чем конкуренты. Не менее половины сервисов практически бесполезны для среднестатистического россиянина. Поддержка только трети лисьих расширений снижает эффективность масштабирования. Так как Netscape Browser основан на предпоследней версии движка Gecko 1.7.12, некоторые возможности Mozilla Firefox 1.5 (использует Gecko 1.8) будут недоступны. На фоне всего этого, стоит мысленно расставить плюсы и минусы в таблице личных приоритетов и после этого делать свой выбор.
Гипертекстовый документ
Под гипертекстовым документом понимают документ, содержащий так называемые ссылки на другой документ. Реализовано все это через протокол передачи гипертекста HTTP (HyperText Transfer Protocol).
Информация в документах Web может быть найдена по ключевым словам. Это означает, что каждый обозреватель Web содержит определенные ссылки, через которые образуются так называемые гиперсвязи, позволяющие миллионам пользователей Internet вести поиск информации по всему миру.
Гипертекстовые документы создаются на базе языка HTML (HyperText Markup Language). Этот язык весьма прост, управляющие коды его, которые, собственно, и компилируются обозревателем для отображения на экране, состоят из текста ASCII. Ссылки, списки, заголовки, картинки и формы называются элементами языка HTML.
Универсальный локатор ресурса
Web может открывать доступ к другим ресурсам Internet, например к электронной почте, FTP, Gopher, WAIS или конференциям Usenet. Документ в Internet ищется по так называемому адресу URL (Uniform Resource Locator), синтаксис которого следующий:
protocol://hostport/path
hostport -- адрес сервера с соответствующим номером порта. Этот параметр отображает так называемую машинную адресацию. Машинная адресация может быть числовой или буквенной.
path -- путь.
Вместо аргумента protocol может стоять:
http -- любая гипертекстовая информация.
ftp -- протокол передачи файлов.
telnet -- терминальный доступ.
gopher -- "предшественник" WWW.
afs -- файловая система Internet.
news -- конференции Usenet.
wais -- система баз данных Internet.
Язык гипертекстовой разметки документов HTML
Язык НТМL позволяет размечать электронный документ, который отображается на экране с полиграфическим уровнем оформления; результирующий документ может содержать самые разнообразные метки, иллюстрации, аудио- и видеофрагменты и так далее.
В состав языка вошли развитые средства для создания различных уровней заголовков, шрифтовых выделений, различные списки, таблицы и многое другое. Вторым важным моментом, повлиявшим на судьбу HTML, стало то, что в качестве основы был выбран обычный текстовый файл. Выбор был сделан под влиянием того, такой файл можно создать в любом текстовом редакторе на любой аппаратной платформе в среде какой угодно операционной системы.
Таким образом, гипертекстовая база данных в концепции WWW — это набор текстовых файлов, размеченных на языке HTML, который определяет форму представления информации (разметка) и структуру связей между этими файлами и другими информационными ресурсами (гипертекстовые ссылки). Гипертекстовые ссылки, устанавливающие связи между текстовыми документами, постепенно стали объединять самые различные информационные ресурсы, в том числе звук и видео; в результате возникло новое понятие — гипермедиа.
Первая версия языка (HTML 1.0) была направлена на представление языка как такового, где описание его возможностей носило скорее рекомендательный характер. Вторая версия языка (HTML 2.0) фиксировала практику использования его конструкций. Версия ++ (HTML++) представляла новые возможности, расширяя набор тегов HTML в сторону отображения научной информации и таблиц, а также улучшения стиля компоновки изображений и текста. Версия 3.2 смогла упорядочить все нововведения и согласовать их с существующей практикой. HTML 3.2 позволяет реализовать использование таблиц, выполнение кодов языка Java, обтекание графики текстом, а также отображение верхних и нижних индексов.
Сейчас World Wide Web Consortium (W3C) — международная организация, которая занимается подготовкой и распространением документации на описание новых версий HTML — уже опубликовала материалы спецификации HTML 4.01. Кроме возможностей разметки текста, включения мультимедиа и формирования гипертекстовых связей, уже существовавших в предыдущих версиях HTML, в версию 4.01 включены дополнительные средства работы с мультимедиа, языки программирования, таблицы стилей, упрощенные средства печати изображений и документов. Для управления сценариями просмотра страниц Website (гипертекстовой базы данных, выполненной в технологии World Wide Web) можно использовать языки программирования этих сценариев, например, JavaScript, Java и VBScript.
Принципы гипертекстовой разметки
HTML является описательным языком разметки документов, в нем используются указатели разметки (теги). Теговая модель описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами, то есть документ НТМL представляет собой не что иное, как обычный текстовый файл, с добавленными в него управляющими НТМL-кодами (тегами).
Теги НТМL-документов в большинстве своем просты и понятны, ибо они образованы с помощью общеупотребительных слов английского языка, понятных сокращений и обозначений. НТМL-тег состоит из имени, за которым может следовать необязательный список атрибутов тега. Текст тега заключается в угловые скобки ("<" и ">"). Простейший вариант тега — имя, заключенное в угловые скобки, например или . Для ряда тегов характерно наличие атрибутов, которые могут иметь конкретные значения, устанавливаемые автором для изменения функции тега.
Атрибуты тега следуют за именем и отделяются друг от друга одним или несколькими знаками табуляции, пробелами или символами возврата к началу строки. Порядок записи атрибутов в теге значения не имеет. Значение атрибута, если таковое имеется, следует за знаком равенства, стоящим после имени атрибута. Если значение атрибута — одно слово или число, то его можно просто указать после знака равенства, не выделяя дополнительно. Все остальные значения необходимо заключать в одинарные или двойные кавычки, особенно если они содержат несколько разделенных пробелами слов. Регистр символов в именах тегов и атрибутов не учитывается, чего нельзя сказать о значениях атрибутов. Например, особенно важно использовать нужный регистр при вводе URL (Uniform Resource Locator, унифицированный указатель ресурса), других документов в качестве значения атрибута HREF.
Чаще всего элементы разметки HTML или HTML-контейнеры состоят из начального и конечного компонентов, между которыми размещаются текст и другие элементы документа. Имя конечного тега идентично имени начального, но перед именем конечного тега ставится косая черта (/) (например, для тега стиля шрифта — курсив закрывающая пара представляет собой , для тега заголовка <�ТIТLЕ> закрывающей парой будет </ТIТLЕ>). Конечные теги никогда не содержат атрибутов. По своему значению теги близки к понятию скобок "begin/end" в универсальных языках программирования, которые задают области действия имен локальных переменных и т.п. Теги определяют область действия правил интерпретации текстовых документов.
Некоторые элементы разметки не имеют конечного компонента, поскольку являются автономными элементами. Например, тег изображения ![]() , который служит для вставки в документ графического изображения, конечного компонента не требует. К автономным элементам разметки также относятся разрыв строки (
), горизонтальная линейка (
).
В некоторых случаях конечные теги в документе можно опускать. Большинство браузеров устроено так, что при обработке текста документа начальный тег воспринимается как конечный тег предыдущего. Самый распространенный тег такого типа — тег абзаца <�Р>. Поскольку он используется в документе очень часто, его обычно ставят только в начале каждого абзаца. Когда один абзац заканчивается, следующий тег <�Р> сигнализирует браузеру о том, что нужно завершить данный абзац и начать следующий. Тем не менее, рекомендуется включать по возможности больше конечных тегов, чтобы избежать путаницы и ошибок при воспроизведении документа.
Кроме тегов, элементами HTML являются CER (Character Entity Reference), они предназначены для представления специальных символов в документе HTML, которые могут быть неверно обработаны браузером. Например, чтобы представить символ "<" в документе HTML, нужно заменить его на <, а символ ">" — на >. То есть, если указать в тексте HTML строку <BODY>, она будет выглядеть на экране как текст . Может возникнуть вопрос: как быть с символами "</>", "&" и со специальными символами, типа знака ударения? Можно выводить их, используя соответствующие CER, например для "&" это будет &, и т. д.
Группы тегов НТМL
Все теги НТМL по их назначению и области действия можно разделить на следующие основные группы:
определяющие структуру документа;
оформление блоков гипертекста (параграфы, списки, таблицы, картинки);
гипертекстовые ссылки и закладки;
формы для организации диалога;
вызов программ.
Структура гипертекстовой сети задается гипертекстовыми ссылками.
Гипертекстовая ссылка — это адрес другого HTML-документа или информационного ресурса Internet, который тематически, логически или каким-либо другим способом связан с документом, в котором ссылка определена. Естественно, при таких условиях очень важна схема адресации всех имеющихся информационных ресурсов.
Реальный механизм интерпретации идентификатора ресурса, опирающийся на URI (Uniform Resource Identifier, универсальный идентификатор ресурса), называется URL, и пользователи WWW имеют дело именно с ним.
Типичным примером использования такой записи можно считать следующий пример:
Этот текст содержит:
гипертекстовую ссылку
В приведенном выше примере тег "A", который в HTML называют якорем (anchor), использует атрибут HREF, обозначающий гипертекстовую ссылку (Hypertext Reference), для записи этой ссылки в форме URL. Данная ссылка указывает на документ с именем "index.html" в каталоге "help" на сервере "www.intuit.ru", доступ к которому осуществляется по протоколу HTTP.
Гипертекстовые ссылки в HTML делятся на два класса: контекстные гипертекстовые ссылки и общие. Контекстные ссылки вмонтированы в тело документа, как это было продемонстрировано в предыдущем примере, в то время как общие ссылки связаны со всем документом в целом и могут использоваться при просмотре любого фрагмента документа.
Структура HTML-документа позволяет задействовать вложенные друг в друга контейнеры.
Структура HTML-документа и элементы разметки заголовка документа
HTML-документ — это один большой контейнер, который начинается с тега и заканчивается тегом :
Содержание документа
Контейнер HTML или гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа (HEAD) и тела документа (BODY). Рассмотрим простейший пример классического документа.
Пример простого документа
Формы HTML-документов
|
