HTML5 the first anniversary of the final, talk about me and HTML5

Source: Internet
Author: User
Tags basic html page closing tag

The original learning html5&css3 just know some Html5 unique tags and CSS3 newly added features, I think this is HTML5. Later, when I chatted with the director of teaching and research, I found that I learned the method-using the table layout was a few years ago the old routine. Later in my study, I found that the layout of the table is not suitable for mobile, and there are many drawbacks, so think about it, I should re-recognize the HTML5.
The term HTML5 refers to a group of technologies that collectively form the future Open Network platform, also refers to the HTML5 specification.
The HTML5 specification is a unique unit that covers a limited set of features, including, for example, new HTML tags (<video><audio><canvas>), HTML is the standard language for creating pages on the Internet, and HTML5 is the latest version.
A basic HTML page is divided into several sections, usually with<body>, the new HTML5 specification adds some new parts, such as<nav><article><footer>......。 To my deep impression, HTML4 's full-length div tag is elusive, HTML5 try not to use a non-semantic container, so that each tag has its own unique meaning and functionality.

<! DOCTYPE html>

Used to declare pages as HTML5 documents.This is the tag, and the META element is used to illustrate the character encoding. Each HTML page requires a header () and the Body (<body>This is the most basic HTML5 page, generally intags, often provided to search engine information and style sheets, that is, CSS3 with each other, but also the possibility of loading JavaScript, but generally these are placed in</body>The label is over, because you can sometimes not make sure that your page is bound to load complete.
Next, let's take a closer look at each label.
   <title>Labels, usually placed intag, each HTML page must have a title. Headings are short, descriptive and unique. The title cannot have any formatting. The use of headings has played a big role in the indexing of search engines, and we should pay enough attention to the title element. Search engines will be based on 60 characters to intercept, the title of the words, the proposal to put the core content of the top 60, for the user to better experience.
HTML supports hierarchical heading H1-H6, the higher the number, the lower the level. The largest title h1, the text display is the largest, and will automatically change a line, H2 seat title, and so on, in order to facilitate different articles of different titles. HTML5 New tags haveUsed to mark successive layers of headings to illustrate the arrangement of the structure of the article in the browser.
Represents a paragraph using a tag<p>、</p>。 Put your paragraph in the tag, and the paragraph will be independent, that is, the paragraph will be changed before and after a line.
   <br>is to be used as a newline, and sometimes you will see<br />It does not have an end tag, so it is self-closing, it represents a newline, so there is no end tag to indicate that this is a newline, in HTML5, you can directly<br>This is used.
Use the header element to create a header for an area of the page that contains a set of introductory or guided content. You can use links in the header, or you can use multiple header elements in the page.
Earlier versions of HTML did not explicitly represent the elements of the area of the main navigation link, whereas HTML5 had an element, nav. A link to Nav can only be for other content on the page, or it can point to other pages and resources. Use the NAV element to include some of the link groups in the page.
The main element is a newly added element of HTML5, which, as its name implies, represents the main part of a page that can only be used once in a page.
Article element, another HTML5 added new element, used to add articles, defined in HTML5 is not limited to articles, posts, etc., is a container. In<article></article>You can add the content items you want, which can support nested operations.
The section element represents a generic chunk of a document or application. Section marks a "generic" chunk of a page that contains a set of content of similar topics. Sections and Artic differ in nature, making comparisons. The section is more organized and structurally stronger, while article represents a self-contained container.
The aside element, which is not strongly related to the main part of the page, is a sticky note bar, although it is often viewed as a sidebar, but depending on the specific situation we analyze its location and also the context.
The footer element, like the header element, can work where you want it, but generally as the footer at the bottom of the page, where the copyright notice, links to the Privacy Policy page, and so on are usually placed. Footer elements can be nested in its nearest article, aside, blockquote, body, details, fieldset, figure, NAV, section, TD elements, only it is nearest, is the entire page footer.
The copyright information for the small element tag page, which is included in the tag's small number one.
The strong element represents the importance of the content, and the font is bold.
The EM element represents the focus of the content, and the font is also bold. In HTML5, EM represents the only element of emphasis, and strong represents importance.
The figure element is used to create a diagram, Figcaption is its title, and is typically used to represent the chart that needs to be represented on the page.
The cite element indicates a reference or reference, and cite is used only to refer to the source itself, rather than to the content quoted from it, the default format uses italics. According to its semantics, the source words use cite, other cases such as speech and other references, then use the following two kinds of elements.
The blockquote element represents a single quote that exists. The browser indents the blockquote text by default.
The Q element is used for short quotes. In a sentence, for example, quote someone else's words. When used, the browser automatically quotes you.
The time element marks the times, dates, or time periods. The time element displays the times according to the text you have in the markup, which is when you use the DateTime attribute, and vice versa, and you have to format the time you want.
Abbr elements to explain abbreviations, use the title attribute to write out what you need to explain, and when the user pauses the mouse over a word tagged with the abbr element, the browser displays the title property in a prompt box.
The DFN element is used to define terminology. The subsequent use of terminology is no longer present, meaning that the DFN element is used at most once, the usage and abbr elements are the same, and the title property can be used.
The Sub/sup element creates subscript/superscript.
The addresss element is used to add author contact information. Address elements can represent not only addresses, but also e-mail, contact information, and so on. The information that is specified depends on where it appears.
The DEL element tag is no longer accurate and irrelevant, and the style on the browser is usually text plus a strikethrough.
The INS element edits the content of the page, and the style on the browser is usually underlined under the text. The above two elements can include both phrase content and block-level content elements.
The code element indicates that it is either a coded or a file name, and the default font is the equal width font.
The pre element is used in conjunction with the code element and can be used with preformatted text, meaning that you retain the formatting you have in an HTML document, which is ideal for displaying the elements of computer code.
Mark element, HTML5 new element, used to highlight the text, mark the keyword we want to highlight the text, the default style like the yellow highlighter across the same, causing the user's attention.
u element, HTML5 redefined the element, rich new semantics, a piece of text to add obvious non-textual annotations, is to mark the proper noun or misspelled words, the browser by default will underline the text.
The WBR element, HTML5, introduces a similar element for the BR element, representing a newline, which is also self-closing and is used in English, when the browser displays text to a line-wrapping element.
The meter element represents the value of a fraction or the result of a known range, and when the browser displays meter, it displays a color bar that represents the measurement.
The progress element represents the completion progress of a task. Depending on the properties, make the progress display different progress bars.
The IMG element inserts an image, a self-closing tag in the page,Where the picture you want is in the quotation marks. Using the Alt attribute, add a descriptive text to the image, and if your image is not displayed on the page for some reason, the text will be replaced with an image to render to the user. In the IMG tag, after the src attribute, input width= "x" height= "y" is the default unit is pixels, x for width, y for height, the image size of the property is not to change the original image, only changes the image display on the page effect.
A element is used to create links, links to the Web page to link together, in fact, this is the idea of the Internet at that time. Input<a href=”page.html”>, page.html is the URL of the target page, and clicking on it will go to another page, and on the A tab The browser will mark the URL that is linked to in the bottom left corner. A element can also apply block-level links that can nest most of the other elements in a tag, allowing these block-level elements to point to the target together. A marker also has a function of--anchor. As the name implies, you can guess its purpose, associating it with a pair of elements, a element using the "#" attribute value of the target ID, and another tag assigning a meaningful name to the anchor ID. This makes it possible to jump. A element can create a link to a variety of other types of URLs, or it can be any file.
Contact with so many tags, I believe you have been impressed with the HTML5 mark, the individual mark although some style, it is an old legacy problem, it is not recommended. The HTML5 tag represents the structure and wants a different presentation and layout, which requires CSS (cascading style sheets). CSS3 is currently the latest version, although it has not become a specification, but its many features can meet our needs.
CSS has three ways to add to the HTML5 page, the first is to make an external CSS file, and then link to the HTML5 page, the second is to add a pair of style tags to the page header (Head tag), define a series of CSS rules, The third is to add a style attribute to a single tag and add a CSS style to specify the display style.


HTML5 the first anniversary of the final, talk about me and HTML5

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.