Thursday 6 June 2019

HTML 5


HTML 5

Html 5 have all the similar features with it's previous version but it also have some of the new and very important features that has completely revolutionaries the web page development.

NEW FEATURES INTRODUCED IN
HTML 5:-

HTML:-

H-HYPER(means a link which lets you to go from one webpage to another.).
T- TEXT
M- MARKUP(how you will lay down the text.).
L- Language

# Integrated API
(Application Programming Interface);

- Drag & Drop
- Audio & Video
- Offline web application
- History
- Local Storage
- Geaolocation
- Web messanging


#Content Model:

It refers to the set of the rules that define what type of content each element is allowed to have.
Mostly this translates into what other elements are allowed to be nested inside which other elements.

*Prior to modern HTML specifications, HTML elements were either block-level or Inline elements.
Modern HTML specifications split these two content models into Seven models. So things got a bit more complicated.
However in practical terms, you can still think of those seven model as a falling into same traditional categories: block-level and inline-level.

#Block-Level Elements:-

*Block-level elements render(i.e, are displayed) to being on a new line by default. You can change the behaviour with CSS.

*What that means that every time you specify a block-level element in HTML, the browser will automatically place the contents of the element on a new line in the flow of document.
*Block-level elements are allowed to wrap inline and other block-level elements.

#Inline Elements:-

*Inline render on the same line by default.

*Your code can have a whole bunch of inline elements, one after another. But they will all displayed on the same line. Having new line characters in the content or between the tags in your code won't manke any difference.

*Remember , HTML doesn't care about new line , chatacters , spaces, etc. All those space chatacters get translated into a single space anyway.

*Inline elements are restricted to only contain other inline elements. In other words, an inline element cannot have a block-level elements as part of it's content.


NOTE:
There are good reasons why there are actually seen category and not two.
Most of the reasons, however are Semantic in nature.
As you can see different seven category in the diagram. Each category has its own meaning which will well define the content of your HTML document.

#SEMANTIC:

It tells about the content it surrounded. What it tells you can be referring to importance of the content within a document or phrase , the description of that content.

Click on the given features of the HTML5 to know more about it:

# HTML 5 Web Storage

# Geolocation (one of most important feature of HTML5)


Posted in:   |  
Share:

No comments:

Post a Comment