HomeProgramHTML

New elements in HTML5

Below is a list of new elements in HTML5 and describe how to use them.

New syntax / structure elements in HTML5

HTML5 brings new elements to better text structure.

Card DescriptionDefine an article. Define content next to page content Separating a text item can be formatted differently from the rest
More detailed definition for users to view or hide Definition dialog box or window Definition of description for element
Definition of self content containing Footer Definition for text (document) or text (section)
Define title for text or text section Definition for main content of the text Definition for the highlighted / highlighted text Definition of scalar measurement for a known rangeDefinition for navigation path Representing work progress Definition for what will show up in the browser without supporting ruby ​​notes. Definition to explain / pronounce characters (with East Asia) Definition for ruby ​​notes (with the word East Asia) Definition for a part in the text. Definition for the visible header of the element
Definition for date / time Definition for possible line breaks

New form elements in HTML5

Card Description Define a list of predefined options for input data Definition for calculation results

New input data types in HTML5

New input data typeAttribute type for new input data
  1. color
  2. date
  3. datetime
  4. datetime-local
  5. email
  6. month
  7. number
  8. range
  9. search
  10. tel
  11. time
  12. URL
  13. week
  1. autocomplete
  2. autofocus
  3. form
  4. formaction
  5. formenctype
  6. formmethod
  7. formnovalidate
  8. formtarget
  9. height and width
  10. list
  11. min and max
  12. multiple
  13. pattern (regexp)
  14. placeholder
  15. cần thiết
  16. step

HTML5 - New attribute syntax

HTML5 allows 4 syntax types for attributes.The example below shows the syntax types used in the tag

TypeExample Empty disabled> Don't quote value = John> Double quote value = "John Doe"> Quote value value = 'John Doe'>

In HTML5, all 4 syntaxes can be used, depending on what the attribute needs.

Graphics in HTML5

Card Description Draw graphics quickly through scripts (usually JavaScript) Draw resizable vector graphics

New multimedia elements in HTML5

Card Description
5 ★ | 1 Vote
HTMLHTML5

You should read it

May be interested

  • Multimedia - Multimedia formats in HTML5Multimedia - Multimedia formats in HTML5
    multimedia is a term about products created to run on many different devices. in web framework, multimedia includes text, image, video, audio, animation. websites often contain multimedia elements of different types and formats. learn about multimedia formats through this lesson.
  • HTML editor onlineHTML editor online
    online html editor supports html5, when you type the opening tag automatically generates a closed tag, can detect errors related to the syntax when you are editing with the square icon with the x mark right on the error code line.
  • Elements of the Form in HTMLElements of the Form in HTML
    this article introduces all the elements of the form used in html.
  • Computer code element in HTMLComputer code element in HTML
    elements used to display computer code data in the browser
  • Photoshop edit new imagesPhotoshop edit new images
    photoshop elements elements 7 and premier elements 7 are adobe's image processing software released on august 26 along with photoshop online storage.
  • Elements in HTMLElements in HTML
    the html element usually goes in pairs, including the opening tag, closing tag, and the content inside the two tags.
  • Standard format and code coding convention in HTML5Standard format and code coding convention in HTML5
    html5 has a free way to write, so to become a smart programmer, you need to create your own habit of writing the code properly so that others can easily understand and use your html code. find out with quantrimang.
  • How to Group (and Ungroup) Elements in CanvaHow to Group (and Ungroup) Elements in Canva
    if you need to move elements around your canva artboard, group them. grouping elements in canva not only saves time, but also keeps your designs spaced correctly.
  • Adobe Photoshop Elements 2019 is available on Windows 10Adobe Photoshop Elements 2019 is available on Windows 10
    windows 10 users still prefer to download applications from microsoft store that will be happy to hear that one of the very popular software is photoshop elements already available on this online application store.
  • Learn about Appear.inLearn about Appear.in
    appear.in is a sophisticated, intuitive and beautiful application, based on the google hangouts model. only html5. no flash. no plugins. no registration. there are no bullshit.

HTML