image

NCSA Mosaic был одним из первых кросплатформенных браузеров на рынке. Встретили его с огромным благоговением. Всего за несколько месяцев после выхода летом 1993 года Mosaic изменил представление не только о браузерах, но и о WWW в целом. Гэри Вулф писал в Wired, что Mosaic «производил сильное впечатление не информации, а личности».

Mosaic сделал веб более приспособленным для сотен тысяч людей, впервые выходящих в онлайн. Конечно, Mosaic было легко установить на любой операционке. Он был чрезвычайно прост в использовании. Но большую роль в этих изменениях наверняка сыграл тег IMG.

Конечно, за несколько месяцев до его выхода никто не знал, насколько браузер станет популярным. Mosaic был разработан в Национальном центре суперкомпьютерных приложений [National Center for Supercomputing Applications, NCSA] в Иллинойском университете в Урбана-Шампейн. Разработкой руководил упорный Майк Андриссен, в ту пору ещё бывший студентом, вместе с сотрудником NCSA Эриком Бина. Андриссен интересовался вебом с тех пор, как за два года до этого впервые познакомился с ним.

При разработке первой версии Mosaic у него с Бином было множество идей. Они верили, что будущее сети зависит от более полной поддержки графики. В то время доступ к картинкам пользователи могли получать только через ссылки. Если на странице была картинка, пользователь щёлкал по ссылке, и она открывалась в новом окне. Андриссен и Бина представляли, как браузер может показывать картинки прямо в тексте веб-документов. Без лишних кликов.

В то время существовало всего 18 элементов HTML. Ни один из них не подходил для задачи Андриссена. Поэтому в феврале 1993 года Андриссен в списке рассылки www-talk, популярном среди разработчиков сети, запостил новую тему. В ней он между делом предложил новый элемент HTML:
I’d like to propose a new, optional HTML tag:

IMG

Required argument is SRC=”url”.

Некоторые могут счесть такое заявление бесцеремонным. Но именно так веб продвигали вперёд. Ведь веб – проект открытый, не так ли? Хотя стандарты разрабатываются в W3C, в теории предложения принимаются от всех.

Но новый тег для изображений встретил сопротивление. Некоторые беспокоились, что произвольное добавление тегов в какой-то момент станет напоминать прорыв плотины, и в результате для каждого типа медиа появится свой тег – типа aud для audio (или даже тег для video? Это будет уже чересчур!)

Тим Бернерс-Ли, создатель WWW, тоже сомневался. Он предложил вместо этого использовать тег <a>, а не вводить совершенно новый тег. Это позволило бы пользователям самим устанавливать, каким образом нужно обрабатывать изображения. Он считал, что веб должен быть гибко настраиваемым, и представлял мир, в котором пользователи возятся со своими браузерами, чтобы они демонстрировали страницы так, как им нравится. И строгий тег IMG не вписывался в эту картину.

Тони Джонсон, единоличный создатель конкурирующего браузера Midas, возражал несколько иначе. Зачем нужно использовать сокращение img, если с той же эффективностью можно использовать image? Он также сделал запрос для текстовой альтернативы изображениям – ранняя версия того, что позднее стало атрибутом alt.

Но на этом история не закончилась. Оказалось, что письмо от Андриссена было не столько предложением, сколько объявлением. Бина и Андриссен уже решили включить тег IMG в релиз, и не собирались менять синтаксис и поддержку. Встраиваемые в страницу изображения были наивысшим приоритетом для их браузера, и на это уже ничто не могло повлиять.

Когда Mosaic вышел в 1993 году, и пользователи с дизайнерами могли начать эксперименты с изображениями, тег IMG быстро набрал популярность. Народ и СМИ приняли его.

Стандарты HTML в конце концов тоже подтянулись. Тег IMG включили в спецификацию HTML 2.0, вышедшую у W3C в 1995 году. Были предложены разные альтернативы, к примеру, тег FIG, у которого был свой атрибут alt, полезный для пользователей, не видящих изображения. Но к тому времени IMG победил.

Его реализацию уже было трудно поменять. Хотя новый стандарт добавлял ALT к IMG, Mosaic (к тому времени переименованный в Netscape) продолжал поддерживать IMG как чисто визуальный элемент. В ранних реализациях атрибут ALT даже дублировался в виде всплывающего сообщения, появлявшегося при наведении на изображение. В результате разработчики писали там призывы типа «Нажми меня!» вместо того, чтобы с его помощью описывать то, что находится на изображении. После добавления атрибута TITLE к изображениям они стали более доступными.

Так что, если вам когда-нибудь было интересно, почему мы используем IMG и SRC вместо IMAGE и SOURCE – вините в этом настойчивость программистов Mosaic. Вот так мы получили тег IMG, сокращения и всё прочее. Андриссен был на рынке первым, и очень сложно спорить с успехом. Уже скоро это стало традицией для браузеров и стандартов. Сначала что-то внедряли браузеры, а затем подтягивались и стандарты. Во время «браузерных войн» это привело к серьёзным последствиям, и с тех пор такая ситуация периодически возникает. Но эта традиция сохраняется и по сей день. И всё из-за скромного тега IMG.
Поделиться с друзьями
-->

Комментарии (15)


  1. Lsh
    25.06.2017 01:14
    +5

    Так и имена других тегов являются сокращениями, вряд ли img был первым.


  1. kirillaristov
    25.06.2017 05:38
    +4

    Бернерс-Ли считал, что веб должен быть гибконастраиваемым, и представлял мир, в котором пользователи возятся со своими браузерами, чтобы они демонстрировали страницы так, как им нравится.
    Тим кажется не представлял, что в будущем домохозяйки будут серфить инет методом эмпирического тыка, самый популярный браузер будет иметь минимум настроек, а самый гламурный по дефолту отключит просмотр исходного кода.


    1. FreeManOfPeace
      25.06.2017 08:02

      Ну как бы Stylish, Scriptish и AdBlock вполне делают интернет гибконастраиваемым, и при этом доступны для всех браузеров, я вот слабо представляю сёрфинг без возможности включить тёмную тему.

      Спойлер
      image
      https://habrastorage.org/getpro/geektimes/comment_images/54d/7fc/d22/54d7fcd22ab074c50078d9ef59422867.png


      1. ptica_filin
        25.06.2017 11:07
        +1

        Им не надо — они и не настраивают и не тратят время на то, чтобы разбираться. Не понимаю, почему это нужно называть "проблемой".


      1. ivan386
        25.06.2017 11:15

        А в чём удобство? Я бы хотел наоборот сторонний плеер встраивать в страницу.


      1. keydon2
        25.06.2017 15:23

        А как мне отключить некоторые теги и скрипты, влияющие на «отзывчивость» страницы?
        Как мне сделать унифицированный вид для каждой страницы с новостями?
        Современный веб совсем не гибкий. Для парсинга конкретного сайта приходится писать конкретный парсер.
        И очень жаль, что так получилось (

        Было бы интересно посмотреть на реализацию единого интерфейса img\audio\video. Это кажется более правильным.


        1. FreeManOfPeace
          26.06.2017 00:03
          +1

          А в чём удобство? Я бы хотел наоборот сторонний плеер встраивать в страницу.

          В том что сейчас существует целый зоопарк плееров на Flash/HTML5 и каждый работает по своему, в одних работают хоткеи а в других и на паузу по пробелу не поставишь, я уж не говорю про тормоза на ровном месте, а открываешь с помощью того же NetVideoHunter видео в режиме просмотра, и они сразу исчезают чудом, и прогрузка нормально работает, плюс видео так или иначе привязано к месту страницы, то есть нельзя его смотреть и дальше изучать страницу (те же комменты или описание к нему если оно обширное), а так видео открывалось специализированным системным плеером в отдельном окне, а страница была бы отдельно, ну и размер отдельного окна можно подстроить как вздумается и хоткеи работают, при чём системные.

          А как мне отключить некоторые теги и скрипты, влияющие на «отзывчивость» страницы?

          AdBlock, RequestPolicy, NoScript наконец.

          Как мне сделать унифицированный вид для каждой страницы с новостями?

          И даже это реализовали хоть и недавно Вид для чтения

          Современный веб совсем не гибкий. Для парсинга конкретного сайта приходится писать конкретный парсер.
          И очень жаль, что так получилось (

          Ну я бы не сказал что совсем негибкий, развернуться можно, весь код страниц открыт к чтению и правке расширениями, конечно могло бы быть и лучше. Но на то что сейчас тоже грех жаловаться, по крайней мере в вебе нет никаких бинарных стандартов и это уже хорошо.


  1. yurisv3
    25.06.2017 07:28

    Если не можешь победить хаос — возглавь его!


  1. AleXP3
    25.06.2017 11:15

    И тут же все стали постить в сеть порно )


    1. ivan386
      25.06.2017 11:29
      +2

      Я думаю и до этого оно было. Только открывалось в отдельном окне.


  1. stAndrew
    25.06.2017 11:56
    +1

    Mosaic (к тому времени переименованный в Netscape)


    Википедия пишет, что в Netscape перешли многие авторы Mosaic, однако код был свой собственный. И да, Microsoft Explorer тоже происходит из Mosaic.

    Netscape Navigator was later developed by Netscape, which employed many of the original Mosaic authors; however, it intentionally shared no code with Mosaic. Netscape Navigator's code descendant is Mozilla Firefox. Starting in 1995 Mosaic lost a lot of share to Netscape Navigator, and by 1997 only had a tiny fraction of users left, by which time the project was discontinued. Microsoft licensed Mosaic to create Internet Explorer in 1995.


  1. boojum
    25.06.2017 12:20
    +1

    Тим Бернерс-Ли, создатель WWW, тоже сомневался. Он предложил вместо этого использовать тег, а не вводить совершенно новый тег.

    После «использовать тег» пропущено название тега, который предлагал Тим.


    1. ivan386
      25.06.2017 14:46
      +1

      Видимо имелся ввиду тег A.


  1. sasha1024
    25.06.2017 18:04
    +2

    Ссылка на саму переписку:
    http://1997.webhistory.org/www.lists/www-talk.1993q1/index.html#182
    К сожалению, в перевод не добавили, хотя в оригинале есть.


  1. mad_god
    26.06.2017 19:36
    -1

    Когда уже веб серверы научатся отдавать только контент? Не давайте мне всю страницу, с картинками и скриптами. Дайте мне первую статью в теге «content» и я подумаю, грузить ли следующую. Мне вообще до фонаря, какой у вас там дизайн, какие анимации и так далее. Дайте мне размер первого айтема в контенте и я подумаю, стоит ли мне качать его весь или взять только заголовки.
    Вся эта борьба дизайнов вебстраниц — как поиск лучшей музыкальной композиции. Я не хочу искать среди миллионов дизайнов лучший, может, я уже нашёл один дизайн, который мне нравится. Дайте мне просто текст, картинки и видео, я сам их себе расположу.