What are the benefits of HTML5 New and Old syntax tags?

Source: Internet
Author: User

Comments: As we all know, HTML is the greatest invention in the history of the Internet. HTML5 aims to improve it according to the current situation of the Internet. As we all know, HTML is the greatest invention in the history of the Internet. This Hyper Text Markup Language is actually a cornerstone of the development of modern Internet. It is centered on a unique self-sufficiency system.

When developing HTML5, its designers face some important issues and hope to solve them in HTML5. One problem is that you need to create a concise, clear, and easy-to-expand semantics. At present, the tricky part of this problem is that the old version of HTML was designed with diverse functions-a large number of various tags, which were considered to be some basic tags at the time, however, it has proved completely useless today. HTML5 aims to improve it based on the current Internet situation.

HTML5 new tag
The task that designers need to complete is to develop a richer and more meaningful semantics for HTML5-of course, it can be imagined that this new solution will be flexible and efficient, at the same time, it is compatible with all modern Internet standards. The following are some new tags to be added to HTML5.

<Article> mark and define an article
<Aside> mark and define the sidebar of the page content
<Audio> mark and define audio content
<Canvas> mark and define an image
<Command> mark and define a command button
<Datalist> mark to define a drop-down list
<Details> tag defines the details of an element
<Dialog> mark and define a dialog box (Session box)
<Embed> mark and define External Interactive Content or plug-ins
<Figure> the tag defines a set of media content and their titles.
<Footer> mark to define the bottom of a page or area
<Header> mark the header of a page or area
<Hgroup> mark the information about a block in the definition file.
<Keygen> mark a generated key value in the definition form
<Mark> mark defines the marked text.
<Meter> mark and define measurement within
Predefined range
<Nav> mark and define the navigation link
<Output> mark to define some output types
<Progress> mark the process of defining a task
<Rp> the tag is used in Ruby annotations to tell browsers that do not support Ruby elements how to display
<Rt> tag definition for ruby
Annotations
<Ruby> mark and define ruby annotations.
<Section> mark a region
<Source> mark and define media resources
<Time> mark to define a date/time
<Video> tag to define a video
We hope that all these tags will be truly "alive" and useful, rather than just a cool sign today.

HTML5 burden reduction-old Mark, never again...
Do you remember that in the old age, HTML3 was regarded as a magic thing that can only run in Netscape? Yes, that is the dawn of the Internet age. Of course we will not forget that history, but it is reasonable to say goodbye to some excellent but old things (especially when they are not considered so useful at the moment, or when no one pays attention to them ).

As a result, HTML5 designers have abolished some old tags, because these standards are only used by HTML geeks, and these tags are completely useless, the new HTML tags will not include them any more-I think we should thank these designers for that. After all, these marks are so old that we can imagine that 20 years later our children will think that only Shakespeare will use them in his fourteen poems. In any case, let's take a look at the Internet Museum (is there such a museum ?).

<Acronym> mark to define an acronym.
<Applet> mark and define an embedded applet.
<Basefont> tag specifies a default
Font-color, font-size, or font-family for all the text in a document.
<Big> tag is used to format the text one
Size bigger, and can be in relation to your <font> or
<Basefont> size, if you 've specified either one.
<Center> tag is used to center text.
<Dir> tag is used to list directory titles.
<Font> tag specifies the font face, font
Size, and font color of text.
<Frame> tag to define one participant window
(Frame) within a frameset.
<Frameset> tag defines a frameset.
Frameset element holds two or more frame elements. Each frame element
Holds a separate document.
<S> and <strike> tags
Define strikethrough text.
<Tt> tag is used for "typetype" text, or
Fixed-width typewriter-type font. Other than the different type style,
It has normal font characteristics
<U> tag is used to underline text.
These tags are basically useless (You may think there are several tags similar to the new ones in HTML5 ). Some of them were used in earlier versions of browsers, but they have lost their role, some other markup functions have been replaced by CSS functions (such as font and text style settings ).

Important issues about <DIV> tag
Replacing the <div> tag with the new tag is the main achievement of html5. This <div> tag is an important (still) tag in HTML4 and is widely used in HTML, but its semantics is too weak, it is useless to declare tasks in different blocks in the web organization structure. New HTML5 tags-such as <article>, <aside>, <nav>, <figure>,
What are the benefits to us?
There have been a lot of discussions about the value of new tags and semantics, and some people think that these semantics and the way they are presented do not make any sense-because they bring more complex code, creating the opportunity to use these new HTML code to make new mistakes. The value of HTML5's new syntax is to improve the interaction and collaboration between website users and these technologies, this is why the Internet is advancing.

The same principle-we should understand that, just as HTML5 makes us feel so cool, people have made a lot of effort on it and have high hopes for the development of the Internet in the next five years. Today, these new tags and semantics seem really great and we all like them, but don't forget that everything is constantly changing to adapt to people's needs, new language features must rely on the use of people and the extensive use of Internet communities-only in this way can simple new things become useful new things.

Related Article

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.