Стандарты кодирования в html5

Содержание:

Введение

Данная спецификация определяет HyperText Markup Language (Язык разметки гипертекстов — HTML) версии 4.0 — язык, который используется для публикаций в World Wide Web. Кроме текстовых, мультимедийных возможностей и гиперссылок, присутствующих в предыдущих версиях языка HTML, HTML 4.0 поддерживает новые мультимедийные возможности, скрипты, таблицы стилей, улучшенную печать и более доступные людям с физическими недостатками документы. В версии HTML 4.0 также успешно реализована интернационализация документов, целью которой является сделать Паутину действительно всемирной.

HTML 4.0 — это приложение SGML, соответствующее Международному стандарту ISO 8879 — Standard Generalized Markup Language .

Содержание

О спецификации HTML 4.0
Введение в HTML 4.0
Об SGML и HTML
Соответствие: требования и рекомендации
Представление документа в формате HTML — Наборы символов, кодировки символов и entities
Основные типы данных HTML — Информация о символах, цветах, длинах, URI, типах содержимого и т.д.
Глобальная структура документа в формате HTML — Разделы HEAD и BODY документа
Информация о языке и направление текста —
Тексты на различных языках
Текст — Абзацы, строки и фразы
Списки — Неупорядоченные, упорядоченные списки и списки определений
Таблицы
Ссылки — Гипертекстовые и независящие от устройств ссылки
Объекты, изображения и апплеты
Таблицы стилей —
Стиль в документах HTML
Выравнивание, стили шрифтов и горизонтальные разделители
Фреймы — Представление документа в нескольких окнах
Формы — Заполняемые пользователем формы: текстовые поля, кнопки, меню и др.
Скрипты —
Анимированные документы и интеллектуальные формы
Справочная информация SGML для HTML — Формальное определение HTML и проверка корректности
SGML-обявление HTML 4.0
Document Type Definition
Transitional Document Type
Definition
Frameset Document Type Definition
Character entity references in
HTML 4.0

Различия между HTML 3.2 и HTML 4.0
Performance, Implementation, and Design Notes

References
Указатель элементов
Указатель атрибутов
Указатель

далее элементы атрибуты указатель

Спонсоры:

Хостинг:

Maxim ChirkovДобавить, Поддержать, Вебмастеру

Container Classes

Class	Defines
w3-container	HTML container with 16px left and right padding	Try it
	Used as header	Try it
	Used as footer	Try it
w3-panel	HTML container with 16px left and right padding and 16px top and bottom margin	Try it
	Used to display a note	Try it
	Used to display a quote	Try it
w3-badge	Circular badge	Try it
w3-tag	Rectangular tag	Try it
w3-ul	Unordered list	Try it
w3-display-container	Container for w3-display-classes (enables positioning of elements inside the container)	Try it
w3-block	Class that can be used to define a full width for any element	Try it
w3-code	Code container	Try it
w3-codespan	Inline code container (for code snippets)	Try it
w3-content	Container for fixed size centered content	Try it
w3-auto	Container for responsive size centered content	Try it
w3-stretch	Class that removes right and left margins (especially useful for stretching padded rows (w3-row-padding))	Try it

Status of this document

This section describes the status of this document at the time of its
publication. Other documents may supersede this document. The latest status of
this document series is maintained at the W3C.

This document has been reviewed by W3C Members and other interested parties
and has been endorsed by the Director as a W3C Recommendation.

This specification is a .
A newer
specification exists that is recommended for new adoption in place of
this specification. New implementations should follow the latest version
of the HTML specification.

A list of current W3C Recommendations and other technical documents
can be found at https://www.w3.org/TR/.

Available languages

The English version of this specification is the only normative version.
However, for translations of this document, see
http://www.w3.org/MarkUp/html4-updates/translations.

Errata

The list of known errors in this specification is available at:: http://www.w3.org/MarkUp/html4-updates/errata

Quick Table of Contents

About the HTML 4
Specification
Introduction to
HTML 4
On SGML and
HTML
Conformance:
requirements and recommendations
HTML Document
Representation — Character sets, character encodings, and
entities
Basic HTML data
types — Character data, colors, lengths, URIs, content types,
etc.
The global
structure of an HTML document — The HEAD and BODY of a
document
Language
information and text direction — International considerations for
text
Text —
Paragraphs, Lines, and Phrases
Lists —
Unordered, Ordered, and Definition Lists
Tables
Links —
Hypertext and Media-Independent Links
Objects,
Images, and Applets
Style
Sheets — Adding style to HTML documents
Alignment,
font styles, and horizontal rules
Frames
— Multi-view presentation of documents
Forms —
User-input Forms: Text Fields, Buttons, Menus, and more
Scripts
— Animated Documents and Smart Forms
SGML reference
information for HTML — Formal definition of HTML and
validation
SGML Declaration of HTML
4
Document Type Definition
Transitional Document Type Definition
Frameset Document Type Definition
Character entity
references in HTML 4

Changes
Performance,
Implementation, and Design Notes

References
Index of
Elements
Index of
Attributes
Index

Full Table of Contents

About the HTML 4
Specification
Introduction to
HTML 4
On SGML and
HTML
Conformance:
requirements and recommendations
HTML Document
Representation — Character sets, character encodings, and entities
Basic HTML data
types — Character data, colors, lengths, URIs, content types, etc.
The global
structure of an HTML document — The HEAD and BODY of a document
Language
information and text direction — International considerations for
text
Text —
Paragraphs, Lines, and Phrases
Lists —
Unordered, Ordered, and Definition Lists
Tables
Links —
Hypertext and Media-Independent Links
Objects,
Images, and Applets
Style
Sheets — Adding style to HTML documents
Alignment,
font styles, and horizontal rules
Frames
— Multi-view presentation of documents
Forms —
User-input Forms: Text Fields, Buttons, Menus, and more
Scripts
— Animated Documents and Smart Forms
SGML reference
information for HTML — Formal definition of HTML and validation
SGML Declaration of HTML
4
Document Type Definition
Transitional Document Type Definition
Frameset Document Type Definition
Character entity
references in HTML 4

Changes
Performance,
Implementation, and Design Notes

References
Index of
Elements
Index of
Attributes
Index

Learn More

Tim Berners-Lee’s note on Linked Data gives a succinct description of the Linked Data principles.
The Semantic Web community also maintains a list of books
on a W3C Wiki page. Some of those books
are introductory in nature while others are conference proceedings or
textbook that address more advanced topics.
Details of recent and upcoming
Semantic Web related talks, given by the W3C Staff,
the staff of the W3C Offices,
and members of the W3C Working Groups are available separately; the slides
are usually publicly available. The
W3C also maintains a collection of Semantic
Web Case Studies and Use Cases that
show how Semantic Web technologies, including Linked Data, are used in
practice.

Display Classes

Class	Defines
w3-center	Centered content	Try it
w3-left	Floats an element to the left (float: left)	Try it
w3-right	Floats an element to the right (float: right)	Try it
w3-left-align	Left aligned text	Try it
w3-right-align	Right aligned text	Try it
w3-justify	Right and left aligned text	Try it
w3-block	Class that can be used to define a full width for any element	Try it
w3-circle	Circled content	Try it
w3-hide	Hidden content (display:none)	Try it
w3-show	Show content (display:block)	Try it
w3-show-block	Alias of w3-show (display:block)	Try it
w3-show-inline-block	Show content as inline-block (display:inline-block)	Try it
w3-top	Fixed content at the top of a page	Try it
w3-bottom	Fixed content at the bottom of a page	Try it
w3-display-container	Container for w3-display-classes (position: relative)	Try it
w3-display-topleft	Displays content at the top left corner of the w3-display-container	Try it
w3-display-topright	Displays content at the top right corner of the w3-display-container	Try it
w3-display-bottomleft	Displays content at the bottom left corner of the w3-display-container	Try it
w3-display-bottomright	Displays content at the bottom right corner of the w3-display-container	Try it
w3-display-left	Displays content to the left (middle left) of the w3-display-container	Try it
w3-display-right	Displays content to the right (middle right) of the w3-display-container	Try it
w3-display-middle	Displays content in the middle (center) of the w3-display-container	Try it
w3-display-topmiddle	Displays content at the top middle of the w3-display-container	Try it
w3-display-bottommiddle	Displays content at the bottom middle of the w3-display-container	Try it
w3-display-position	Displays content at a specified position in the w3-display-container	Try it
w3-display-hover	Displays content on hover inside the w3-display-container	Try it

W3C Organization

2020_website_redesign
Events
Positive Work Environment
MailingLists, InternetRelayChat, JabberChickenEgg, ConnectingAudiences, ScheduledTopicChat, AdvancedDevelopment, StaffBooks
Local communities See: Category Gatherings.
Holidays that may impact standing meeting schedules

Traditional Wiki starting points:

RecentChanges: see where people are currently working (see also MailingLists).
Help pages: to get you going.
WikiSandBox: feel free to change this page and experiment with editing.
FindPage: search or browse the database in various ways.

We also keep notes AboutThisService, like WikiUpgrade.

What is in the WCAG 2 Documents

WCAG 2.0 and WCAG 2.1 are stable, referenceable technical standards. They have 12-13 guidelines that are organized under . For each guideline, there are testable success criteria, which are at .

For a short summary of the WCAG 2 guidelines, see WCAG 2.1 at a Glance.

To learn about web accessibility principles and guidelines, see Accessibility Principles.

The WCAG 2 supporting technical materials include:

How to Meet WCAG 2: A customizable quick reference to Web Content Accessibility Guidelines 2 requirements (success criteria) and techniques is essentially the WCAG 2 checklist. Most people use this quick references as the main resource for working with WCAG.
Techniques for WCAG 2 (2.1 Techniques, 2.0 Techniques) gives you specific details on how to develop accessible web content, such as HTML code examples. The techniques are “informative”, that is, you do not have to use them. The basis for determining conformance to WCAG 2 is the success criteria from the WCAG 2 standard, not the techniques. Read more in .
Understanding WCAG 2 (2.1 Understanding, 2.0 Understanding) has additional guidance on learning and implementing WCAG 2 for people who want to understand the guidelines and success criteria more thoroughly.

For more details on how these document are related and how they are linked, see WCAG 2 Documents.

Technical document format

The WCAG, Techniques, and Understanding documents follow the W3C format for technical reports, which has several sections at the beginning, including links to different versions, editors, abstract, and status.

Supplemental guidance

Supplemental guidance provides additional information beyond what is required in WCAG 2.0 and 2.1. It addresses improving accessibility for people with cognitive disabilities and people with low vision. Links to supplemental guidance will be added to this section in the future.

CSS Presentation Levels (Уровни Показа в CSS)

Presentation Levels
представляет способ, чтобы сделать шаг вперед и назад через
несколько визуализаций того же документа, что особенно полезно для
презентаций в виде слайд-шоу (выделить элементы списка по одному за
раз) и контурных просмотров (показать более-менее подробно). Каждый
элемент имеет уровень презентации и три стиля (три положения): один
для того, когда браузер находится на более низком презентационном
уровне, один для точного соответствия и один для того, когда
презентационный уровень браузера выше, чем у элемента. Браузер
должен предлагать пользователю простой способ для увеличения и
уменьшения уровня браузера.

Learn More

The Semantic Web community maintains a list of books
on a W3C Wiki page. Some of those books
are introductory in nature while others are conference proceedings or
textbook that address more advanced topics.
Details of recent and upcoming
Semantic Web related talks, given by the W3C Staff,
the staff of the W3C Offices,
and members of the W3C Working Groups are available separately; the slides
are usually publicly available. The
W3C also maintains a collection of Semantic
Web Case Studies and Use Cases that
show how Semantic Web technologies, including vocabularies, are used in
practice. Finally, the Semantic Web FAQ may also be of help
in understanding the various concepts.

Responsive Classes

Class	Defines
w3-row	Container for one row of fluid responsive content	Try it
w3-row-padding	Row where all columns have a default padding	Try it
w3-auto	Container for responsive size centered content	Try it
w3-stretch	Class that removes right and left margins	Try it
w3-half	Half (1/2) screen column container	Try it
w3-third	Third (1/3) screen column container	Try it
w3-twothird	Two third (2/3) screen column container	Try it
w3-quarter	Quarter (1/4) screen column container	Try it
w3-threequarter	Three quarters (3/4) screen column container	Try it
w3-col	Column container for any HTML content	Try it
w3-rest	Occupies the rest of the column width	Try it

l1 — l12	Responsive sizes for large screens	Try it
m1 — m12	Responsive sizes for medium screens	Try it
s1 — s12	Responsive sizes for small screens	Try it

w3-hide-small	Hide content on small screens (less than 601px)	Try it
w3-hide-medium	Hide content on medium screens	Try it
w3-hide-large	Hide content on large screens (larger than 992px)	Try it

w3-image	Responsive image	Try it

w3-mobile	Adds mobile-first responsiveness to any element.Displays elements as block elements on mobile devices.	Try it

Border Classes

Class	Defines
w3-border	Borders (top, right, bottom, left)	Try it
w3-border-top	Border top	Try it
w3-border-right	Border right	Try it
w3-border-bottom	Border bottom	Try it
w3-border-left	Border left	Try it
w3-border-0	Removes all borders	Try it
w3-border-color	Displays any defined borders in a specified color (like red, etc)	Try it
w3-bottombar	Adds a thick bottom border (bar) to an element	Try it
w3-leftbar	Adds a thick left border (bar) to an element	Try it
w3-rightbar	Adds a thick right border (bar) to an element	Try it
w3-topbar	Adds a thick top border (bar) to an element	Try it
w3-hover-border-color	Hoverable border color	Try it

❮ Previous
Next ❯

Events

2020-09-03
( 3 SEP)
–
2020-09-25
(25 SEP)

Virtual Event Online; Australia friendly times

Hosted online by Web Directions, with support from W3C
2020-09-16
(16 SEP)

Online
2020-09-17
(17 SEP)

24-hour online event

Inclusive Design 24 (#id24) is co-organized by several people who participate at W3C, and includes speakers from W3C.

Inclusive Design 24 (#id24) is a free 24-hour online event for the global community. It celebrates inclusive design and shares knowledge and ideas from analogue to digital, from design to development, from planners to practitioners, and everything and everyone in between.

«Работники» Web Worker спешат на помощь

Средства типа Web Worker («работник») устраняют проблемы одновременного исполнения. Web Worker — это ответ семейства технологий HTML5 на проблему однопоточного исполнения JavaScript. Web Worker исполняет процессы в потоке, отделенном от потока главной страницы, что гарантирует надлежащее выполнение основных функций этой страницы, таких как поддержание стабильного пользовательского интерфейса.

Web Worker — это JavaScript-файл, который загружается и исполняется в фоновом режиме. Это позволяет загружать JavaScript-файл динамически, а затем исполнять скрипт с помощью фонового процесса, не влияющего на пользовательский интерфейс. Работники типа Web Worker обладают ограниченным доступом, им разрешается передавать только строки. Поскольку Web Worker не использует поток пользовательского интерфейса браузера, ему не разрешен доступ к DOM. Worker способен использовать ссылки и для обеспечения глобального охвата своей деятельности. Связь Web Worker и родительской страницы реализуется с использованием модели на основе событий и метода .

Вследствие своей многопоточной природы Web Worker способны пользоваться лишь подмножеством функций JavaScript. Возможности Web Worker:

Доступ к объекту navigator.
Использование объекта location (в режиме «Только чтение»).
Исполнение для отсылки запросов по протоколу HTTP или HTTPS.
Настройка момента времени или интервала для деятельности с помощью и .
Доступ к кэшу приложений.
Импорт внешних скриптов с помощью метода .
Порождение других Web Worker (потомок — subworker) должен иметь такое же происхождение, как и главная страница, и находиться в том же месте, что и родительский Worker).

Существуют два типа Web Worker: выделенный Web Worker и совместно используемый Web Worker

Выделенный Web Worker

Выделенный Worker связан с создавшим его скриптом и способен коммуницировать с другими Worker или с компонентами браузера. Однако он не способен коммуницировать с DOM.

Выделенный Worker создается посредством передачи имени JavaScript-файла новому экземпляру Worker. Мы создадим новый Worker с помощью конструктора посредством указания URI-идентификатора для исполняемого скрипта Worker. Чтобы создать выделенный Worker, введите показанный ниже код, который создает новый выделенный объект .

var worker = new Worker('worker.js');

Совместно используемый Web Worker

Совместно используемый Web Worker, как и выделенный Web Worker, не способен обращаться к DOM, а также имеет лишь ограниченный доступ к свойствам окна. Совместно используемый Web Worker способен коммуницировать только с другими совместно используемыми Web Worker в том же домене. Совместно используемый Web Worker создается посредством передачи имени JavaScript-файла новому экземпляру совместно используемого Worker.

Скрипты страницы способны коммуницировать с совместно используемыми Web Worker. Однако, в отличие от выделенных Web Worker, коммуницирование в данном случае осуществляется с помощью объекта и прикрепления обработчика событий типа «сообщение». Кроме того, до первого использования необходимо вызвать метод порта.

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

Для создания совместно используемого Web Worker вы должны создать объект (а не объект ). Следующий код демонстрирует создание нового объекта .

var worker = new SharedWorker('worker.js');

CSS Device Adaptation (Адаптация Прибора в CSS)

CSS Device Adaptation
определяет (1) как начальный блок контента относится к
viewport (порту просмотра) и (2) как единицы CSS (‘px’
(пиксель), ‘cm’ (сантиметр), ‘pt’ (пункт), и другие.) соотносимы с
реальными единицами. Начальный блок контента — это гипотетический
прямоугольник в модели CSS рендеринга, который определяет позицию
(0,0) и значение процентов в корневом элементе. В 2-м уровне CSS он
равен viewport (то есть окно или страница, на которой составляется
документ). Этот модуль определяет правило ‘@viewport’, которое
позволяет увеличивать или уменьшать начальный блок контента по
отношению к viewport. Он также может установить коэффициент
масштабирования, чтобы изменить отображение между единицами CSS и
реальными единицами. (‘@viewport’ как правило, не является полезным
для авторов, но это правило позволяет читателям избавиться от
влияния любого элемента <META NAME=VIEWPORT> что может
встретиться в HTML5 документах.)

Background Color Classes

Class	Defines
w3-red	Background color red	Try it
w3-pink	Background color pink	Try it
w3-purple	Background color purple	Try it
w3-deep-purple	Background color deep purple	Try it
w3-indigo	Background color indigo	Try it
w3-blue	Background color blue	Try it
w3-light-blue	Background color light blue	Try it
w3-cyan	Background color cyan	Try it
w3-aqua	Background color aqua	Try it
w3-teal	Background color teal	Try it
w3-green	Background color green	Try it
w3-light-green	Background color light green	Try it
w3-lime	Background color lime	Try it
w3-sand	Background color sand	Try it
w3-khaki	Background color khaki	Try it
w3-yellow	Background color yellow	Try it
w3-amber	Background color amber	Try it
w3-orange	Background color orange	Try it
w3-deep-orange	Background color deep orange	Try it
w3-blue-grey	Background color blue grey	Try it
w3-brown	Background color brown	Try it
w3-light-grey	Background color light grey	Try it
w3-grey	Background color grey	Try it
w3-dark-grey	Background color dark grey	Try it
w3-black	Background color black	Try it
w3-pale-red	Background color pale red	Try it
w3-pale-yellow	Background color pale yellow	Try it
w3-pale-green	Background color pale green	Try it
w3-pale-blue	Background color pale blue	Try it
w3-transparent	Transparent background-color

Опустим и ?

В стандарте HTML5, <HTML> и <тело> тег может быть опущен.

Следующие документы являются правильными HTML5:

Пример:

<! DOCTYPE HTML> <Head> <Title> Название страницы </ title> </ Head> <H1> Это заголовок </ h1> <P> Это параграф. </ P>
Попробуйте »

Не рекомендуется опустить <HTML> и тег <body>.

<HTML> элемент является корневым элементом документа, язык, используемый для описания страницы:

<! DOCTYPE HTML> <HTML LANG = «ж»>

Язык заявление для облегчения чтения с экрана и поисковых систем.

Опустим <HTML> или <тело> в DOM и программного обеспечения XML аварий.

Опустим <тело> ошибка происходит в старых браузерах (IE9).

Логотип HTML5

18 января 2011 года W3C ввёл логотип, чтобы представить использование или добавить интерес к HTML5. В отличие от других знаков, выпущенных ранее компанией W3C, он не подразумевает соответствие определённому стандарту. С 1 апреля 2011 года этот логотип считается официальным.

Во время первого показа его публике, W3C объявил логотип HTML5 как символ «универсальной визуальной идентификации данных для широкого набора открытых Веб-технологий, включая HTML, CSS, SVG, WOFF и другие». Некоторые защитники веб-стандартов, включая и The Web Standards Project, раскритиковали это определение HTML5 как обобщённое и размытое понятие. Тремя днями позже W3C ответил на отзыв сообщества и изменил определение логотипа, убрав перечисление связанных технологий. Затем W3C заявил, что логотип «представляет HTML5, краеугольный камень для современных Веб приложений».

Value of Creating Standards at W3C

W3C continues to evolve to provide the community a
productive environment for creating Web standards. W3C standards:

are created following a consensus-based decision process;
consider aspects of accessibility, privacy, security, and internationalization;
reflect the views of diverse industries and global stakeholders;
balance speed, fairness, public accountability, and quality;
benefit from Royalty-Free patent licensing commitments from participants;
are stable (and W3C seeks to ensure their persistence at the published URI);
benefit from wide review from groups inside and outside W3C;
are downloadable at no cost;
are maintained in a predictable fashion;
are strengthened through interoperability testing;

Quick Table of Contents

About the HTML 4
Specification
Introduction to
HTML 4
On SGML and
HTML
Conformance:
requirements and recommendations
HTML Document
Representation — Character sets, character encodings, and
entities
Basic HTML data
types — Character data, colors, lengths, URIs, content types,
etc.
The global
structure of an HTML document — The HEAD and BODY of a
document
Language
information and text direction — International considerations for
text
Text —
Paragraphs, Lines, and Phrases
Lists —
Unordered, Ordered, and Definition Lists
Tables
Links —
Hypertext and Media-Independent Links
Objects,
Images, and Applets
Style
Sheets — Adding style to HTML documents
Alignment,
font styles, and horizontal rules
Frames
— Multi-view presentation of documents
Forms —
User-input Forms: Text Fields, Buttons, Menus, and more
Scripts
— Animated Documents and Smart Forms
SGML reference
information for HTML — Formal definition of HTML and
validation
SGML Declaration of HTML
4
Document Type Definition
Transitional Document Type Definition
Frameset Document Type Definition
Character entity
references in HTML 4

Changes
Performance,
Implementation, and Design Notes

Web Accessibility Initiative (WAI) at W3C

The
W3C Web
Accessibility Initiative (WAI) brings
together people from industry, disability
organizations, government, and research labs
from around the world to
develop
guidelines
and resources
to help make the Web accessible to people
with auditory, cognitive, neurological,
physical, speech, and visual disabilities.

WAI’s coverage of web
accessibility includes:

«web
content» — websites and web
applications
authoring
tools, such as content management systems
(CMS) and blog software
browsers and other
«user
agents»
WAI-ARIA
specification for accessible rich
Internet applications

We invite individuals and organizations
to participate
in WAI by implementing, promoting, and
reviewing guidelines and resources;
contributing to the WAI Interest Group; and
participating in Working Groups.

Скачать «Шпаргалка HTML5 на русском языке» (Количество скачиваний: 7996)

В архиве два jpg фаила в расширениях 1024×1448 и 2480×3508

upd 29.10.2014

Прошло уже больше двух лет с момента написания поста и собственно создания шпаргалки по HTML 5. За это время шпаргалку скачали 3600 раз), мне очень приятно, надеюсь она была полезна тем кто изучал верстку на HTML 5. Я очень много научился и узнал на различных форумах и сайтах, и созданием шпаргалки хотел как бы отблагодарить, отдать долг). По чему я сегодня пишу обновление в этом посту, потому что именно сегодня наконец то закончена разработка HTML5 !

Разработка HTML5 официально завершена

HTML5 официально «функционально завершен». По установленным мировым стандартам Worldwide Web Consortium (W3C). Существуют еще некоторые тесты, которые нужно будет сделать, и он еще не стал официальным стандартом Web, но сейчас можно с уверенностью сказать, что там не будет никаких новых функций, по сравнению с текущей версией.

Это означает, что веб-дизайнеры и производители приложений теперь имеют «стабильную мишень» для плавного перехода на новый стандарт к 2015 году. Язык разметки HTML5 позволяет разработчикам добавить страницы функционалом, который ранее требовал автономных приложений или дополнительного программного обеспечения, такого как Java, Adobe Flash или Microsoft (MSFT, Fortune 500) Silverlight. Он поддерживает потоковое видео и услуги геолокации, оффлайновые инструменты и сенсорное управление, среди прочих прибамбасов.

Потребовалось более 10 лет для разработки нового стандарта. Генеральный директор W3C Джефф Джаффе в подготовленном несколько дней назад заявлении сообщил, что по состоянию на сегодня, разработчики знают, что они могут положиться на HTML5 в ближайшие годы. «Кроме того, разработчики будут знать, какие навыки развивать, чтобы выйти на смартфоны, автомобили, телевизоры, электронные книги, цифровые знаки и устройства, пока еще не известные», добавил он.

Последние версии Microsoft Internet Explorer, Google Chrome, Mozilla Firefox и Apple Safari уже совместимы с большинством элементов HTML5. W3C уже работает над HTML 5.1, первые части которого были только что представлены в виде проекта.

Examples

The following very simple example of a
portion of an HTML document illustrates how
to create a link within a paragraph. When
rendered on the screen (or by a speech
synthesizer), the link text will be “final
report”; when somebody activates the link,
the browser will retrieve the resource
identified by
“http://www.example.com/report”:

<p class="moreinfo">For more information see the
<a href="http://www.example.com/report">final report</a>.</p>

The attribute on the
paragraph’s start tag (“<p>”) can be
used, among other thing, to add style. For
instance, to italicize the text of all
paragraphs with a class of “moreinfo,” one
could write, in CSS:

p.moreinfo { font-style: italic }

By placing that rule in a separate file,
the style may be shared by any number of
HTML documents.

CSS Object Model (Объектная модель в CSS)

DOM определяет функции, для управления HTML, XML и CSS
документами, эти функции находятся в нескольких программных
библиотеках (и браузерах). Программисты могут вызвать их из своих
программ , а не писать свои собственные. Некоторые из этих функций
взаимодействуют с правилами добавления и удаления и свойствами
изменения в таблицах стилей CSS. Эти APIs (Интерфейсы
программирования приложений операционных систем) формируют CSS Object Model или CSS-OM. Они полезные для
автономных программ, а также для скриптов и приложений. 2-й уровень
DOM содержит два раздела посвященные CSS-OM (CSS Object Model) и
CSS WG будет развивать 3-ий уровень CSS-OM.

What: Examples of Web Accessibility

Properly designed websites and tools can
be used
by people with disabilities. However,
currently many sites and tools are
developed with accessibility barriers that
make it difficult or impossible for some
people to use them. Below are just a few
examples.

Alternative Text for Images

Images should
include equivalent
alternative text (alt text) in the
markup/code.

If alt text isn’t provided for images, the
image information is inaccessible, for
example, to people who cannot see and use a
screen reader that reads aloud the
information on a page, including the alt
text for the visual image.

When equivalent alt text is provided, the
information is available to people who are
blind, as well as to people who turn off
images (for example, in areas with expensive
or low bandwidth). It’s also available to
technologies that cannot see images, such as
search engines.

Keyboard Input

Some people cannot use a mouse,
including many older users with limited
fine motor control. An accessible website
does not rely on the mouse; it
makes all
functionality available from a
keyboard. Then people with disabilities
can
use that mimic the keyboard,
such as speech input.

Transcripts for Audio

Just as images aren’t available to people
who can’t see, audio files aren’t available
to people who can’t hear. Providing a text
transcript makes the audio information
accessible to people who are deaf or hard
of hearing, as well as to search engines
and other technologies that can’t hear.

It’s easy and relatively inexpensive for
websites to provide transcripts. There are
also transcription
services that create text transcripts in
HTML format.