Summary of HTML5 semantic tag introduction

Although the new semantic tags of HTML5 have many benefits, there are still compatibility issues in older versions of IE browsers. It often makes people feel headaches. Should they boldly use new tags or use traditional and large-scale tags? DIV meaningless tag? Today we will briefly take a look at the compatibility of H5 new tags. First, let’s look at a small piece of simple code: HTML code: Test H5 new tag compatibility &nb

1. Detailed introduction to the compatibility processing of HTML5 new tags (picture)

Introduction: Although the new semantic tags of HTML5 have many benefits, there are still compatibility issues in older versions of IE browsers, which often make people feel headaches. Is it better to boldly use the new tags? Or use a large number of traditional DIV meaningless tags? Today we will briefly take a look at the compatibility of H5 new tags.

2. HTML5 semantic tag introduction

##Introduction: In the HTML5 standard, several new tags are added to add page semantics. These tags include: article, section, nav, and aside, etc. Unlike most other tags, the browser only treats them as ordinary div block-level elements when interpreting and rendering these tags, without adding any additional presentation logic; that is, these tags are only used to add semantics. For web developers, use these tags

3. About the practice of HTML5 semantic tags (blog page)

Introduction: I made a blog page using HTML5+CSS3. The overall effect layout is as follows: The page layout is based on html5 elements. So it’s important to familiarize yourself with HTML5 elements before getting started, and then check whether its semantics fit your layout. The HTML5 Structure One thing is very important. When writing HTML5 code, do not simply use the tag with the tag in html5

##4. Methods of html/css application

Introduction: Some issues that should be paid attention to in semantic tags: 1. Use as few semantic tags div and span as possible; 2. Do not use pure tags Style tags, such as b, font and u, etc., use css settings instead. Text that needs to be emphasized semantically can be in the strong or em tag. ...,.

5. jQuery study notes operation jQuery object attribute processing_jquery

Introduction: HTML documents not only have a series of Semantic tags, each tag also has a series of attribute nodes. Naturally, we also want to operate these attribute nodes. The format is still $(selector). Method ##6.

Markup language - phrase element_HTML/Xhtml_Web page production

#Introduction: Click here to return to the HTML tutorial column of the web teaching network. Above: Markup language - source of form text Chapter 6 , and other phrase elements In the introduction and previous chapters, the concept of semantic tags has been slightly mentioned, using tags to identify meanings for files, Instead of simply setting the display effect with tags. After designing

[Related Q&A recommendations]:

HTML5 added semantic tags (elements )has no meaning?