简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

HTML5 browser support

(*-*)浩
Release： 2019-10-23 15:47:35
Original
2404 people have browsed it

You can help older browsers process HTML5.

HTML5 browser support

HTML5 Browser Support

All modern browsers support HTML5. (Recommended learning: html tutorial)

In addition, all browsers, old and new, will automatically treat unrecognized elements as inline elements.

Because of this, you can help older browsers handle "unknown" HTML elements.

Note: You can even teach Stone Age IE6 how to handle unknown HTML elements.

Defining HTML5 elements as block-level elements

HTML5 defines eight new semantic HTML elements. All are block-level elements.

You can set the CSS display property to block to ensure correct behavior in older browsers:

Example

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}
Copy after login

Ask HTML Adding New Elements

You can add any new element to HTML via browser tricks:

This example adds a new element named to HTML, and Define the display style for it:

Instance

<!DOCTYPE html>
<html>
<head>
  <title>Creating an HTML Element</title>
  <script>document.createElement("myHero")</script>
  <style>
  myHero {
    display: block;
    background-color: #ddd;
    padding: 50px;
    font-size: 30px;
  } 
  </style> 
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<myHero>My First Hero</myHero>
</body>
</html>
Copy after login

The above is the detailed content of HTML5 browser support. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
html5
source：php.cn
Previous article：What is HTML5? Next article：HTML5 Canvas
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
Latest Articles by Author
Latest Issues
How do I get my image to appear on the page's main display? What I want to do is receive some photos using NASAAPI. These photos are then displayed on...
From 2024-04-06 15:33:12
0
1
433
Can PDF files run HTML5 and Javascript? I have a stupid idea to try and make a program that won't be blocked on any computer since...
From 2024-04-05 12:57:00
0
1
456
What is the difference between enctype and formenctype in HTML5? I'm just wondering what's the difference between the attributes enctype and formenctype in...
From 2024-04-02 11:47:56
0
1
275
Make the page mobile-friendly? I have many web pages and some websites. The thing is, I'm a beginner. I'm using basic htm...
From 2024-04-01 20:42:38
0
1
259
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！