HTML5 + CSS3 Study Notes (1) Overview

HTML5 + CSS3 Overview
 
HTML5 and CSS3 are not only two new Web technology standards, but also represent the next generation of HTML and CSS technologies. Although HTML5 standards and specifications have not yet been officially released, the future development prospects are foreseeable, that is, HTML5 will be used by more and more Web developers, major browser manufacturers have actively updated their products to better support HTML5.
 
1. A new Web Development Platform
 
HTML5 is centered around one core: Building a more powerful Web application development platform.
 
Advantages:
 
1) more descriptive tags: HTML5 introduces a lot of descriptive tags, such as header, footer, nav, and aside) so that developers can easily build page elements.
 
2) good multimedia support: HTML5 has a solution for the trouble of playing audio and video via plug-ins. The audio tag and video tag can be easily implemented.
 
3) more powerful Web applications: HTML5 provides amazing features. In some cases, you can even give up using third-party technologies.
 
4) Cross-document message communication: Web browsers organize script interactions or influences between different domains, but it may be troublesome to trust scripts. HTML5 introduces a safe and easy-to-implement solution.
 
5) Web Sockets: HTML5 provides support for Web Sockets.
 
6) Client Storage: HTML5 Web Storage and Web SQL Database API can be used to build persistent data on the Web application client in a browser.
 
7) More exquisite interface: The Interface Effects rendered by HTML5 + CSS3 combination are sometimes unimaginable.
 
8) more powerful forms: HTML5 provides more powerful form interface controls for easy use.
 
9) improved accessibility: The content is clearer, making user operations easier and more convenient, and improving user experience.
 
10) Advanced selector: The CSS3 selector can easily identify the parity rows and check boxes of a table, with fewer code marks.
 
11) Visual Effects: A Part Of The exquisite interface, including Shadow, gradient, rounded corner, rotation, and other visual effects.
 
Ii. HTML5 backward compatibility
 
Some browsers do not yet fully support HTML5. HTML5 can easily add code compatible with the adaptive alternative solution to the code. When writing HTML5 code, you can use the W3C verification service for verification (relative, because the HTML5 standard is still evolving ).
 
3. Changes in tags and attributes in HTML5
 
HTML5 discards many common labels, including:
 
1) phenotype elements: basefont, big, center, font, s, strike, tt, u
 
2) Remove the supported frameworks: frame, frameset, and noframes.
 
3) These: abbr replaces acronym, object replaces applet, and ul replaces dir
 
Some attributes are no longer valid:
 
Align;
 
Link, vlink, alink, and text attributes on the body Tag;
 
Bgcolor;
 
Height and width;
 
Scrolling on the iframe element;
 
Valign;
 
Hscape and vscape;
 
Cellpadding, cellspacing, and border on table labels;
 
Profile on the head label;
 
Longdesc of img and iframe.
 
 
 
Keeping up with HTML5 and CSS3 advances and constantly updating their own knowledge is undoubtedly a good thing for developers.
 
Next, we will go to HTML5 to learn more and feel the surprise of HTML5 Web development.
 
Reference: HTML5 and CSS3 instance tutorial


Author: Little Thinker