What is the difference between html and html5-Front-end Q&A-php.cn

Table of Contents

1. The document type declaration is different

2. In terms of semantic structure

Home

Web Front-end

Front-end Q&A

What is the difference between html and html5

醉折花枝作酒筹

Apr 07, 2021 pm 01:46 PM

html html5

Difference: 1. In terms of document declaration, the html code is very long and difficult to remember; while the declaration of html5 is relatively simple, with the syntax "<!DOCTYPE html>". 2. HTML does not have structural semantic tags, but HTML5 has added many new semantic tags. 3. HTML5 can draw, but html cannot.

What is the difference between html and html5

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

1. The document type declaration is different

html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Copy after login

html5: The document declaration is relatively simpler and helps programmers to quickly Read and develop.

<!DOCTYPE html>

Copy after login

2. In terms of semantic structure

html:There is no structural semantic tag (in lay terms, it is inconvenient to read and does not tell you Where is the head, where is the tail)

html5:Added many semantic tags,

makes the code structure clear and improves the readability of the code.

The following are some semantic tags in HTML5:

< title></title>: short, descriptive, unique (improves search engine ranking)

<hn></hn>: h1~h6 hierarchical headings, used to create hierarchical relationships of page information.

<header></header>: The header usually includes the website logo, main navigation, site-wide links, and search box.

is also suitable for marking a set of introductory or navigational content within the page.

<nav></nav>: Mark navigation, only used for important link groups in the document.

<main></main>: The main content of the page, which can only be used once on a page. If it is a web application, surround its main functions.

<article></article>: Represents a document, page, application or an independent container.

<section></ section>: A group of content with similar themes. For example, the homepage of a website can be divided into sections such as introduction, news items, contact information, etc.

<aside></aside>: Specify the sidebar column, including quotes, sidebars, a set of links to articles, advertisements, friendly links, related product lists, etc.

<footer></footer>: Footer, only when the parent is body, is the footer of the entire page.

<small></small>: Specify the details and enter disclaimer, annotation, signature, and copyright. Use only for short phrases, not long legal statements such as "Terms of Use" or "Privacy Policy".

<strong></strong>: Indicates the importance of the content.

<em></em>: Mark the key points of the content (largely used to improve the semantics of paragraph text).

In HTML5, em is the only element that represents emphasis, while strong represents the degree of importance.

##: A block of text that reminds the reader for practical purposes and does not convey any additional importance

: Mark time. The datetime attribute follows a specific format. If this attribute is omitted, the text content must be in a legal date or time format. Times that are no longer relevant are tagged with s.

: Explanation of abbreviations. Use the title attribute to provide the full name, which is OK if used only on the first occurrence.

abbr[title]{ 
    border-bottom:1px dotted #000;
 }

Copy after login

: Definition term element, which must be immediately adjacent to the definition, can be used in the description list dl element.

: Contact information (email address, link to contact page) for the author, person or organization. If you provide the author contact information for the entire page, it is usually placed in the page-level footer. It cannot contain documents or other content such as documents.

: Mark code. Contains sample code or file names (< > )

: Preformatted text. Preserves text's inherent line breaks and spaces.

3.html5 drawing function<strong></strong>

1) canvas

Before HTML5, web front-end developers could not draw pictures dynamically on HTML pages . HTM5 adds a new

• Step 1: Get the

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn