{ "version": "https:\/\/jsonfeed.org\/version\/1.1", "title": "Блоги: заметки с тегом html", "_rss_description": "Автоматически собираемая лента заметок, написанных в блогах на Эгее", "_rss_language": "ru", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": false, "_itunes_explicit": "no", "home_page_url": "https:\/\/www.blogengine.me\/blogs\/tags\/html\/", "feed_url": "https:\/\/www.blogengine.me\/blogs\/tags\/html\/json\/", "icon": false, "authors": [ { "name": "Илья Бирман", "url": "https:\/\/www.blogengine.me\/blogs\/", "avatar": false } ], "items": [ { "id": "135283", "url": "https:\/\/bolknote.ru\/all\/language-attribute\/", "title": "Атрибут LANGUAGE", "content_html": "

Просматривал тут публичные репозитории некого соискателя одной из наших вакансий, обратил внимание, что у него там, помимо всего прочего, лежат решённые задания со «Стэпика». Заглянул из любопытства, никаких особенных выводов не сделал, но удивился, что в тегах одного задания у него script<\/tt> содержит атрибут language<\/tt>. Это что же, его до сих пор учат писать?<\/p>\n

Мне стало любопытно — он вообще сейчас какое-то значение имеет? Браузеры на него ориентируются? Когда-то он вполне имел смысл — у «Эксплорера», например, там мог стоять VBScript<\/tt> или, например, JScript.Encode<\/tt> — зашифрованный текст программы на ДжейСкрипте, это такой диалект ДжаваСкрипта от Микрософта.<\/p>\n

Проверил. В документации он считается устаревшим, но если подставить туда неизвестное браузеру значение, скрипт не выполняется. В принципе, это логично. В интернете вполне могут встречаться ещё и древние сайты, использующие другие языки, зачем выполнять то, что браузер выполнить не может?<\/p>\n

А что же считается верным значением для ДжаваСкрипта? В угадайку играть не хотелось, скачал исходники «Хромиума», посмотрел что там используется. Как оказалось, подставить можно следующие значения (регистр значения не имеет):<\/p>\n

\njavascript<\/tt> или x-javascript<\/tt> — это понятно, единственный сюрприз, что можно поставить «экс» перед словом;<\/li>\n ecmascript<\/tt> или x-ecmascript<\/tt> — тоже понятно, ДжаваСкрипт — расширение этого языка;<\/li>\n jscript<\/tt> — диалект языка в «Эксплорере», считается, что другие браузеры сейчас его тоже «знают», хотя на деле есть нюансы, но всем уже всё равно;<\/li>\n от javascript1.0<\/tt> до javascript1.5<\/tt> — когда-то указанием версии можно было разделять скрипты по уровню<\/a> поддержки языка в браузере;<\/li>\n livescript<\/tt> — старое название языка «ДжаваСкрипта», я ещё помню времена, когда это значение использовалось, хотя и редко.<\/li>\n<\/ul>\nСейчас, конечно, это скорее археология, чем какое-то нужное знание.<\/p>\n", "date_published": "2025-03-19T21:40:41+05:00", "date_modified": "2025-03-19T21:40:37+05:00", "tags": [ "html", "javascript", "программирование" ], "author": { "name": "Евгений Степанищев", "url": "https:\/\/bolknote.ru\/", "avatar": "https:\/\/bolknote.ru\/pictures\/userpic\/userpic@2x.jpg?1760600028" }, "_date_published_rfc2822": "Wed, 19 Mar 2025 21:40:41 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "135283", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "125247", "url": "https:\/\/bolknote.ru\/all\/4381\/", "title": "Тег HYPE (Netscape HYPE tag sound)", "content_html": "\n\nСкриншот MacOS 9 с открытым окном браузера<\/div>\n<\/div>\nПятнадцать лет назад, ковыряя исходники браузера «Нетскейп»<\/a>, я наткнулся, в частности, на тег HYPE<\/i> — в интернете того времени писали, что он воспроизводит какой-то звук, но только в старых версиях браузера и не под «Виндоуз». «Мака» у меня тогда не было, как и доступа к «Линуксу» с графическим интерфейсом, поэтому безуспешно поискав по интернету подробности, я исследование забросил.<\/p>\n Сегодня за завтраком, по другому случаю наткнувшись на свою же статью об этом теге, я подумав, что теперь-то в интернете найдётся всё, попробовал разыскать тот самый звук. По-прежнему безуспешно. Есть только несколько чудом сохранившихся страничек, где этот тег упоминается в контексте перечня «пасхальных яиц» «Нетскейпа» и это всё.<\/p>\n Но времена же изменились! Теперь у нас есть виртуализация, образы виртуальных машин и быстрый интернет! Где-то полчаса ушло на поиск и скачивание второй версии «Нетскейпа», готовой виртуалки с девятой «МакОСью», установку всего найденного, разбирательство как всё запускается. Но при вводе заветного тега меня ждало препятствие, к счастью, устранимое — виртуалка заявила, что у меня нехватает какой-то Sound Machine<\/i> и, вместо проигрывания звука, предложила скачать звуковой файл.<\/p>\n Файл оказался в формате .snd<\/i>, который нормально открылся и проигрался уже в современном «Маке». Его содержимое — фраза «What is global hypermedia?<\/i>» (из документа NCSA Mosaic Demo<\/i><\/a> 1993 года, как объясняется на одной из страниц<\/a> в интернете).<\/p>\n Я сконвертировал его в обычный МП3 и, если ваш браузер достаточно современный, можете послушать как звучит тот самый секретный тег:<\/p>\n \nWhat is global hypermedia?<\/a><\/div>\n<\/div>\nКстати, жаль, что я не догадался проиграть его на оригинальном «Макинтоше» в музее Эпл<\/a>, в Москве. Если представиться случай, обязательно попробую!<\/p>\n", "date_published": "2015-10-28T12:08:00+05:00", "date_modified": "2025-04-08T07:20:06+05:00", "tags": [ "html", "netscape", "айрхеология", "программирование" ], "author": { "name": "Евгений Степанищев", "url": "https:\/\/bolknote.ru\/", "avatar": "https:\/\/bolknote.ru\/pictures\/userpic\/userpic@2x.jpg?1760600028" }, "_date_published_rfc2822": "Wed, 28 Oct 2015 12:08:00 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "125247", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "129896", "url": "https:\/\/bolknote.ru\/all\/1937\/", "title": "Забытый тег: KEYGEN", "content_html": " Реализация парсеров HTML различных браузеров содержит массу забытых тегов, о существовании которых помнят единицы, да и тем уже незачем их использовать. Один из таких тегов — KEYGEN, придуман, если не ошибаюсь, компанией Netscape для своего браузера (ещё до того как Netscape стал использовать Mozilla), содержит два атрибута — name и challenge и используется в составе форм (FORM).<\/p>\n Под Windows тег поддерживается всеми основными браузерами (с разным успехом) и не поддерживается альтернативным<\/a> (вплоть по версии 8.0 beta2). В настоящий момент тег почти не используется. Прошло много лет и члены комитета WHATWG (основное детище который — куча браузеров и стандарт HTML5) вспомнили об этом теге<\/a>.<\/p>\n Использование вкратце:<\/p>\n <form>\n <keygen name="pubkey" challenge="случайная строка">\n <input type="submit" value="Сгенерировать">\n <\/form><\/code><\/pre><\/pre>Если ваш браузер поддерживает тег KEYGEN, вы увидите список из нескольких элементов, содержимое его зависит от браузера, но сводится к одному — длине ключа. При нажатии на кпопку отправки формы браузер сгенерирует пару ключей, публичный ключ (в формате SPKAC<\/a>) будет отправлен на сервер (в поле, указанном в атрибуте «name» тега).<\/p>\n Сервер, получив сертификат, готовит специальный файл подписывает его и отсылает назад браузеру с заголовоком «application\/x-x509-user-cert», вся процедура подробно описана в соответствующем письме<\/a> из рассылки WHATWG.<\/p>\n После чего веб-сервер, настроенный соответствующим образом, может авторизовывать пользователя по клиентскому сертификату.<\/p>\n", "date_published": "2008-11-20T17:58:00+05:00", "date_modified": "2024-08-05T19:48:18+05:00", "tags": [ "html", "программирование" ], "author": { "name": "Евгений Степанищев", "url": "https:\/\/bolknote.ru\/", "avatar": "https:\/\/bolknote.ru\/pictures\/userpic\/userpic@2x.jpg?1760600028" }, "_date_published_rfc2822": "Thu, 20 Nov 2008 17:58:00 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "129896", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "133177", "url": "https:\/\/bolknote.ru\/all\/1506\/", "title": "Custom tags в Internet Explorer", "content_html": " Утверждаю и буду продолжать утверждать, что Internet Explorer — самый недооценённый браузер века интернета, а все более поздние идеи — суть калька технологий, которые в нём уже есть. Ещё одна технология, с которой я познакомился в году 1998. Тогда (впрочем, как и многие сейчас) в качестве «растяжек» для ограничения минимальной ширины контента, использовали так называемый «нуль-gif» — прозрачную GIF-картинку 1x1 пикселей, которая вставлялась внутрь контейнера. Картинке выставлялась нужна ширина и высота, таким образом контейнер не мог «схлопнуться».<\/p>\n Способ настолько популярен, что некоторые веб-серверы, например «nginx» (в модуле http_empty_gif<\/a>) или 0W (директива EMPTY<\/a>) умеют встроенные средства, чтобы её генерировать, причём 0W умеет даже менять её цвет.<\/p>\n В те времена, как я уже говорил, существовали только две программы, имеющие право носить звание «браузера» — это Internet Explorer и Netscape Navigator. Их различия, часто, были настолько коренными (в разнице отображения, а то и названиях тегов), что изготавливались две версии сайта — под два браузера и пользователя автоматически (или предлагая выбор) перебрасывали на одну из них. В частности, такая особенность вёрстки позволяла задействовать мощности браузеров на полную силу.<\/p>\n Custom tag<\/a> — технология в Internet Explorer, позволяющая (в определённых пределах) «придумывать» свои теги. Что-то похожее есть сейчас в браузере «Опера» — можно использовать любое сочетание букв как тег, задав ему произвольный стиль, это хороший ход, потому что какую-то часть тегов можно описать в виде CSS-файла, не заморачиваясь над встроенной обработкой. Скорее всего, это было следствием поддержки «Оперой» WAP-сайтов (кстати, если вы не знали, то попробуйте — «Опера» отображает WAP-сайты!).<\/p>\n В Internet Explorer такой свободы нет, custom tag «работает» только в определённом пространстве имён, но есть и свои, очень существенные плюсы. Если вы не знаете, что такое пространство имён, не расстраивайтесь — на понимании сути это никак не сказывается. В следующем примере префикс «b:», с которого начинается тег и есть «пространство имён», а «xmlns:b» — его идентификатор.<\/p>\n Итак, в те далёкие времена я делал «растяжки» через специально придуманный custom tag «spacer», с появлением в 1999-м году IE 5 и expression в нём (специальные CSS-свойства, позволяющие использовать JavaScript внутри CSS) это стало делать ещё удобнее.<\/p>\n <html xmlns:b="\/">\n<style type="text\/css">\nb\\:spacer\n{\n display: inline-block;\n width: expression(this.width+'px');\n height: expression(this.height+'px');\n}\n<\/style>\n\nСлово<b:spacer width="200" height="1"><\/b:spacer>Слово\n<\/html><\/code><\/pre><\/pre>В примере задан тег «spacer» в пространстве имён «b» (поэтому он используется с префиксом «b:», custom tags только так и работают). Я использовал expression в CSS, чтобы свойства новоявленного тега попадали в CSS. В «Опере» такой фокус невыполним, к сожалению, хотя свойство «attr» вполне подошло бы для такой цели, но он работает только с атрибутом «content».<\/p>\n В тех же рамках можно усложнить поведение — добавить значения по умолчанию, новые атрибуты, можно назвать тег для экономии «b:s» , а атрибуты — «w» и «h».<\/p>\n", "date_published": "2007-12-03T01:06:00+05:00", "date_modified": "2024-12-09T15:23:00+05:00", "tags": [ "html", "ie", "программирование" ], "author": { "name": "Евгений Степанищев", "url": "https:\/\/bolknote.ru\/", "avatar": "https:\/\/bolknote.ru\/pictures\/userpic\/userpic@2x.jpg?1760600028" }, "_date_published_rfc2822": "Mon, 03 Dec 2007 01:06:00 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "133177", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "137760", "url": "https:\/\/bolknote.ru\/all\/1443\/", "title": "Неуловимый тег HYPE", "content_html": " Разбирая заметки сайта за 2000—2003 гг. (всё думаю — конвертировать их или не нужно), наткнулся на старую заметку, где я пытался разобраться с недокументированными тегами браузеров. На тот момент актуальными были Internet Explorer и, почивший ныне, Netscape Navigator (другой браузер под тем же именем зачем-то до сих пор выпускает AOL). Оказалось, что, по меньшей мере, один из «секретных» тегов браузера от Netscape дожил до наших дней — это HYPE.<\/p>\n Его до сих пор можно найти в исходниках ядра Gecko и, соответсвенно, он работает в браузерах, основанных на этом ядре. Основное его назначение туманно, по всей видимости, он должен выводить какую-то картинку и играть мелодию, но только на платформах Unix и Mac:<\/p>\n \nThe hype tag is just for fun. It only effects the UNIX version which can affor to have a sound file compiled into the binary. If we have the memory, create a fake image tag to replace the <HYPE> tag and process it.<\/p>\n<\/blockquote>\n Легко убедиться, что тег присутствует, если попробовать в FireFox повесить на него любой CSS стиль. Кстати, тег таким же образом «работает» и в Опере, потому что (и это оказалось для меня большим сюрпризом) в Опере можно использовать любое сочетание букв в качестве тега<\/b>. Самая старая Опера, которая у меня есть на компьютере — 8.02 прекрасно отобразила красный бордюр вокруг свежеизобретённого мной тега «REDBORDER» со стилем «background: 1px solid red».<\/p>\n Я думаю, что тег, возможно, не совсем бесполезен, так как Internet Explorer за тег его не считает. Возможно, таким образом можно применять CSS к какому-то блоку, незаметно для Internet Explorer или скрывать от него часть контента (применяя «display: none» на тег HYPE).<\/p>\n", "date_published": "2007-11-03T16:50:00+05:00", "date_modified": "2025-10-15T13:13:46+05:00", "tags": [ "html", "программирование" ], "author": { "name": "Евгений Степанищев", "url": "https:\/\/bolknote.ru\/", "avatar": "https:\/\/bolknote.ru\/pictures\/userpic\/userpic@2x.jpg?1760600028" }, "_date_published_rfc2822": "Sat, 03 Nov 2007 16:50:00 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "137760", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "130909", "url": "https:\/\/bolknote.ru\/all\/1436\/", "title": "Фокусы с GIF, прозрачность и hover", "content_html": "