First, h5 new tags
new Elements |
Description |
Video |
Represents a video and provides a playback user interface |
Audio |
Represents an audio |
Canvas |
Represents a bitmap region |
Source |
Provide a data source for video and audio |
Track |
Assign letters to video and audio |
Svg |
Defining vector graphs |
Code |
Code Snippets |
Figure |
Legend associated with the document |
Figcaption |
Description of the Legend |
Main |
Main content Area |
Time |
Date and time values |
Mark |
Highlighted reference text |
DataList |
Predefined options available to other controls |
Keygen |
Secret Key pair Builder control |
Output |
Calculated value |
Progress |
Progress bar |
Menu |
Menu |
Embed |
Embedded external resources |
MenuItem |
User-clickable menu items |
Menu |
Menu |
Template |
Declaration is a MODULE element |
Section |
Independent content blocks, you can use H1~h6 to form an outline that represents the structure of a document, or it can have chapters, headers, footers, or other parts of a header;
|
Nav |
Navigation bar Section Information |
Aside |
Auxiliary information related to label content outside of label content |
Article |
A special independent block that represents the core content of this posts page eyebrow. |
Footer/header |
Bottom Information/header information |
|
Second, CSS3 new properties
CSS3 is divided into modules, the most important modules include: selector, box model, background and borders, text effects, 2d/3d conversion, animation, multiple-column layout, user interface
Selector
Box model background and borders
Border-radius, Box-shadow, Border-image,
Background-size: Specify the size of the background picture
Background-origin: Specify the location area of the background picture
Background-clip: The plot area text effect that stipulates the background (commonly used)
Text-shadow: Setting text Shadows
Word-wrap: Force line Wrap
Word-break
CSS3 proposes @font-face rules that define font-family, Font-weight, Font-style, Font-stretch, SRC, unicode-range 2/3d conversions
Transform: Applying 2/3d transformations to elements
Transition: Transition Animation @keyframes Rules:
Animation, Animation-name, animation-duration and other user interface (commonly used)
Box-sizing, resize
CSS3 new Pseudo class
: Nth-child ()
: Nth-last-child ()
: Only-child
: Last-child
: Nth-of-type ()
: Only-of-type ()
: Empty
: Target this pseudo class allows us to select elements based on URLs, if the element has a recognizer (such as following a #), then target will add a style to the element that uses the ID recognizer.
: Enabled
: Disabled
: Checked
: not another label with some H5 no longer supported:
1. Acronym (recommended ABBR): Define Initials
2. Applet (Recommended object): Define Applet
3, Basefont (using CSS control)
4, big (using CSS control): Define large text
5, center (using CSS control): the definition of centered text
6, Font (using CSS control)
7, Strike (using DEL): Define strikethrough text
8, TT (using CSS control): The definition of typewriter text.
9, U (using CSS control): Define underlined text
10, FRAME (recommended iframe): Define a child window (frame).
11, Frameset: Define the set of the framework
12. Noframes: Define Noframe part
13, dir: Define directory List
14. XMP: Define preformatted text
15, Isindex: Define a single line of input fields