HTML5 basic summary (1) -- tag changes and html5 basic summary tags

HTML5 basic summary (1) -- tag changes and html5 basic summary tags

With the continuous expansion of Android, IOS Mobile phones, tablets and other apps, coupled with various imperfections in traditional HTML in the past, such as video relying on Flash, incompatible with mobile phones and desktops, etc. HTML5 is coming to solve these problems.

Html5 is W3C (World Wide Web Consortium) and WHATWG (

Web Hypertext Application Technology Working Group. WHATWG focuses on web forms and applications, while W3C focuses on XHTML 2.0. On April 9, 2006, the two sides decided to cooperate to create a new version of HTML. Rules for HTML5:

• The new features should be based on HTML, CSS, DOM, and JavaScript.
• Reduce the need for external plug-ins (such as Flash)
• Better error handling
• More replace script Markup
• HTML5 should be independent of devices
• Development process should be transparent to the public

 

 

I have read the HTML5 documents for two days and briefly summarized them. Here I will summarize them from the label perspective. First look at the Mind Map:

I. Well, let's take a look at the tag changes:

1. The declaration of the document must be added at the beginning of HTML5. <! Doctype html> is equivalent to a HTML5 tag.

2. Add tags, which is also a powerful part of HTML5 functions. Here, we use tags in four categories:

A. Structure labels are mainly used to divide the Page Structure, just as we used to divide the page into titles, left sidebar, content section, and footer. I have provided these tags to HTML5:

B. Multimedia tags are used to display videos in Flash. These tags make HTML more powerful:

C. web application labels:

D, input tag, mainly some tags of smart forms to make verification more convenient:

• Email
  Email is required
• Url
  Url address required
• Number
  A value is required.
• Range
  You must enter a value in a certain range.
• Date Pickers)
  There are multiple new input types available for Date and Time Selection:
  Date: Select day, month, and year
  Month-select month and year
  Week-select week and year
  Time-Select time (hours and minutes)
  Datetime-select the time, day, month, and year (UTC time)
  Datetime-local-Select time, day, month, and year (local time)
• Search
  Used to search for domains. The domains are displayed as common text domains.
• Color

 

 

E. Other labels:

3. Deleted tags:

4. Redefinition labels:

5. The new layout is mainly combined with the structure labels. HTML5 has already arranged the layout of the page. See the figure below:

This is a change in HTML5 tags, and the changes in these tags make some basic functions changed. In the next blog, let's take a look at the simple use of these labels.

We recommend an html entry book to cover html5

1. Pro HTML 5 Programming HTML5 Advanced Programming
Author: Peter Lubbers, Brian Albers, Frank Salim
This book is suitable for Web application developers with rich programming experience. In other words, we will not introduce the basic knowledge of Internet development in this book. This book contains many ready-made resources to accelerate the learning of Web programming principles.
2. HTML5: Up and Running HTML5 secrets
Author: Mark Pilgrim

Eight key topics in the book:
● New elements, such as <Header>, <footer>, and <section> (Chapter 1)
● Canvas Element, which uses JavaScript to draw images on webpages. (Chapter 2)
● You can embed videos on webpages without using third-party plug-ins (Chapter 1 ).
● Geolocation: With this feature, visitors can share their geographic locations in your Web application (Chapter 1 ).
● Permanent local storage without using third-party plug-ins (Chapter 1 ).
● Offline Web applications can work even if the network is interrupted (Chapter 1 ).
● Improvement of HTML webpage forms (Chapter 1 ).
● Microdata allows you to create your own vocabulary and use custom languages to expand your webpage. (Chapter 2)

3. Foundation HTML5 Canvas: For Games and Entertainment | HTML5 Canvas basic tutorial
Author: Rob Hawkes

About the author: Rob Hawkes is good at solving problems through code. He is addicted to visual programming, not limited to research on HTML5 and other exciting new Web functions.

4. The Essential Guide to HTML5: Using Games to learn HTML5 and JavaScript | HTML5 Game Development
Author: Jeanine Meyer

This book is suitable for developers who want to build dynamic and exciting websites through HTML5. This book is suitable for you if you have knowledge about programming and want to know What HTML5 can bring to you, or if you have no programming experience. This book will show new HTML5 features and mysterious programming art. Programming is an art, while developing interesting games and other applications requires talent.

5. Sergey's HTML5 & CSS3 Quick Reference (Chinese version not available yet)
Author: Sergey Mavrody.

This book is a technical dictionary suitable for professional web designers and developers. It summarizes HTML5 and CSS3 rules on over 3000 pages, covering the most common basic concepts and rules, includes tags, attributes, values, objects, attributes, methods, events, and APIs.
Topics include:
● HTML 5 Introduction.
● HTML5 and XTML5 syntax rules.
● The semantic structure of the document.
● Complete reference of HTML5 elements, attributes, and Web 2.0.
● Global attributes and events.
● A complete summary of CSS3 attributes.
● HTML5 APIs, including Canvas, SVG, Video, Audio, Web Workers, Web Sockets, Microdata, Geolocation, and Web Stroage.

6. HTML5 For Dummies Quick Reference (Chinese version not available)
Press: Wiley Publishing Inc

HTML is the preferred programming language for creating web pages, and HTML5 has all-new features. From this book, you will learn about a wide range of new media applications, geographic locations, databases, mobile capabilities, CSS and JavaScript applications, and how to use new canvas labels.
Book Overview:
● New tools supported by browsers.
● Media principles, including video tags.
● Added pseudo classes in CSS.
● ...... Remaining full text>
 
I am a basic newbie. I Want To systematically learn html5 and find the list or materials of all tags and attributes of html5.

If you do not have the HTML Foundation, check HTML4.0 + CSS2 first. HTML5 and CSS3 are based on which some new labels and attributes are extended. Here you can get started with www.w3school.com.cn/index.html