HTML5 study notes, html5
Google has supported Web SQL Database through SQLite in Chrome
Interface Description:
1. Open a database:
Var db = openDatabase ('mydb', '1. 0', 'test', 2*1024*1024, function (db ){});
Parameter description: Database Name
HTML5 standard learning-DOCTYPE and html5 standard doctype
The so-called DOCTYPE is initially the concept of XML, that is, using a specific syntax as a metadata to describe the elements that can appear in XML documents, and the composition and
Html5 postMessage implements cross-origin message transmission, html5postmessage
I. same-origin policy
To understand cross-origin, we must first know what the same-origin policy is. In this way, Baidu encyclopedia defines the Same origin policy: the
Crop an html5 uploaded Avatar and an html5 Avatar
In this example, HTML5 canvas is used to write the cropping effect of the uploaded avatar. You can drag and drop the uploaded avatar to crop it. Although the style is not easy to see, the function is
HTML5: Custom forms
HTML5 contains a variety of input boxes and buttons, which are implemented by setting the type attribute of the input element. In addition, HTML5 also supports selection of lists and multiple input boxes, these elements have
Use HTML5 to embed audio and video playback in webpages.
HTML5 features, including native audio and video support without Flash.
The HTML5 and tags make it easy to add media to the site. We only need to set the src attribute to identify media
HTML5 drag and drop instances, html5 dragDrag and Drop Related Properties
The draggable attribute is a global attribute of html5. It is one of the ways that html5 supports drag-and-drop operations. It is used to indicate whether an element can be
Seven CSS units that you may not know, css units
If you are a front-end development engineer, px and em are usually used frequently. However, the focus of this article today is to introduce some units that we seldom use or even hear about.I. Review
CSS3D effects and css33d flip Effects
The result is a light box on the right of this blog, from the webpack homepage (IE detour 0_0)
Github address: http://wjf444128852.github.io/demo02/css3/css3d/
Ideas:
1. The key is the two attributes of the
We recommend eight JavaScript libraries for SVG animation, svgjavascript.
SVG is a resolution-independent image (vector image ). This means that it will not suffer any quality loss on any type of screen. In addition, you canSVGFlexible animation
[HTML5] Canvas simple image rendering tutorial,
Get the Image object, new
Defines the src attribute of the Image object. Parameter: Image path
Defines the onload method of the Image object, and calls the drawImage () method of the context object.
Custom beautification Checkbox implemented by CSS3 and jQuery, css3jquery
:
Is it better than the default one, and the Personal Aesthetic should still be OK.
Of course, we can view the DEMO here.
Next, let's take a look at the source code for
Html5 tags are compatible with earlier browsers and html5 tags
As html5 (represented by h5 later) labels become more and more widely used, it is annoying that IE does not recognize h5 labels.
In Firefox, chrome, and other browsers, if you
Html5 touch screen events (touch events) on mobile phones [Switch], html5touch
Touchstart:Triggered when the touch starts
Touchmove:Triggered when the finger slides on the screen
Touchend:Triggered when the touch ends
Each touch event contains three
HTML5 learning notes 1 simple learning HTML5, html5 learning notesWhat is HTML?
HTML is a language used to describe web pages.
HTML refers to hypertext markup language:HYperTExtMArkupLAnguage
HTML is not a programming language, butMarkLanguage
Front-end HTML page structure: HTML page Structure
I have been working on the front-end for a year. During this period, I also designed some products because my goal was to program, so I declined some product-related tasks, I plan to focus on
DEMO of HTML5 flame text effects,
Effect display: http://hovertree.com/texiao/html5/26/:
Scan the QR code to view the effect:
Or follow the public account ihewenqi and send me or Zhang guorong to view the effect.The Code is as follows:
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service