HTML5 +CSS3 First chapter study and notes

Source: Internet
Author: User

Dear classmates. As the owner of this edition. , I hope you can learn HTML5 shoes. No two days to update a study note and everyone to learn Html5 ....

Grammatical changes
1. New elements and abolished elements
2. New attributes and properties that are revoked
3. Global Properties


differences between HTML5 and 4: DOCTYPE, declaration, content type, encoding of characters, ellipsis of element tag, type of Boolean value, omission of quotation marks

One: The method of marking in HTML5
1 Content type:. html. htm
2DOCTYPE declaration: <! DOCTYPE html> ( case insensitive)
Use the system identifier <!doctype HTML system "about:legacy-conmpt>
3 Specifies the character encoding. <meta charset= "Utf-8" >
Two: Elements that can be omitted from the tag
1 Write end tag not allowed: area, base BR col command embed hr img input keygen meta param source track WBR
2 can be omitted: Li DT dd p RT RP optgroup option Colgroup thead tbody tr td th
3 can omit all: HTML head body colgroup tbody
Three: Boolean property: For example Disabled ReadOnly when a write-only property does not specify a property value, True is set to false for unspecified
write-only property does not write property value to True
do not write on behalf of false
Property Value = Property name is True
property is =null to True
Four: Ellipsis
input type= "text" type= ' text ' Type=text These three ways are OK


new elements and repealed elements
One: structural elements
Section : A chunk of content in a page. Can be combined with H1 and so on
artide: Separate content that is not related to the context of a page type piece of language
aside: Outside the contents of the upstairs. Ancillary information related to upstairs
Header: Content block or entire page title
Hgroup: Used in combination with upstairs
fotter: This page or a footnote to a content block in the page. Author. Date
nav: Part of the navigation link in the page
Figure : Represents a separate Liu content. Typically a separate unit in the document subject six content
Second: Other elements
VIDEP: Defining video
Audio: An element-defined sound
embed: Insert various multimedia. MP3
Mark: Displays the highlighted or highlighted text to the user on the video. Used for display in search results. Can Baidu. You'll understand.
Progress: Running Processes
meter: Measure value. The measure used for the maximum and minimum values. , Min/max
time: Represents the times and dates
ruby,rt: Interpretation and pronunciation of characters
used in Rp:ruby annotations. Definition of Unsupported
Canras: Represents a graphic or a canvas
Command: Commands button
Details: element. Information that users request and can get
DataList: Optional Data list. Combined with input. Making a drop-down list
keygen: Generate key
ment: List of menus
Third: The newly added input
Email: must be entered. You know O (∩_∩) o ha!
URL: A path
Rumber: A numeric value
Range: A range of values
Date: not explained. You know
Four: The repealed element
Basefont Big Center font s Strike TT u
The font element allows you to insert an S element with the WYSIWYG editor, and the strike element can be substituted with the Del element. TT element with font-family element
not using frame frame. Only the IFRAME framework is supported due to the negative impact
only some of the elements supported by the browser apples, bgsound blink marquee and so on. The applet element is replaced with a embed or an object element. The BGSOUND element is replaced with JS by the last of the audio element
other elements of abolition
Abolish RB elements
Repeal acronym elements
To revoke the dir element
Repeal Isindex Elements
Repeal listing elements
Abolishing XMP elements
Repeal NextID Elements
Repeal plaintext elements
Global Properties
contenteditable Whether the user is allowed to edit the contents of an element. True and False

<ignore_js_op>

<ignore_js_op>

1.jpg (15.98 KB, download count:)

Download attachments to Gallery

2011-7-31 19:38 Upload


          DesignMode The entire page is editable, one on. Off
          hidden properties Not yet understood
Span style= "font-size:large;" >          TabIndex keep hitting the tab control to get focus

Contact Us

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.