Мы принимаем к оплате:

«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов!!!

«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!

А также:


Что такое html код и как с ним работать


Что такое HTML? - Интернет работа

Это статья из цикла «Что такое?». В ней вы узнаете, что такое html. Те, кто знаком с этим термином – можете не читать эту статью.

С каждым годом число пользователей интернет увеличивается минимум 10-20 миллионов человек. Всего, по различным данным, так или иначе, интернетом пользуются более 2 миллиарда человек. Как же сделать так, чтобы пользователь из Новой Зеландии и Норильска при отображении сайта «www.domain.com» видел одну и ту же картинку? Ответ прост: необходим единый язык, понимаемый различными компьютерами. В качестве такого языка в данный момент выступает HTML.

HTML (HyperText Markup Language) — язык разметки (маркировки) гипертекста. Гипертекст своим развитием обязан интернету, хоть и создавался он совсем не для того. HTML дает возможность производить переход от одной части текста к другой, и, что замечательно, эти части могут храниться на совершенно разных компьютерах.

HTML не стоит путать с языками программирования, он создан специально для разметки вэб-страниц. Именно язык разметки дает браузеру необходимые инструкции о том, как отображать тексты и другие элементы страницы на мониторе. Важно заметить, что не только различные браузеры, но и различные их версии могут по-разному воспринимать и отображать на экране код. Следовательно, некоторые элементы корректно выглядящие в браузере Operа могут выглядеть иначе в Internet Explorer и других браузерах.

При верстке (грубо говоря, создании страниц) HTML-страниц это необходимо помнить, и просматривать их в самых популярных браузерах типа Mozilla Firefox, Internet Explorer и Operа.

Код разметки в HTML состоит из так называемых «тегов». Теги предоставляют информацию браузерам о форматировании и разметке страницы. Название тега заключается в угловые скобки «». Некоторые тэги бывают открывающимися и закрывающимися, например, тег b, который делает текст жирным.

Текст - текст, заключенный между и будет выделен жирным.

Они влияют на отображение содержимого, находящегося в нем. Данные, находящиеся между такими символами, называются содержимым тега. Иногда встречаются теги, являющиеся одновременно и закрывающими и открывающими, например hr — линия.

Чтобы писать на HTML надо его просто знать. Однако, учитывая огромную популярность Интернета, и огромное количество пользователей, желающих сделать свои странички, было создано множество редакторов, упрощающих работу с кодом. Один из самых простых из них – это FrontPage, входящий в пакет Microsoft Office. Это программное обеспечение (ПО) достаточно просто в обращении. И все же FrontPage имеет ряд существенных минусов: засоряет страницы (до 70% лишнего кода), снижает быстродействие, имеет ограниченные возможности дизайна.

Более продвинутые редакторы – HomeSite и DreamWeaver. Они помогут создать как сайт-визитку, так и настоящий шедевр современного искусства. К минусам этого ПО можно отнести: долгую обработку массивного кода и небольшое засорение кода лишними тегами. Требуется знание HTML в этом случае на порядок-два выше, чем при работе с FrontPage.

Наконец, высший пилотаж – это написание страниц в Блокноте. Работает быстро и легко. Некоторые веб-мастера (особенно старой закалки) работают с ним. Большинство же предпочитают ПО уровня DreamWeaver и выше.

Для работы с html страницами я использую программу PHP Desigber 2008, также неплохой программой – редактором является Notepad ++.

Моя персональная рекомендация всем: учите html. Это очень простой «язык» и изучить его можно в короткие сроки. Не обязательно в точности запоминать все теги, важно хотя бы понимать их назначение. Тогда можно легко форматировать текст и изменять html страницы. Есть сайт, который мне постоянно помогал в изучении HTML — это сайт htmlbook.ru. На сайте есть полезный раздел — HTML по шагам. С него и можно начать изучение.

Источник: Работа в интернете.

Постовой: Нашел в блоге Записки Жука хорошую программу для авто. постинга в социальные закладки.

blogwork.ru

Что такое HTML и для чего он предназначен

Прежде чем приступить к изучению уроков по HTML, предлагаю рассмотреть, что такое html и для чего он предназначен.

HTML расшифровывается как, Hyper Text Markup Language, что можно перевести как язык гипертекстовой разметки. При помощи данного языка создаются интернет страницы.

HTML не является языком программирования. Он предназначен для разметки текстовых документов. Т. е. по большому счету с помощью его мы осуществляем форматирование текста.

Материалы по теме:

И так каким же образом при помощи языка HTML мы можем редактировать текст? Дело в том, что язык ХТМЛ состоит из тэгов (tags). Каждый тэг определяет, каким образом будет выглядеть текст на вашей страничке.

Ели сказать по другому то каждый тег дает определенную команду вашему браузеру (программе, с помощью которой вы просматриваете интернет странички), браузер понимает эту команду и выводит вам на экран уже готовый текст, отформатированный определенным образом.

Поэтому сам код вы не видите, браузер на экран вашего монитора выводит уже готовый отформатированный текст и графику. Если же вы хотите увидеть сам html код и теги, с помощью которых происходит форматирование текста, который Вы сейчас читаете, то пройдите в вашем браузере Internet Explorer в пункт меню > вид и из раскрывающегося списка выберите пункт > источник. Смотрите на рисунок.

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

Но на самом деле ХТМЛ теги могут не только форматировать текст, с помощью них вы можете вставлять изображение на страницу, создавать таблицы, создавать ссылки и многое другое.

Каждый тег выполняет свои определенные функции и вам для того чтобы научится создавать веб страницы необходимо знать для чего предназначен тот или иной тег. Я думаю, что теперь Вы немного поняли, что такое html.

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

Каждый тег состоит из угловых скобок, < > внутри которых помещены определенные символы. Большинство из них состоят из открывающихся и закрывающихся.

Например тег - открывающий, а - закрывающий. Как вы видите, они отличаются наличием в закрывающем символа слеш /. Если между ними поместить любое слово, к примеру, привет то, оно будет отображаться жирным шрифтом. Все что заключено в угловые скобки, в данном случает не выводится на экран, а является своеобразной командой для браузера, что слово, которое заключено между этими тегами нужно выводить жирным шрифтом.

Тэгов естественно много и каждый из них выполняет свои определенные функции. Примерно по такому принципу работают и все остальные теги и весь ХТМЛ в целом. Когда вы запрашиваете какой – либо документ из интернета ваш браузер загружает html код интерпретирует его должным образом и выводит вам на экран уже готовый отформатированный текст, графику, таблицы и т. д.

Цель данного урока была в том чтобы дать вам представление о том что такое HTML, в следущих уроках мы начнем изучение этого языка разметки. Для того чтобы вам было проще усвоить материал рекомендую начать изучать уроки с наиболее простых, плавно переходя к более сложным, например в следующей последовательности: в начале изучить основы html, как задавать заголовок в html документе, при помощи чего задаются параграфы и производится выравнивание текста в html, научиться задавать цвет фона html документа и т. д. к более сложным.

Для создания ХТМЛ страниц можно использовать специальные программы, такие как Dreamweaver, а можно создавать страницы при помощи простого текстового редактора, который имеется в любой версии Windows.

Материал подготовлен порталом: webmastermix.ru

Рекомендуем ознакомиться:

Подробности

Обновлено: 06 Декабрь 2013

Создано: 10 Декабрь 2009

Просмотров: 13108

webmastermix.ru

Что такое HTML

На каждом сайте разный внешний вид и функционал, но с чем это связано и на каком языке прописывается страничка? Для всего этого используются каскадные таблицы стилей и язык HTML. Вы можете сами взглянуть на код данного языка, если проинспектируете объекты в браузере. Конкретно о том, что такое язык HTML мы поговорим в этой статье.

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

Пост будет разбит на такие пункты:

  1. Что такое HTML страница
  2. Что такое HTML5. Отличия и преимущества

Что такое HTML страница

Язык разметки под названием HTML используют для оформления всех элементов страницы, в том числе таблиц, изображений и текста. Вы можете ознакомиться с кодом и попытаться в него вникнуть, если используете любой современный браузер, просто нажмите правой кнопкой мышки на страничке и в меню нажмите на строчку «исходный код страницы» или «HTML код». После этого вы увидите что-то наподобие редактора, в котором много непонятных надписей и символов, именно это код языка HTML.

Каждый документ WWW имеет форматированный и красиво оформленный текст, а также гиперссылки и изображения, которые подбирает владелец сайта. Для того чтобы проводить работу с данными элементами, программисты создали язык под названием HTML (Hyper Text Markup Language), что в переводе означает – язык разметки гипертекста. Каждый браузер по-своему работает и отображает язык HTML, поэтому в разных браузерах он отображается по-разному, особенно в старых версиях Internet Explorer.

Все документы HTML схожи – это стандартный текстовый файл, который имеет теги разметки данного языка вместе с текстами, которые будут читать посетители сайта. С помощью тегов создается страничка, и именно их считывает браузер, когда загружает ее. Благодаря определению тегов и их оформлению можно расположить статью или другой материал в определенном месте страницы, добавить графические файлы и фотографии, а также гиперссылки на другие страницы сайта. Изначально HTML файл не является web документом, он им становится лишь после считывания браузером.

Разумеется, у стандартного HTML кода есть свои недочеты и минусы. Придется сильно постараться, чтобы расположить абзацы с текстом на странице, ведь для проведения разметки и всего остального нужно прописывать те или иные свойства для всего текста, причем для каждого отдельно взятого абзаца. Если на вашем сайте 50 страниц и на каждой по 10-20 абзацев – придется очень долго оформлять текст, причем каждый раз вставлять одни и те же теги. Это не только утомляет владельца сайта, но и негативно сказывается на весе страниц сайта. Именно по этой причине в дальнейшем создали каскадные таблицы стилей, их коротко называют CSS, что означает Cascading Style Sheets, благодаря ним можно быстро оформить текст. Можно назначить один тег и задать ему определенные характеристики, например, цвет текста, размер, шрифт и так далее, а потом применить к абзацам. При этом файл с таблицей стилей хранится отдельно, его можно загрузить на один сайт или сразу на несколько. Далее прописываются основные элементы страницы на HTML, и вставляется текст, а потом подключается CSS и весь текст приобретает нужное вам оформление. Также благодаря этому снижается вес страниц, что очень важно.

Использование CSS целесообразно, если на сайте очень много страниц, которые будут иметь одинаковое оформление. Вы можете задать определенное форматирование текста для всех абзацев, если пропишете несколько строчек в документе с CSS кодом. Во время создания сайта верстальщики создают основной макет на языке HTML, ориентируясь на макет, созданный в Photoshop. Но после этого сайт выглядит незаконченно, нужно создать привлекательный внешний вид, и достигается это каскадными таблицами стилей. Научиться этому несложно, если у вас много свободного времени, так как общий внешний вид у всех сайтов примерно одинаковый, вы можете иметь один макет с несколькими блоками и «подгонять» под него остальные сайты. Как правило, каскадные таблицы стилей значительно сложнее CSS, еще сложнее верстать сайт на блоках, а не на таблицах. К тому же на начальных этапах вы можете столкнуться с такой проблемой, как разное отображение сайта в браузерах. Именно для того, чтобы не терять время и зарабатывать на сайтах, созданы CMS – готовые макеты сайтов, которые могут быть бесплатными или платными и иметь определенную систему управления.

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

  1. После захода на сайт люди смогут смотреть видео и прослушивать аудио через браузер, для этого создается отдельная кнопка для воспроизведения.
  2. Выкладывать новые фотографии через данный язык гораздо проще, можно даже создавать галереи изображений. Вам даже не придется скачивать дополнительное программное обеспечение.
  3. Можно определить местонахождение текста и отметить текстовые блоки. Также можно прекрасно отформатировать текст, чтобы он был удобен для чтения.
  4. Если раньше в HTML4 человек замечал ошибку после ввода данных лишь тогда, когда отправлял формуляр – сейчас браузер сразу сообщает об ошибке, если человек неправильно заполняет форму. Это очень удобно для пользователей, потому что не придется несколько раз заполнять одни и те же разделы с данными.
  5. Ненужно использовать программные модули, так как с помощью HTML5 можно воплотить в жизнь любые задумки относительно сайта. Только если сайт уникальный и нужно придумать что-то особенное, устанавливают дополнительные программные модули.
  6. Раньше люди не могли нормально просматривать сайт через планшет или смартфон, так как стандарт HTML4 не имеет совместимости с браузерами для мобильных устройств и другими операционными системами. С помощью языка HTML5 создаются страницы, которые идеально считываются со всех устройств на высокой скорости.

Если остались вопросы – пишите их в комментариях, мы с удовольствием на них ответим!

Page 2

Если вы хотели узнать, как передаются данные в интернете — эта статья для вас. Я расскажу вам все что знаю о протоколах HTTP и HTTPS, покажу разницу и отличия между ними. Приятного чтения!

HTTP 1.1 — что это за протокол?

HTTP (англ. «протокол передачи гипертекста») — сетевой протокол верхнего уровня для передачи гипертекстовых и произвольных данных в интернете.

При помощи HTTP браузер получает данные от веб-серверов и может отображать их в приемлемом и понятном для интернет-пользователей виде. Точно также происходит и обратный процесс — отправку пользовательских данных обратно, на сервер (например, при регистрации).

Контент отправляемый с сервера и на сервер может быть представлен в любом виде: рисунков, файлов, документов, ссылок и кода — в любом случае, именно благодаря HTTP люди могут пользоваться интернетом и загружать в браузере сотни веб-страниц.

Актуальная версия протокола — 1.1. Ее описание находится в спецификации RFC.

HTTP используется в клиент-серверной инфраструктуре передачи данных. Как это работает? Приложение на стороне «клиент» формирует запрос для обработки на стороне «сервер», после чего ответ отправляется обратно «клиенту». Затем «клиент» может инициировать дополнительные запросы, получать новые ответы. И так далее.

Наиболее распространенное «клиентское» приложение это веб-браузер через который осуществляется доступ к веб-ресурсам. С развитием мобильных технологий к браузерам добавились еще мобильные приложения на разнообразных смартфонах и планшетах. Причем серверная сторона современных многопрофильных приложений может одновременно обрабатывать данные и из браузера, и со смартфона. Все это через протокол HTTP.

Более того, HTTP часто выступает как протокол-транспорт для трансфера других прикладных протоколов и их API: WebDAV, XML-RPC, REST, SOAP. Ну а данные передаваемые по API могут иметь самый разный формат: XML, JSON и другие.

Как передаются эти данные? Чаще всего по TCP/IP-соединению: приложение-клиент по умолчанию использует TCP-порт 80, а сервер может использовать любой другой, но обычно это тоже 80 порт.

Объект манипуляций в HTTP это ресурс, указываемый в URI запроса клиентского приложения, чтобы корректно идентифицировать «что вообще нужно». Обычно это файлы, данные или логические объекты, которые хранятся на сервере. При этом в запросе можно указать, как именно представить одни и те же данные: какой выбрать формат, кодировку, язык. Такая «фича» позволяет обмениваться не только гипертекстом, но и двоичными данными.

Второй особенностью HTTP является отсутствие сохранения состояния между последовательными парами «запрос-ответ». Но это не проблема, потому что компоненты приложений на клиентской или серверной стороне само могут хранить информацию о состоянии последних запросов и ответов. На стороне клиента такая информация называется cookies («куки»), на стороне сервера — sessions («сессии»).

При этом для клиентского браузера не проблема следить за задержкой ответа сервера, а для сервера — хранить заголовки последних запросов и IP-адреса клиентов. Но, еще раз подчеркну, сам протокол об этом ничего не знает — он только передает данные.

Принимать участие в передаче данных могут и посредники (прокси-сервера), для того чтобы отличить прокси от конечных серверов (т.н. «исходный сервер»).

Самое волшебство начинается, когда одна и та же программа (клиентская или серверная) может выполнять функции посредник, клиента, сервера — в зависимости от задач.

Первоначальная версия протокола HTTP появилась в ЦЕРНЕ (CERN) в 1991 году. Уже в 1992 году была опубликована публичная версия HTTP 0.9 и его спецификация, благодаря чему были упорядочены правила взаимодействия между клиентскими и серверными приложениями, а также четкому разграничению функциональности.

В 1996 году появился HTTP/1.0, а современная версия протокола — HTTP/1.1 — в 1999 году. На рубеже тысячелетий, протокол HTTP научился поддерживать режим постоянного соединения, т.е. оставлять соединение открытым после того как получен ответ на запрос. Это позволило за одно соединение посылать сразу несколько запросов, а не открывать-закрывать сессию каждый раз.

Шло время и по мере развития интернета размер страниц увеличивался, росло количество запросов — требовалось все больше ресурсов. Так сформировалась потребность в новом протоколе.

И спустя шестнадцать лет, в 2015 году была опубликована финальная версия черновика спецификации следующей версии протокола — HTTP/2. Бинарный протокол HTTP/2 более подготовлен к современным реалиям, чем прародитель HTTP 1.1 потому что новый протокол решает наиболее существенную проблему передачи данных в интернете — несколько отрытых соединений.

А все потому что нынешние сайты подгружают много элементов, как со своего сервера, так и с CDN: JS-скрипты, CSS-стили, шрифты и картинки. При передаче полного комплекта файлов по протоколу HTTP 1.1 создается несколько соединений. Если мы в будущем перейдем на протокол HTTP/2 — передача будет происходить в рамках одного соединения между клиентом и сервером, что позволит существенно ускорить и оптимизировать загрузку содержимого сайта.

Ключевые особенности HTTP/2, которые будут полезны для сайтов:

  • Расстановка и управление приоритетами запросов/потоков — клиент самостоятельно задает для сервера приоритетность ресурсов и данных
  • Сжатие HTTP заголовков;
  • Мультиплексирование запросов или параллельная загрузка по TCP-соединению нескольких элементов сайта — через одно соединение отправляется несколько запросов, а ответы клиент может получать в любом порядке т.е. теперь не нужны несколько открытых TCP-соединений;
  • Наличие и поддержка со стороны сервера проактивных push-уведомлений — сервер самостоятельно может отправлять данные для клиента, которые тот еще не запросил (например на основании информации о том, какую страницу пользователь откроет после этой).

Конечно, главное здесь это мультиплексирование потоков. Принцип работы объяснить проще простого: пакеты TCP/IP-соединения смешиваются в рамках одного соединения. Так, в смешанном режиме происходит соединение нескольких «вагонов данных» в один «состав поезда», которые разделяются «по приезду». Ранее «вагоны» были вынуждены ехать дольше и раздельно, сейчас они будут ехать вместе и быстрее.

Вышеперечисленные преимущества протокола HTTP/2 позволят веб-разработчикам дышать полной грудью и отказаться от таких «костылей» как:

  • Использование большего числа родственных доменов для обеспечения установки большого количества TCP/IP-соединений (для скачивания файлов);
  • Спрайты картинок — когда изображения объединяются в один файл, чтобы снизить число запросов к веб-серверу (а сам файл «раздувается» ведь в него записано больше изображений);
  • Объединение CSS- и JS-файлов, которые тоже делаются для уменьшения запросов.

Последнее очевидное преимущество заключается в том, что с самим сайтом (для включения HTTP/2) ничего дополнительно делать не нужно — все работы проводятся на сервере чуть ли не в «1 клик», а для клиентов shared- и VPS-хостингов вообще пройдут незаметно.

Словом, заживем!

HTTP/2 создан и разработан на основе черновика протокола SPDY/3 (Google) и превзошел его — компания Гугл признала преимущества HTTP/2 более многообещающими и в будущем откажется от поддержки SPDY/2.

Прогнозируемое ускорение ответа сервера по протоколу HTTP/2 составит порядка 30%, — реальные тесты уже показали скорости на 19-23% выше и это не предел.

передача данных по http

передача данных по http 2

По результатам тестов компании Айри.рф, только от включения протокола HTTP/2 прирост скорости составляет 13-18% (без оптимизации). Почему это важно?

Несмотря на то, что поддержка сайтом протокола HTTP/2 на данный момент не влияет напрямую на ранжирование сайтов в Гугле и Яндекса, на позиции в выдаче влияет скорость загрузки. И раз протокол показывает более высокую скорость загрузки (что является довольно значительным фактором), косвенно он влияет и на ранжирование.

Прежде всего за счет поведенческих факторов. Ускорение загрузки позволяет пользователям меньше уставать и больше концентрироваться на изучении сайта: просматривать больше страниц и не покидать сайт из-за долгой загрузки (уменьшаются отказы).

Большая часть современных браузеров уже поддерживает HTTP/2 — через них проходит ~70% интернет-трафика:

  • Chrome 41-52 и Chrome 46+ в Android;
  • Firefox 36-48 и Firefox 41+ в Android;
  • Opera 28-34 и Opera 30+ в Android;
  • Safari 9 и Safari в iOS 9.1;
  • IE 11 в Windows 10 и браузер Edge 12, 13.

Когда произойдет полноценный переход на HTTP/2 пока непонятно — вероятнее всего в самом ближайшем будущем. Главное что от HTTP/1.x никто не собирается поспешно отказываться. Как говорится: «Работает — не трогай».

Что значит и где применяется HTTPS-протокол?

Ну, про обмен данными по протоколу HTTP вы уже все знаете: любая передача данных осуществляется через запросы по этому протоколу-транспорту. А зачем тогда нужен HTTPS и что он из себя представляет? Ведь жили же нормально и без него?

Проблема в том что данные по HTTP не защищаются и передаются в открытом виде. Интернет — глобальная распределенная сеть узлов. И если вы передаете открытые данные по незащищенному протоколу (Wi-Fi в ТРЦ сюда тоже относится), то один из этих узлов может перехватить их.

Не специально конечно, может быть просто взлом усилиями злоумышленников. HTTPS и создан для того чтобы соединение было безопасным, а данные передавались в зашифрованном виде по криптографическому протоколу SSL/TLS. Это специальная «обертка» поверх HTTP, она шифрует данные, делая их недоступными для злоумышленников и посторонних людей.

HTTPS — англ. «безопасный протокол передачи гипертекста».

Так что в отличие от 80 порта, используемого по умолчанию в HTTP, в HTTPS используется TCP-порт 443 и есть ключ для шифрования. Ключ может быть длиной 40, 56, 128 или 256 бит, достаточный уровень безопасности на данный момент начинается со 128-битных ключей.

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

Жизненно важно использовать HTTPS в следующих сервисах:

  • Электронные платежные системы (банки, электронные деньги и прочее);
  • Сервисы принимающие и отправляющие приватную информацию и персональные данные, например у Яндекса это: Паспорт, Такси, Директ, Метрика, Почта, Деньги, Вебмастер и другие;
  • Социальные сети и личные кабинеты в интернет-сервисах;
  • Поисковые системы.

Работает HTTPS просто. Объясню на примере.

Вы кладете важную информацию (логин, пароль, данные карты, персональные данные) в ячейку, «запираете ее на ключ»: ячейка шифрует ваши данные при помощи этого ключа.

Теперь отправляете ее почтой адресату. Адресат получает ячейку-посылку, но открыть ее не может — у него нет ключа. Тогда он запирает (шифрует) ячейку на второй замок и возвращает посылку вам обратно. Вы получаете посылку с двумя замками, при этом ключ к одному у вас есть. Теперь можно отпереть свой замок (расшифровать данные) и отправить посылку обратно еще раз — первоначальному адресату.

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

Все — вот так просто работает HTTPS.

Фишка тут в том, что при первом таком обмене происходит обмен ключом шифрования, чтобы он был известен обоим конечным адресатам, но не известен ни одному из узлов по маршруту следования данных. После обмена шифром можно свободно обмениваться сообщениями (зашифрованными) без опасений о перехвате этих данных, ведь без ключа-шифра открыть и прочитать их не удастся.

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

Для этого серверы получают в центрах сертификации специальные HTTPS-сертификаты безопасности, которые подтверждают «конечность» пункта назначения (что сайт не является узлом передающим данные дальше) и работоспособность технологии шифрования SSL/TLS, т.е. безопасность соединения.

А вот как выглядит сам сертификат:

На текущий момент HTTPS встроен во все современные браузеры и все что требуется от пользователя для поддержания безопасности отправки данных по HTTPS — регулярно обновлять программное обеспечение для серфинга, приема и отправки важных данных в интернете.

Осуществляя взаимодействие «клиент-сервер» по протоколу HTTPS можно не беспокоиться за сохранность данных — вы надежно защищены от прослушивания сетевого соединения: атак снифферов и man-in-the-middle.

Что означает перечеркнутый значок HTTPS и зеленый значок HTTPS, в чем разница? В безопасности. Зеленый — безопасный, красный и перечеркнутый — небезопасный.

И очень удобно, что перечеркнутый значок HTTPS означает, что несмотря на использование этого протокола, соединение не безопасное. Так происходит когда элементы сайта подгружаются не по HTTPS или истек срок действия сертификата. Пользователю сразу видно — ага, небезопасно. И он может уйти с сайта, либо рисковать своими данными.

Что лучше HTTP 1.1, HTTP/2 или HTTPS?

В качестве подведения итога затрону тему предпочтительного использования протоколов.

Понятно, что на данный момент HTTP 1.1 — наиболее распространенный протокол и используется по умолчанию. Время HTTP/2 еще не пришло, но вскоре большая часть интернет-трафика будет идти через вторую версию протокола HTTP. Это упростит жизнь пользователям, потому что сайты будут загружаться быстрее. Администраторы серверов и сайтов тоже будут рады, потому что новый протоко позволяет по новому оптимизировать сайты, ускоряя загрузку и отдачу данных.

При этом, вряд ли возможно, что все сайты перейдут HTTPS, потому что для целей потребления развлекательного контента шифрование ни к чему. Да, сейчас уже 10% сайтов используют HTTPS в рейтинге наиболее посещаемых веб-ресурсов «Alexa». Но это всего десять процентов, среди которых такие гиганты как Гугл, ПейПал, Амазон, Алиэкспресс и другие. То есть множество сайтов, где не использовать HTTPS означает нарушать право интернет-пользователя на безопасность и сохранность данных.

А обычным сайтам типа блога семи блоггеров HTTPS ни к чему — нет приема персональных или платежных данных, нет регистрации и отправки важных сообщений.

Так что в ближайшем будущем мы станем постепенно отходить от HTTP 1.1 в пользу HTTP/2 и HTTPS.

Page 3

Из этой статьи вы узнаете о технологии Really Simple Syndication (РСС, PSS). Расскажу — что это в целом, что такое RSS лента и каналы. Как организовать RSS рассылку чтобы люди смогли подписаться на РСС канал вашего блога через RSS ридер.

Начнем.

Что это за технология, RSS?

RSS — группа XML-форматов, которые используются для краткого или полного изложения анонсов новостей, лент статей, новых постов в блогах и пр.

Аббревиатура RSS расшифровывается по-разному, в зависимости от версии:

  • RSS 0.9х — обогащенная сводка новостей сайта от англ. Rich Site Summary;
  • RSS 0.9 и 1.0 — сводка ленты записей сайта с использованием метаструктуры описания вебсайтов от англ. RDF Site Summary;
  • RSS 2.х — реально простое распространение от англ. Really Simple Syndication.

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

Я не буду перечислять современные браузеры (вы их сами знаете), которые умеют работать с RSS-лентами, потому что умеют это делать ВСЕ браузеры без исключения. Умеют загружать данные из RSS и почтовые клиенты такие как Thunderbird, Outlook.

Первая ласточка перед появлением этого формата появилась в 1995 году. Прототип фреймворка назывался «Метаконтент». И уже в 1997 году та технология, под которой мы сейчас понимаем как РСС, получила известность благодаря Netscape. Нетскейп использовал ее при наполнении своего портала Нетцентр, а т.к. браузер Нетскейп Навигатор в то время был одним из популярнейших — это был громогласный пиар.

И уже через пару лет — в 1999г. — крупнейшие медиа используют RSS 0.90 для трансляции контента на своих новостных сайтах: Disney, BBC, Forbes, CNET, Wired и CNN.

В дальнейшем произошло разделение групп разработчиков технологии RSS и то что мы знаем сейчас как RSS 2.0 — наиболее удачная версия, основанная на версии 0.91. Ее главным отличием от другой ветки со сложным RDF-описанием является простота освоения людьми и разработчиками. «The New York Times» оценили это и пошло-поехало. Да так, что в 2006 созрел конкурентный формат — Atom (используется в Блоггере, Блогспот.ком).

Все это (несколько XML-форматов подобного рода) существенно осложняет жизнь разработчиков сервисов и программного обеспечения для чтения РСС — ведь программы должны понимать сразу несколько форматов представления текста, дат и метаданных и работать со всеми ними.

Расскажу подробнее о каналах и рассылках, раз вы поняли для чего это используется. Представление интернет-ресурса или контента в XML-формате RSS называется RSS-фидом.

Фид, RSS-фид, RSS-лента, RSS-поток, RSS-канал, RSS-рассылка это синонимы и обозначают одно и то же. Так или иначе, наличие подобных терминов в оформлении сайта означает, что сайт предоставляет возможность подписки на обновления в формате RSS.

К сожалению, не всем понятна польза от наличия RSS-ленты на сайте. Сейчас мы это изменим. Ребята, пользоваться RSS-подписками это очень удобно! Я понимаю, что сейчас есть ленты новостей Вконтакте, многие сайты ведут свои публичные страницы и дают ссылки на новые материалы.

Вот RSS — примерно то же самое, только делается автоматически, публикует новости в порядке выхода, встроено во многие движки и позволяет читателям пользоваться ридерами по собственному выбору (обзор популярных RSS-ридеров).

Многие не пользуются RSS, потому что это кажется сложным. Ты нажимаешь случайно значок RSS XML-фида на сайте, в окне браузера появляется кракозябра, ты в панике убегаешь так и не разобравшись что это и зачем. Не надо так.

Подписываясь на RSS, читатель будет в курсе всех новинок контента на вашем сайте (они придут ему в почту или ридер) — но только тех, что будут указаны в настройках для добавления в ленту т.е. некоторые разделы можно выключить из рассылки.

Соответственно, авторы блогов и администраторы сайтов заинтересованы сделать удобную подписку такого на анонсы. Наличие такой возможности на сайте очень удобно отслеживать по значку RSS.

Как другие блоггеры вставляют кнпоку-RSS в блог, можете увидеть здесь.

Что будет если нажать на этот значок? Ничего страшного не случится:

Вверху справа вы увидите список RSS-ридеров для подписки, а внизу будет та самая лента новостей, отсортированная в порядке убывания по новизне. В таком виде предстает XML-RSS лента, уже прошедшая автоматическую обработку через сервис обработки XML Feedburner. Преимущество фидбернера в том, что можно модифицировать и улучшать ленту новостей, а также следить за количеством RSS-подписчиков сайта.

При этом можно задать расширенные способы подписки при создании РСС-потока на сайте сервиса Фидбернер — в том числе подписку на RSS по email. Не нужно путать обычную RSS рассылку с RSS-to-email, в обычной вам нужно пользоваться программами и сервисами, в RSS-to-email — электронной почтой.

Так выглядит информация о возможности подписаться по email, чтобы новинки RSS-канала приходили на электропочту:

А удобство ничем не хуже подписок Вконтакте. При использовании RSS у вас отпадет необходимость регулярно проверять несколько сайтов на обновления — вы сможете читать самые свежий контент сразу после его выхода. И все это автоматически — как для вас, так и для владельца сайта. То есть пользователи решают проблему одновременного доступа к новинкам нескольких сайтов, а владельцы сайтов решают проблему мгновенного уведомления сотен или тысяч пользователей о наличии нового веб-контента.

Приложения, браузеры, ридеры и агрегаторы для чтения RSS

В интернете, в качестве SaaS так и отдельных программ, есть специальные веб- и мобильные приложения — они агрегируют информацию из RSS-каналов, чтобы вы ее могли прочитать. Так и называются — RSS-ридеры и RSS-агрегаторы. Они есть на смартфонах, персональных компьютерах (десктопах) и планшетах — можно выбрать себе по вкусу.

Сайты-сервисы типа Liferea, Snarfer, NewsAlloy, Reeder, FeedBucket, QuiteRSS, The Old Reader, AOL Reader, RSSOwl, NetVibes, FeedDemon, Kanban, Digg Reader, Feedly, Inoreader, My Yahoo, Tiny Tiny RSS, Omea Reader, NewzCrawler, NewsBlur это агрегаторы или ридеры — они позволяют пользователю собирать информацию по RSS из нескольких источников.

Крупнейшие онлайн ридеры-агрегаторы типа Яндекс.Подписки (Яндекс.Лента) или Google Reader закрылись уже давно — забавно и смешно читать в 2016 году статьи о RSS-ридерах содержащие «Зайдите в Яндекс.Подписки», «Пользоваться RSS просто — для начала откройте Гугл Ридер».

Представители Яндекса и Гугла мотивировали закрытие «слишком дорогим обслуживанием», на деле же причина скорее в том, что RSS-читатели не приносят медийный охват и доход поисковикам.

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

Например, те же телефоны и браузеры на ПК вполне могут подгружать заголовки RSS-каналов для своих пользователей. Я делал это еще в древнем Фаерфоксе и на нокиевском «Симбиане», когда Гугл Хрома и Айфонов в помине не было! Что уж говорить про 2016 год. Технологии ушли вперед и жить стало лучше, — выбора гораздо больше. Не говоря уже о том, что все современные браузеры умеют подгружать RSS.

Не обязательно даже устанавливать специальное ПО или регистрироваться в сервисах, есть плагины для браузеров решающие эту проблему. Для Хрома такой плагин называется RSS feed reader — он подтягивает заголовки новостей прямо в браузер, очень удобно.

Такие плагины есть и для других браузеров.

В Интернет Эксплорере иконка РСС-подписки располагается в меню. Нажав на нее вы попадете на страницу РСС-канала и сможете подписаться нажав на кнопку подписки в левом верхнем углу. Обновления будут поступать во вкладку «Каналы», которую можно найти в «Избранном» (находится в боковой панели). Сайты с непрочитанными обновлениями будут помечены.

В Мозилла Фаерфоксе иконка находится в адресной строке, где можно подписаться на обновления РСС-ленты, которые придут прямо в браузер. В Опере (до перехода на движок Хромиум/Блинк) раньше тоже была похожая система, очень удобна для пользователей — с структирированием для пользователей и появлением сообщения об обновлениях в правом нижнем углу.

Раньше RSS пользовались 4–6% пользователей интернета, сейчас процент уменьшился по двум причинам — во-первых, число пользователей интернета сильно выросло; во-вторых, не всем нравится такой формат взаимодействия, зато формат соцсетей и мессенджеров пришелся по духу.

Очень странно, потому что подписка на RSS-канал ничем не сложнее подписки на ленту в Телеграме — пользователям всего лишь нужно вставить в ридер или агрегатор адрес интересующей их ленты и все, подписка оформлена. Получать RSS на email не сложнее: вводите адрес в поле, подтверждаете подписку, получаете новости.

Жалко, что технология утратила свои конкурентные преимущества с развитием мессенджеров и социальных сетей. Кстати, в следующей статье читайте — Плюсы и минусы RSS.

На этом все, желаю удачи. Подписывайтесь на RSS-ленту блога семи блоггеров — https://feeds2.feedburner.com/7bloggers.

7bloggers.ru

Что такое HTML и зачем это нужно.

Далее. Следующие уроки по HTML.

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

Например, я открою страницу поисковой системы Яндекс.

 

Вся графика и текст, которую вы видите на странице, формируется при помощи HTML-кода.

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

По сути, все команды языка HTML, которые вы видите на изображении выше, это обычный текст, который может быть написан в любом текстовом редакторе. Изменив у текстового файла расширение на *.html (как это сделать мы поговорим позже) мы получаем полноценную веб-страницу, которую может обрабатывать браузер.

Теперь давайте разберемся с самим  определением и рассмотрим, что оно означает.

HTML – это аббревиатура, которая расшифровывается как HyperText Markup Language или в переводе на русский язык «Язык Разметки Гипертекста».

Чтобы понять, что все это значит, давайте разберем каждое слово в этой аббревиатуре отдельно.

Язык.

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

Как у любого языка, в HTML есть слова (команды) и правила написания этих слов (синтаксис языка).

Разметка.

Прошу обратить внимание, что основная задача HTML – это сообщить браузеру о смысловой нагрузке, которую несут элементы на веб-странице.

HTML код позволяет «разметить» веб-страницу на отдельные элементы и сообщить браузеру какой элемент чем является.

Например, такая форма записи:

Абзац

Сообщает браузеру о том, что он имеет дело с абзацем.

А такая форма записи:

Заголовок

Говорит о том, что элемент является заголовком.

Из этого следует, что HTML не отвечает за внешний вид и оформление документа.

Чтобы убедиться в этом, давайте для примера возьмем одну веб-страницу и отключим на ней стили, которые отвечают за оформление и посмотрим, как она преобразится.

Страница со стилями оформления:

 

Та же самая страница, но с отключенными стилями (используется только один HTML-код):

 

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

Часто новички забывают это правило и пытаются с помощью HTML заставить элемент отображаться тем или иным образом или заставить с помощью HTML выполнять какие-то действия на странице, но это не правильно. За каждое действие над элементом отвечают свои технологии.

Гипертекст.

И, наконец, последнее слово в определении языка HTML – это гиперссылка. На веб-страницах есть элемент, который делает эти страницы особенными и отличает их от обычного текста с картинками. Этот элемент - ссылки.

Ссылка – это такой элемент на странице, который делает возможным открытие другой части текущей страницы или совершенно другой страницы при клике по нему.

Приставка «гипер» означает то, что при клике на ссылку может открываться другой ресурс (страница) в сети интернет, который может располагаться на другом сервере.

HTML – это язык, который разрабатывался специально для того, чтобы создавать страницы, которые содержат гиперссылки.

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

Пока с теорией все. Переходим к следующему практическому шагу. Сейчас наша задача подготовить программы, которыми будем пользоваться для работы с HTML.

Далее. Следующие уроки по HTML.

webgyry.info


Смотрите также



Компьютерные курсы по направлениям:

Для начинающих


A

Компьютер для начинающих: Word, Excel, Access и другие программы!

Графические пакеты


B

Популярные пакеты Adobe Photoshop, CorelDraw, ArchiCAD, AutoCAD и другие!

WEB + анимация


C

Курсы по созданию сайтов, WEB-дизайну и крутой анимации в Adobe Flash!

Бухгалтерия + делопроизводство

Сетевые технологии


E

Курсы сборки ПК, системных администраторов и защиты информации!