Sunday, April 30, 2017

MVA Know it prove it- Web Development -2 HTML5 & CSS3 - i

HTML 5 
HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and current version of the HTML standard.

Many new syntactic features are included. To natively include and handle multimedia and graphical content, the new <video>, <audio> and <canvas> elements were added, and support for scalable vector graphics (SVG) content and MathML for mathematical formulas. To enrich the semantic content of documents, new page structure elements such as <main>, <section>, <article>, <header>, <footer>, <aside>, <nav> and <figure>, are added. New attributes are introduced, some elements and attributes have been removed, and others such as <a>, <cite> and <menu> have been changed, redefined or standardized.

-> HTML5shim Javascript file to use html5 features in older Browsers

CSS 3
CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. It brings a lot of long-awaited novelties, like rounded corners, shadows, gradients, transitions or animations, as well as new layouts like multi-columns, flexible box or grid layouts. Experimental parts are vendor-prefixed and should either be avoided in production environments, or used with extreme caution as both their syntax and semantics can change in the future.



HTML 5 is for structuring the content and CSS is for styling the content 

Validator
A validator is a computer program used to check the validity or syntactical correctness of a fragment of code or document. The term is commonly used in the context of validating HTML,CSS and XML documents or RSS feeds though it can be used for any defined format or language.

Example Link  :  Validator.nu

Basic HTML Tags and Explanation  

<!DOCTYPE HTML>   Instruction to browser to instruct which set of rules to use while interpreting

<br>...<br/ >  One of the Style for Self Enclosing Tags

<html lang="en">  For Search Engine , Accessibility  & and Page Translation

<nav> For ease of navigation using keyboard , Accessibility

<meta>  To add context to HTML document , SEO optimization

Example :


<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
<meta http-equiv="refresh" content="5" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="cookie" content="userid=xyz; expires=Wednesday, 08-Aug-15 23:59:59 GMT;" />
<meta http-equiv="refresh" content="5; url=https://www.tutorialspoint.com" />

No comments:

Post a Comment