html5 vіd html4.01 and xhtml1.0. Revisions of HTML5 to previous versions. positive and negative analysis

It's easy to send your harn to the robot to the basics. Vikoristovy form, raztastovanu below

Students, graduate students, young adults, like victorious base of knowledge in their trained robots, will be your best friend.

Character encoding

For HTML syntax, retailers can tweak three ways to implement coding: on the transport level. When changing the Content-Type HTTP header, for example. – hacking the Unicode Byte Order Mark (BOM) character on the cob file. This character provides the signature of the embossed coding. – twisted meta tag with the charset attribute, which can be used as the first child element head. To restore respect, which for the purpose of coding victorious

For the syntax of XML, the retailers are subject to the rules of the XML specification.

New elements

section presenting a part of the document or
article submit an independent part of the change for inclusion before the document of the articles
aside representing a part of the zmist, as if it was only partly tied up with the curtain of the side
header presenting the title section
footer- footer, may contain information about the author, copyright and so on
nav presenting a division of the document, destinations for navigation
dialog you can win to see the dialogues:

figures You can tweet to link the title to the media content:

example

audioі video for multimedia. Obidva secure the invalid API. In this way, retailers can write scripts to the local interface of the coristuvach, as well as transferring the call to the standard API of the coristuvach agent. Together with these elements, there can be twists source yakscho є mozhlivist to organize parallel flows.
embed win for plugin content.
meter– for the presentation of single vimiriv.
time– date and/or hour.
canvas vikoristovuetsya for dynamic implementation of graphics.
command represents a command, which can call the user.
datagrid- interactive presentation of the list type "tree" or tabular data.
details provide additional information, so that you can take it to the best of your ability.
datalist together with a new attribute list win the combobox:

datatemplate, rules, і nest secure a template mechanism for HTML.
event source vikoristovuєtsya for re-copying under, nadіslanih server.
output represents the same type of vision, for example, the number of calculations, zroblenih through the script.
progress presenting the head of the zavdannya, for example, the zavantazhennya.
Attribute type element input now may have new meanings:
datetime
datetime-local
date
month
week
time
number
range
email

The idea behind these new types is that the koristuvach agent can provide an interface for such objects as a calendar (selection of dates), integration with the address book and send data to the server in the song format. Tse give songs of parity to both koristuvachs and retailers, the shards of the introduction of koristuvach are reviewed before sending to the server by the browser. Tse means that retailers do not need to use resources to re-verify the introduction of data, that, at their own discretion, to bring the data into account until the end of the day.

New attributes

HTML 5 introduce some new attributes for elements that were already included before HTML 4:

elements aі area removed the new ping character, as a list of the URI address, as it should be propagated when switching to hyperspace. The principle of functioning is still not clear to the end.
element area now can hreflang and rel attributes
base removing the target attribute
attribute value for li that attribute start for element ol no longer deprecated
meta removing the attribute charset
new attribute autofocus you can get appointments input(krim quietly vipadkiv, if type attribute - hidden), select, textareaі button. Tse secure the method of transferring the registration form for the hour of the engagement of the party
attribute form for input, output, select, textarea, buttonі fieldset allows you to put an element from a larger lower one in one form
input, buttonі form took away the attribute replace, which signifies what will be the element after the strength of the form
form, selectі datalist loot attribute data, which is automatically backfilled in advance, at the time of backfilling with data from the server
new attribute required zastosovuetsya until input(krim quietly vipadkiv, if type attribute - hidden, image or button) ta textarea. Vіn specify obov'yazkovі field fields
inputі textarea add a new attribute input mode, which prompts the interface of the coristuvacha, so that the data will be cleared for input
now you can disable(include) in a row of cilia fieldset, what could not have been earlier
element input there are a few new attributes for the designation of the boundary: autocomplete, min, max, patternі step, as well as list, which can be vicorated at once with the elements selectі datalist
inputі button also took away a new attribute template, which can be twisted to repeat templates
element menu may have three new attributes: type, labelі autosubmit
script may new attribute async, which contributes to the excitement of that scenario
element html may new attribute manifest, which points to the add-on cache, which wins at the same time for the API for standalone Web add-ons

The HTML 4 Attribute Dequel is stuck to all elements, so they are called global attributes: class, dir, id, language, tabindexі title.

There was also a sprinkling of new global attributes:

attribute contenteditable indicate that the element is editable
contextmenu you can win for insertion on the context menu, created by the author
draggable You can tweet at once with the new drag&drop API
irrelevant indicate that the element is no longer relevant

Attributes for the repetition model:

repeat
repeat start
repeat min
repeat max

Captured elements

The following elements are not included in HTML 5, so their effect can be achieved with the help of CSS:

basefont
center
strike

Step Elements are not included in HTML 5 because they were negatively marked for transparency and accessibility:

frame
frameset
noframes

The next elements are not included, because they were rarely won, or they can be replaced by other elements:

acronym
applet substitutions object
isindex
dir substitutions ul

Nareshti no script Leaving the syntax of HTML alone, the shards of this trick are passed on to the analysis for the help of the HTML parser.

Captured attributes

access key for a, area, button, input, label, legendі textarea
revі charset for linkі a
shapesі coordinates for a
longdesc for imgі iframe
target for link
nohref for area
profile for head
version for map, img, object, form, iframe, a
scheme for meta
archive, classid, codebase, code type, declareі standby for object
valuetypeі type for param
charsetі language for script
summary for table
headers, axisі abbr for tdі th
scope for td

In addition, HTML 5 does not have offensive attributes, the stink shards are more easily processed by CSS:

align for caption, iframe, img, input, object, legend, table, hr, div, h1-h6, p, col, col group, body, td, foot, th, thead, trі body
alink, link, textі vlink for body
background for body
bgcolor for table, tr, td, thі body
border for table, imgі object
cell paddingі cellspacing for table
charі charoff for col, col group, body, td, foot, th, theadі tr
clear for br
compact for menu, olі ul
frame on the table
frameborder attribute to iframe
height for iframe, tdі th
hspaceі vspace for imgі object
marginheight, marginwidthі scrolling for iframe
noshade for hr
nowrap for tdі th
rules for table
size for hr, inputі select
style for all elements
type for li, olі ul
valign for col, col group, body, td, foot, th, theadі tr
width for hr, table, td, th, col, col group, iframeі pre

API

HTML 5 to introduce an impersonal API that can help create Web add-ons. The stench can win with new elements at once.

2D drawing API, which can be tweaked with the new element canvas
API for rendering video and audio, which can be featured with new elements videoі audio
Persistent storage area seen
API, which allows the autonomous work of the web add-ons
API that allows web add-ons to be registered for both protocols and MIME types
Editing API added with new global attribute contenteditable
Drag&drop API for connected with attribute draggable
Network API
API, a kind of vibudovu _historia vіdvіduvannya, to avoid the broken functioning of the back button (These API may need security)
Cross-document messaging
subserver (Server-sent events) with new element event source

HTMLDocument extension

HTML 5 by extending the HTMLDocument interface. The interface is now the implementation of the usual objects of the Document interface. Yoga new methods:

getElementsByClassName()
activeElementі hasFocus
getSelection()
designModeі execCommand(), as vikoristovuyutsya head rank for editing documents

Expand to HTMLElement

The HTMLElement interface is also stripped of the extension:

getElementsByClassName()
innerHTML
classList introductions for transparent access to className. Object that turns, may methods has(), add(), remove()і toggle() for manipulating element classes

HTML 5 is more common in rozrobtsi, but about the new one, it is already seen richly cited. At first glance, innovations seem to be super smart, as if you would do it in reality - show the hour.

Syntax

HTML 5 has two syntaxes - "custom" HTML and XML. HTML syntax determines the details of parsing rules (including processing of pardons). Mailbox agents follow these rules for documents that accept the text/html MIME type. Axis butt html syntax:

example document

example paragraph

example document

example paragraph

Character encoding

For HTML syntax, retailers can tweak three ways to insert coding:

on the transport line. When changing the Content-Type HTTP header, for example.
typing a Unicode Byte Order Mark (BOM) character onto the cob file. This character provides the signature of the embossed coding.
wildcard meta tag with the charset attribute, which can be used as the first child element head.

To restore respect, which for the purpose of coding victorious

deputy

For the syntax of XML, the retailers are subject to the rules of the XML specification.

New elements

section presenting a part of the document or
article submit an independent part of the change for inclusion before the document of the articles
aside representing a part of the zmist, as if it was only partly tied up with the curtain of the side
header presenting the title section
footer- footer, may contain information about the author, copyright and so on
nav presenting a division of the document, destinations for navigation
dialog you can win to see the dialogues:
Costello
Look, you gotta first baseman?
Abbott
Certainly.
Costello
Who's playing first?
Abbott
That's right.
Costello
When you pay off the first baseman every month, who gets the money?
Abbott
Every dollar of it.
figures You can tweet to link the title to the media content:
example
audioі video for multimedia. Obidva secure the invalid API. In this way, retailers can write scripts to the local interface of the coristuvach, as well as transferring the call to the standard API of the coristuvach agent. Together with these elements, there can be twists source yakscho є mozhlivist to organize parallel flows.
embed win for plugin content.
meter- For the presentation of alone vimiryuvan.
time— date and/or hour.
canvas vikoristovuetsya for dynamic implementation of graphics.
command represents a command, which can call the user.
datagrid- interactive presentation of the list type "tree" or tabular data.
details provide additional information, so that you can take it to the best of your ability.
datalist together with a new attribute list win the combobox:
datatemplate, rules, і nest secure a template mechanism for HTML.
event source vikoristovuєtsya for re-copying under, nadіslanih server.
output represents the same type of vision, for example, the number of calculations, zroblenih through the script.
progress presenting the head of the zavdannya, for example, the zavantazhennya.
Attribute type element input now may have new meanings:
- datetime
- datetime-local
- date
- month
- week
- time
- number
- range
- email
The idea behind these new types is that the koristuvach agent can provide an interface for such objects as a calendar (selection of dates), integration with the address book and send data to the server in the song format. Tse give songs of parity to both koristuvachs and retailers, the shards of the introduction of koristuvach are reviewed before sending to the server by the browser. Tse means that retailers do not need to use resources to re-verify the introduction of data, that, at their own discretion, to bring the data into account until the end of the day.

New attributes

HTML 5 introduce some new attributes for elements that were already included before HTML 4:

elements aі area removed the new ping character, as a list of the URI address, as it should be propagated when switching to hyperspace. The principle of functioning is still not clear to the end.
element area now can hreflang and rel attributes
base removing the target attribute
attribute value for li that attribute start for element ol no longer deprecated
meta removing the attribute charset
new attribute autofocus you can get appointments input(krim quietly vipadkiv, if type attribute - hidden), select, textareaі button. Tse secure method of transmission of care
form
attribute form for input, output, select, textarea, buttonі fieldset allows you to put an element from a larger lower one in one form
input, buttonі form took away the attribute replace, which signifies what will be the element after the strength of the form
form, selectі datalist loot attribute data, which is automatically backfilled in advance, at the time of backfilling with data from the server
new attribute required zastosovuetsya until input(krim quietly vipadkiv, if type attribute - hidden, image or button) ta textarea. Vіn specify obov'yazkovі field fields
inputі textarea add a new attribute input mode, which prompts the interface of the coristuvacha, so that the data will be cleared for input
now you can disable(include) in a row of cilia fieldset, what could not have been earlier
element input there are a few new attributes for the designation of the boundary: autocomplete, min, max, patternі step, as well as list, which can be vicorated at once with the elements selectі datalist
inputі button also took away a new attribute template, which can be twisted to repeat templates
element menu may have three new attributes: type, labelі autosubmit
script may new attribute async, which contributes to the excitement of that scenario
element html may new attribute manifest, which points to the add-on cache, which wins at the same time for the API for standalone Web add-ons

The HTML 4 Attribute Dequel is stuck to all elements, so they are called global attributes: class, dir, id, language, tabindexі title.

There was also a sprinkling of new global attributes:

attribute contenteditable indicate that the element is editable
contextmenu you can win for insertion on the context menu, created by the author
draggable You can tweet at once with the new drag&drop API
irrelevant indicate that the element is no longer relevant

Attributes for the repetition model:

repeat
repeat start
repeat min
repeat max

Captured elements

The following elements are not included in HTML 5, so their effect can be achieved with the help of CSS:

basefont
center
strike

Step Elements are not included in HTML 5 because they were negatively marked for transparency and accessibility:

frame
frameset
noframes

The next elements are not included, because they were rarely won, or they can be replaced by other elements:

acronym
applet substitutions object
isindex
dir substitutions ul

Nareshti no script Leaving the syntax of HTML alone, the shards of this trick are passed on to the analysis for the help of the HTML parser.

Captured attributes

access key for a, area, button, input, label, legendі textarea
revі charset for linkі a
shapesі coordinates for a
longdesc for imgі iframe
target for link
nohref for area
profile for head
version for map, img, object, form, iframe, a
scheme for meta
archive, classid, codebase, code type, declareі standby for object
valuetypeі type for param
charsetі language for script
summary for table
headers, axisі abbr for tdі th
scope for td

In addition, HTML 5 does not have offensive attributes, the stink shards are more easily processed by CSS:

align for caption, iframe, img, input, object, legend, table, hr, div, h1-h6, p, col, col group, body, td, foot, th, thead, trі body
alink, link, textі vlink for body
background for body
bgcolor for table, tr, td, thі body
border for table, imgі object
cell paddingі cellspacing for table
charі charoff for col, col group, body, td, foot, th, theadі tr
clear for br
compact for menu, olі ul
frame on the table
frameborder attribute to iframe
height for iframe, tdі th
hspaceі vspace for imgі object
marginheight, marginwidthі scrolling for iframe
noshade for hr
nowrap for tdі th
rules for table
size for hr, inputі select
style for all elements
type for li, olі ul
valign for col, col group, body, td, foot, th, theadі tr
width for hr, table, td, th, col, col group, iframeі pre

API

HTML 5 to introduce an impersonal API that can help create Web add-ons. The stench can win with new elements at once.

2D drawing API, which can be tweaked with the new element canvas
API for rendering video and audio, which can be featured with new elements videoі audio
Persistent storage area seen
API, which allows the autonomous work of the web add-ons
API that allows web add-ons to be registered for both protocols and MIME types
Editing API added with new global attribute contenteditable
Drag&drop API for connected with attribute draggable
Network API
API, a kind of vibudovu _historia vіdvіduvannya, to avoid the broken functioning of the back button (These API may need security)
Cross-document messaging
subserver (Server-sent events) with new element event source

HTMLDocument extension

HTML 5 by extending the HTMLDocument interface. The interface is now the implementation of the usual objects of the Document interface. Yoga new methods:

getElementsByClassName()
activeElementі hasFocus
getSelection()
designModeі execCommand(), as vikoristovuyutsya head rank for editing documents

Expand to HTMLElement

The HTMLElement interface is also stripped of the extension:

getElementsByClassName()
innerHTML
classList introductions for transparent access to className. Object that turns, may methods has(), add(), remove()і toggle() for manipulating element classes.

In contact with

Lachlan Hunt

Original article in English: http://www.alistapart.com/articles/previewofhtml5

Illustrations: Kevin Cornell

Translation: Vlad Merzhevich

Merezha is constantly developing. New and innovative sites are being created today, expanding between HTML in the skin directly. HTML4 has been around for a decade or so, and people have come up with new methods to make it more functional, like streaming movies and browsers.

In order to give authors more flexibility and coherence, develop their sites and programs more interactive and whimsical, HTML5 introduces such a wide range of possibilities, which includes form elements, API, multimedia, structure and semantics.

The work on HTML5 began in 2004 and is now being developed within the framework of joint efforts between W3C HTML WG and WHATWG. A lot of key gravity take part in the W3C robots, including representatives of some of the main post-workers in browsers: Apple, Mozilla, Opera and Microsoft, as well as a number of other organizations and private systems with their own interests and knowledge.

Respect that the specification is still at the development stage and is far from complete. Also, it is quite possible that, if there is any functional, descriptions in this article, it can be changed in the future. This article is given for a short description of some of the main features that the project is based on.

Structure

HTML5 to introduce low new elements to simplify the structure of the pages. More sidebars on HTML4 include typical elements, such as header, footer and columns. Nini, as a rule, in the code of the document, the stench is indicated for additional elements

, describing either the id attribute or the class attribute.

The small picture shows a typical layout of two laid-out columns for victories

with id and class attributes. The layout to replace the header, put the horizontal navigation below the header. The main change includes the article and the sidebar on the right (sidebar).

Vikoristovuvati elementi

right, because HTML4 does not have the necessary semantics to describe these elements more specifically. HTML5 solves this problem by introducing new elements for the presentation of skincare products.

Elementi

can be replaced by new elements

html5 vіd html4.01 and xhtml1.0. Revisions of HTML5 to previous versions. positive and negative analysis

It's easy to send your harn to the robot to the basics. Vikoristovy form, raztastovanu below

Similar documents

Syntax

Character encoding

New elements

New attributes

Captured elements

Captured attributes

API

HTMLDocument extension

Expand to HTMLElement

Syntax

Character encoding

New elements

New attributes

Captured elements

Captured attributes

API

HTMLDocument extension

Expand to HTMLElement

Structure

Riven 3

before

) deputy of the main elements

Front view HTML5

Blog

Insert a slogan here.

A Preview of HTML 5

Example Blog

Insert tag line here.

Chapter 1: The Period

Comment #2
by Jack O'Niell

Audio and video materials

Submission of documents

example

example

Adhering to the development of the standard

Choice of editors