веб стандарты что это такое
СОДЕРЖАНИЕ
Обзор
Веб-стандарты состоят из следующего:
В более широком смысле, следующие технологии также могут называться «веб-стандартами»:
Движение веб-стандартов
Общее использование
При обсуждении веб-стандартов следующие публикации обычно считаются основополагающими:
Работа W3C над Семантической паутиной в настоящее время сосредоточена на публикациях, связанных со структурой описания ресурсов (RDF), сбором описаний ресурсов из диалектов языков (GRDDL) и языком веб-онтологий (OWL).
Публикации по стандартам и органы
Интернет-стандарт IETF характеризуется высокой степенью технической зрелости и общепринятым убеждением, что указанный протокол или услуга приносит значительную пользу Интернет-сообществу. Спецификации, которая достигает статуса Standard, присваивается номер в серии IETF STD с сохранением исходного номера IETF RFC.
Нестандартные и проприетарные давления производителей
HTML 5 содержит многочисленные «умышленные нарушения» других спецификаций, чтобы учесть ограничения существующих платформ.
Тестирование на соответствие веб-стандартам
Существуют тесты на соответствие как для HTML-кода, сгенерированного веб-сайтами, так и для точной интерпретации HTML-кода веб-браузерами.
Тесты на соответствие кода веб-сайта
W3C предлагает онлайн-услуги для тестирования веб-сайтов напрямую как для разработчиков веб-сайтов, так и для пользователей веб-сайтов. Это включает:
Тесты на соответствие для веб-браузеров
Стандарты веб-разработки
Вы будете перенаправлены на Автор24
Среди виртуальных разработчиков в течение длительного времени не утихают споры о надобности применения в работе веб-стандартов. Значение же таких нормативов является немаловажным, ведь они способны сформировать определённые правила и критерии рентабельности структуры онлайн-сервисов. Веб-разработка на сегодняшний день является достаточно свободным видом общей системы стандартизации, по причине того, что современные браузеры без особых усилий фиксируют неправильно составленный код сайтов.
Рисунок 1. Разработка веб-сайтов
В связи с этим возникает вполне логическое мнение, что конечный пользователь просто не способен увидеть разницы в структуре сервисов, так как поисковые системы зачастую игнорируют структурные элементы веб-программ. Но на самом деле вопрос необходимо рассмотреть более комплексно.
Принципы и советы веб-сертификации позволяют разработчикам облегчить процесс обработки документов посредством использования специальных приложений такими, как поисковые роботы и браузеры. Грамотное формирование кода помогает существенно сократить время создания веб-сайтов благодаря отсутствию необходимости приведения структурных элементов к правильному виду. Стоит понимать, что программы парсеры, которые не имеют инструментов корректировки шифра, не могут обрабатывать некорректный проект.
Наглядным примером подобных приложений выступают сетевые обработчики XML, а также методы трансформации при наложении стилей XSL.
Готовые работы на аналогичную тему
Описанный способ разделения общей структуры документа и представления отсеивает весь контентный «мусор», что увеличивает скорость запуска нового веб-сервиса. А применение элементов в соответствии с основными характеристиками программ стандартизации сделает индексацию необходимых документов более объективной и качественной.
Веб-стандарты: суть и особенности разработки
Рисунок 2. Веб-разработка
Веб-стандарты — это комплекс уникальных технологий, которые установлены представителями консорциума W3C и других организаций, используемые для разработки и правильной интерпретации представленного веб-контента (содержимого интернет-сайтов).
Эти методики созданы для размещенных в Сети документов, которые ориентированы на будущее и предназначены для активации доступности их применения пользователями.
На данный момент выделяют такие структурные языки:
Наиболее популярными структурами, которые создают «погоду» в мире веб-нормативов являются: Консорциум развития Всемирной паутины (W3C) и Рабочий орган по сертификации Веб (WaSP). Организация W3C была сформирована в 1994 году, с тех пор специалисты компании выпустили более 80 технических рекомендаций и приложений. WaSP представляет собой специализированную группу, созданную веб-разработчиками для поддержки внедрения веб-контента и операционных систем в контексте более комплексной реализации советов W3C.
Если документ соответствует веб-стандартам, это означает, что в проекте были использованы следующие технологии:
Документы, размещенные в сети, доступны для огромного количества устройств с разными мониторами и операционными системами любого размера и качества, а также для целевой аудитории, изменившей начальный размер текста собственных браузеров и иные настройки. Любой, кто разрабатывает веб-сайты, должен соблюдать определенные технические условия и учитывать особенности структуры современной полиграфии.
Структура и представление
Рассматривая разработку веб-стандартов, необходимо понимать значение разграничения структуры от представления. Понять разницу и основные отличительные черты поначалу может быть сложно, особенно если вы не знаете принципы семантической структуры документа. Однако, это крайне важно, так как мониторинг концепции посредством элементов CSS становится гораздо понятнее и проще, если указанные блоки разделены.
Структура веб-сайта включает обязательные разделы документа, а также структурную и семантическую разметку содержимого проекта.
В идеале, получается грамотно структурированный HTML-код, содержащий правильный контент, а представление возможно контролировать при помощи элементов CSS.
В основном, веб-стандарт включает следующие разделы:
В разработке подобных нормативов важно понять, что доступность пользователей к сайту оказывает благоприятное влияния на общее представление.
Применение семантического, правильно структурированного XHTML шрифта позволит создать хороший и качественный сервис. Для отслеживания основной идеи о доступности документа, необходимо открыть его в текстовом браузере наподобие Lynx.
Зачем применять веб-стандарты
Чаще всего, дизайнеры и разработчики различных веб-сайтов не используют требования системы стандартизации, ссылаясь на сложность и нерентабельность внедрения стандартов в процесс создания сервисов.
Однако такое мнение ошибочно, ведь очень важно уметь принимать новые правила и следить за достижениями в научно-техническом мире. Специалисты советуют посмотреть на данную ситуацию логично, в результате увидеть много преимуществ исследования и применения веб-нормативов.
Например: упрощенная поддержка и разработка в виде использования семантического и структурированного HTML кода делает чужие элементы разметки проще и быстрее для восприятия.
С помощью применения веб-стандартов возможно увеличить скорость загрузки и отображения поисковых страниц, ведь меньшее количество HTML предполагает не такой большой размер файлов. Современные браузеры воспроизводят сайты в стандартном формате быстрее, чем в режиме противоположной совместимости. Посредством нормативов появляется доступность: семантически созданный HTML код, в котором структура отделена от представления, позволяет альтернативным поисковым навигаторам проще освящать содержимое.
Разработка веб-сайтов с учетом основных принципов стандартизации может поднять сервис на самые первые позиции в поисковых системах, а простая адаптация, сформированная путем семантически размеченных документов, поможет адаптировать сервис для печати и других альтернативных устройств.
Веб-нормативы позволяют сохранить время и деньги для разработчиков сайтов, а также повысить взаимодействие посетителей с сервисом. Однако, веб-стандарты находятся на начальном этапе собственного развития, поэтому, если вы не применяете данные требования сейчас, то пришло время учиться чему-то новому, иначе есть все шансы остаться позади.
Важность веб-стандартов
Браузеры были настолько просты в своей интерпретации HTML, что почти каждый мог освоить основы и создать веб-присутствие. Немногие смелые, которые использовали JavaScript, делали это экономно, чтобы выполнять самые простые задачи. Такие технологии, как DHTML и Flash, нигде не было видно. Netscape Communicator 2.0 был в самом разгаре, и почти никто не доверял Microsoft с ее браузером Internet Explorer. В этом давно забытом прошлом Всемирная паутина была исключительной площадкой для гиков и гениев.
Мальчик … это были дни.
По мере роста Интернета видения тысяч разработчиков по всему миру. Рекомендации начали появляться от W3C, в ответ на давление, инициированное ведущим меньшинством веб-разработчиков, которые просто хотели больше свободы в выражении своей работы. Однако большая часть реального давления исходила от влиятельных браузерных компаний, которые просто чувствовали, что никто — включая людей, которые на самом деле создавали Интернет — не имеет права говорить им, как они должны или не должны действовать.
Эти компании взяли на себя обязательство поддерживать новые теги разметки, которые будут работать только в их конкретном продукте. Тем не менее, некоторые из этих тегов были настолько плохими, что они только помогли расширить пропасть несовместимости между браузерами. Это продолжалось до такой степени, что создание веб-сайта, который одинаково хорошо отображался бы во всех версиях всех браузеров, было практически невозможно.
HTML 4.0 и CSS-1 были представлены как официальные веб-стандарты W3C в попытке положить конец хаосу. Впервые в истории разработчики получили средства для стандартизации кода путем отделения содержимого документов HTML от макета презентации. Гениальные обходные пути и хаки, будучи очень эффективными и умными, привели к насыщению HTML. Этот язык стал чем-то иным, кроме того, что изначально предполагалось — метаязыком, который добавит структуру текстовым документам. Пришло время обратиться к лучшим, более способным инструментам.
Эта потребность привела к появлению перспективных XML и DOM. HTML 4.0 превратился в XHTML 1.0, а DHTML превратился из шатких дебютов в эффективное состояние надежности. Были представлены новые версии браузеров, которые еще более полно поддерживали стандарты. Таким образом, будущее Интернета снова стало ярким …
Актуальность веб-стандартов наиболее очевидна, когда мы рассматриваем новые технологии. В эти времена огромного роста Интернет нуждается в руководстве, чтобы полностью раскрыть свой потенциал — и стандарты могут служить идеальным руководством для реализации этого потенциала. Давайте теперь посмотрим на людей, стоящих за стандартами, рассмотрим сами стандарты и коснемся некоторых причин, по которым вы должны их соблюдать.
Кто стоит за веб-стандартами?
Все слышали о веб-стандартах, но очень немногие действительно стараются соблюдать их. В настоящее время официально внедрено пять стандартов, и еще два находятся в разработке. Большинство из них принадлежат Консорциуму W3. Однако один стандарт возник в другой организации, которая называется ECMA.
W3C разрабатывает открытые спецификации для повышения совместимости веб-продуктов, чтобы в конечном итоге стандартизировать WWW. Специальные рабочие группы получают общее согласие от компаний и организаций, которые активно участвуют в развитии Интернета. Эти документы, называемые рабочими проектами и предлагаемыми рекомендациями, представляются на рассмотрение совета исполнительных членов и директоров W3C для официального утверждения в качестве «официальных» рекомендаций W3C. Эти Рекомендации — вот что такое веб-стандарты. Они являются основой, на которой лежит будущее веб-строительства. Они включают в себя HTML, XML, CSS и DOM.
Основная роль ECMA заключается в разработке стандартов и технических отчетов в области информационных и коммуникационных технологий. Веб-стандарт, разработанный ECMA, был принят в качестве основы для стандартов сценариев во всем мире. Он называется ECMAScript или ECMA-262 и является стандартизированной, более чистой версией JavaScript.
Какие стандарты?
W3C также работает над двумя рекомендациями, которые будут представлены в качестве стандартов в ближайшем будущем: это XHTML и XSL. XHTML (расширяемый язык разметки гипертекста) — это переформулировка HTML 4.0 в приложение XML. XSL (eXtensible Stylesheet Language) будет механизмом, который будет преобразовывать и отображать XML-документы с использованием словаря, специально разработанного для XML.
Вот и все: это стандарты, на которых в конечном итоге должна лежать сеть. Другие неизбежно возникнут, а некоторые неизбежно будут развиваться или, возможно, вообще будут отброшены … Но, хотя все это очень хорошо, остается один вопрос: почему кого-то должно волновать?
Стандарты — зачем?
Использование стандартов автоматически делает каждую страницу, которую вы создаете, действительно кросс-браузерной и кросс-платформенной. Любой, кто занимается веб-разработкой более 15 минут, знает, насколько трудоемким и сложным является двойной код для разных версий браузера. Стандарты помогут вам избежать такой скуки.
1. Добейтесь более стабильной сети
С появлением нового оборудования, такого как мобильные телефоны и портативные устройства, кодирование веб-приложений, совместимых на 100%, станет еще сложнее, если не просто невозможным. Следование стандартам является наиболее эффективным способом достижения лучшего, более стабильного Интернета, когда приложения, о которых мы только можем мечтать, могут превратиться в реальность завтрашнего дня.
2. Сократить время разработки и обслуживания
Кодирование в соответствии со стандартами может сократить время разработки и обслуживания. Таким образом, отладка и устранение неполадок становится проще, поскольку код следует шаблону. Доступность — это еще одна очень важная проблема, стоящая за веб-стандартами: это не только означает, что люди с ограниченными возможностями могут полностью использовать Интернет, но также и позволяет людям с нетрадиционными браузерами иметь доступ к любой веб-странице.
3. Разрешить обратную совместимость и проверку
Стандарты написаны для соответствия старым версиям браузера. Это то, что W3C называет «обратной совместимостью». Хотя эти браузеры могут отображать не все так, как предполагалось изначально, они все равно будут понимать основную структуру веб-документов и отображать их соответствующим образом. Соответствующий код также может быть проверен через службу проверки. Это, опять же, делает работу разработчика намного проще и может сэкономить много времени на производство.
4. Увеличьте успех поисковой системы
С точки зрения рейтинга страниц, соблюдение стандартов также гарантирует лучшие результаты и улучшенную видимость в поисковых системах. Соответствующие стандартам документы индексируются более точно благодаря структурной информации, содержащейся в них, поскольку к ним можно легко получить доступ и оценить как механическими, так и человеческими методами. Соответствующий код также может быть легко преобразован в другие форматы, такие как базы данных или документы Word. Это позволяет более гибко использовать информацию в документе. Это также позволяет упростить переход на новые системы, такие как телевизоры и КПК.
5. Изящная деградация сейчас и в будущем
Еще один важный фактор, который следует помнить, заключается в том, что большинство веб-стандартов разработаны с учетом прямой и обратной совместимости. Это означает, что веб-страницы, закодированные для старых версий стандартов, будут по-прежнему поддерживаться в новых версиях браузеров, в то время как веб-страницы, закодированные для новых версий стандартов, будут изящно ухудшаться для получения приемлемого результата в старых браузерах.
6. Общие знания
Веб-стандарты предлагают набор правил, которые каждый разработчик может соблюдать, понимать и знакомить с ними. Когда один разработчик создаст сайт в соответствии со стандартами, другой сможет понять, где он остановился, так же легко, как если бы он был тем, кто его изначально разрабатывал.
Завершение
С момента создания W3C в 1994 году Интернет прошел большой путь. Хотя Консорциум активно работает над улучшением ситуации, многое еще предстоит сделать, и разработчики по всему миру должны воплотить мечту о лучшем Интернете в реальность. Причины, упомянутые выше, являются одними из наиболее важных причин, почему веб-стандарты должны иметь значение для всех.
Кто знает, сколько людей получит доступ к сети на мобильном телефоне, даже в следующем году? Это 10% интернет-пользователей? 20%? Больше даже? Кто знает? Единственное, что мы можем точно предсказать, это то, что процент потенциальных клиентов, скорее всего, скажут, что определенные сайты электронной коммерции сосут много времени, потому что к ним нельзя получить доступ с определенного выходного интернет-устройства или более старой версии браузера. Таким образом, это эквивалентный процент потенциальных онлайн-продаж, которые будут расти в дыму для тех розничных продавцов, которые не соответствуют стандартам. Пользователи никогда не ошибаются. Вы всегда будете тем, кого считают плохим разработчиком.
Теперь, когда больно, не так ли?
Талантливый веб-разработчик всегда будет талантливым веб-разработчиком, независимо от того, должен он взломать свой код или нет. Кажется, гораздо привлекательнее быть признанным в качестве талантливого специалиста по разработке приложений, ориентированного на будущее Интернета, чем талантливым обходным хакером кода, специализирующимся на технологиях, которые с каждым днем становятся все более устаревшими.
Всемирная сеть (веб) и веб-стандарты
Статья содержит общую информацию о всемирной сети (the Web) — откуда она взялась, что такое веб-стандарты, как они связанны, почему «веб разработчик» отличный карьерный выбор и чему полезному можно научиться изучая этот курс.
Краткая история сети веб
Мы постарались максимально кратко изложить здесь информацию. Если вы более детально заинтересованы в истории веб сети, то попробуйте поискать это в интернете.
В конце 1960-х военные США разработали коммуникационную сеть ARPANET. Вполне можно её рассматривать в качестве прародителя современной сети, так как она работала с помощью коммутации пакетов, и для неё впервые была внедрена сетевая модель TCP/IP. Эти две технологии послужили основой, на которой затем был построен интернет.
В 1980 году Тим Бернерс-Ли (aka TimBL) написал программу под названием ENQUIRE, которая позволяла устанавливать связь между двумя узлами. Ничего не напоминает?
В 1989 году TimBL выступил в организации ЦЕРН с идеями о методах структурирования, обработке и обмена информацией (Information Management: A Proposal), предложив при этом концепцию «гипертекста». Идеи Тима были одобрены и он начал воплощать в реальность свой проект. Современная сеть построена на основании его работ.
К концу 1990-го года Тим Бернерс разработал все необходимые для запуска сети средства — HTTP, HTML, первый в мире веб браузер (WorldWideWeb), сервер HTTP и несколько веб страниц для наглядности.
В течение нескольких последующих лет веб сеть расширялась, выпускались новые браузеры, были установлены тысячи серверов и созданы миллионы веб страниц. Как и обещали, достаточно краткая история.
Веб-стандарты
В качестве примера приведём стандарт HTML Living Standard. Он описывает как HTML (все элементы HTML, связанные с ними API и остальные близкие технологии) должны быть реализованы.
«Open» standards
One of the key aspects of web standards, which TimBL and the W3C agreed on from the start, is that the web (and web technologies) should be free to both contribute and use, and not encumbered by patents/licensing. Therefore anyone can write the code to build a website for free, and anyone can contribute to the standards creation process, where the specs are written.
Because web technologies are created openly, in collaboration between many different companies, it means that no one company gets to control them, which is a really good thing. You wouldn’t want a single company suddenly deciding to put the entire web behind a paywall, or releasing a new version of HTML that everyone has to buy to continue making web sites, or worse still, just deciding they aren’t interested any more and just turning it off.
This allows the web to remain a freely-available public resource.
Не разорви сеть
Популярная в области веб-стандартов фраза гласит: «не разорви сеть». Это означает, что каждая новая веб-технология должна быть совместима со всеми предыдущими технологиями (поэтому старые сайты до сих пор работают), и со всеми последующими (разрабатываемые в последствии технологии, в свою очередь, должны быть совместимы с имеющимися). В процессе изучения представленного здесь материала вы начнёте понимать каким образом это реализуется.
Being a web developer is good
The web industry is a very attractive market to enter if you are looking for a job. Recent published figures say that there are currently around 19 million web developers in the world, and that figure is set more than double in the next decade. And at the same time, there is a skill shortage in the industry — so what better time to learn web development?
It isn’t all fun and games however — building web sites is a more complicated proposition than it used to be, and you’ll have to put some time in to studying all the different technologies you need to use, all the techniques and best practices you need to know, and all the typical patterns you’ll be called upon to implement. It’ll take you a few months to really start to get into it, and then you’ll need to keep learning so that your knowledge stays up-to-date with all the new tools and features that appear on the web platform, and keep practicing and refining your craft.
The only constant is change.
Does this sound hard? Don’t worry — we aim to give you everything you need to know to get started, and things will get easier. Once you embrace the constant change and uncertainty of the web, you’ll start to enjoy yourself. As a part of the web community, you’ll have an entire web of contacts and useful material to help you, and you’ll start to enjoy the creative possibilities it brings.
You’re a digital creative now. Enjoy the experience, and the potential for earning a living.
Overview of modern web technologies
There are a number of technologies to learn if you want to be a front-end web developer. In this section we will describe them briefly. For a more detailed explanation of how some of them work together, read our article How the web works.
Browsers
You are probably reading these words inside a web browser in this very moment (unless you’ve printed it out, or are using assistive technology, such as a screenreader to read it out to you). Web browsers are the software programs people use to consume the web, and include Firefox, Chrome, Opera, Safari, and Edge.
Hypertext Transfer Protocol, or HTTP, is a messaging protocol that allows web browsers to communicate with web servers (where web sites are stored). A typical conversation goes something like
The actual syntax for HTTP messages (called requests and responses) is not that human-readable, but this gives you the basic idea.
HTML, CSS, and JavaScript
HTML, CSS, and JavaScript are the main three technologies you’ll use to build a website:
Hypertext markup language, or HTML, is a markup language consisting of different elements you can wrap (mark up) content in to give it meaning (semantics) and structure. Simple HTML looks like this:
If we adopted a house-building analogy, HTML would be like the foundations and walls of the house, which give it structure and hold it together.
Cascading Style Sheets (CSS) is a rule-based language used to apply styles to your HTML, for example setting text and background colors, adding borders, animating things, or laying out a page in a certain way. As a simple example, the following code would turn our HTML paragraph red:
In the house analogy, CSS is like the paint, wallpaper, carpets and paintings you’d use to make the house look nice.
JavaScript is the programming language we use to add interactivity to web sites, from dynamic style switching, to fetching updates from the server, right through to complex 3D graphics. The following simple JavaScript will store a reference to our paragraph in memory and change the text inside it:
In the house analogy, JavaScript is like the cooker, TV, Microwave, or hairdryer — the things that give your house useful functionality
Tooling
Once you’ve learned the «raw» technologies that can be used to build web pages (such as HTML, CSS, and JavaScript), you’ll soon start to come across various tools that can be used to make your work easier or more efficient. Examples include:
Server-side languages and frameworks
HTML, CSS, and JavaScript are front-end (or client-side) languages, which means they are run by the browser to produce a website front-end that your users can use.
There are another class of languages called back-end (or server-side) languages, meaning that they are run on the server before the result is then sent to the browser to be displayed. A typical use for a server-side language is to get some data out of a database and generate some HTML to contain the data, before then sending the HTML over to the browser to display it to the user.
Example server-side languages include ASP.NET, Python, PHP, and NodeJS.
Web best practices
We have briefly talked about the technologies that you’ll use to build websites. Now let’s discuss the best practices you should employ to make sure you are using those technologies in the best way that you can.
When doing web development, the main cause of uncertainty comes from the fact that you don’t know what combination of technology each user will use to view your web site:
Because you don’t know exactly what your users will use, you need to design defensively — make your web site as flexible as possible, so that all of the above users can make use of it, even if they might not all get the same experience. In short, we are trying to make the web work for all, as much as possible.
You’ll come across the below concepts at some point in your studies.