HTML5 study notes (1) - Understanding HTML5
What is HTML5?
HTML5 will become the new standard for HTML, XHTML, and HTML DOM.
The last version of HTML was created in 1999. The world of the Web has changed dramatically since then.
HTML5 is still a work in progress. However, most modern browsers already have some HTML5 support.
HTML5 New Rules:
- ##New features should be based on HTML, CSS, DOM and
JavaScript.
- Reduce the need for external plug-ins (such as Flash)
- Better
- More tags to replace scripts
- HTML5 should be device independent
- The development process should be transparent to the public
Some interesting new features in HTML5:
- Video and audio elements for media playback
- ##Better support for local offline storage
- New special content elements, such as article, footer, head
- er, nav, sectionNew form Controls
- , such as
calendar, date, time, email, url, search
Browser support
The latest versions of Safari,
Chrome, Firefox and Opera support some HTML5 features. Internet Explorer 9 will support certain HTML5 features.
HTML BasicsExplanation##1. Statement:
There are also many different versions of HTML. Only by fully understanding the exact HTML version used in the page can the browser display the HTML page completely correctly. This is where is used.HTML5:
<!DOCTYPE html>
HTML4.01:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML1.0:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
2.
HTMLBasic Tags
HTML tags are keywords surrounded by angle brackets, such as
HTML tags usually appear in pairs, such as
- ##The first tag in the tag pair is the opening tag, and the second tag is the closing tag
- Opening and closing tags are also called opening tags and closing tags
- Example: ## The text between describes the web page
<html><head></head><body><h1>My First title</h1><p>here is the first paragraph.</p></body></html>
- The one between is the head part
- # The text between ## and is visible. The page content
- The text between
and
is displayed as Title - The text between
and
is displayed as a paragraph - 3. HTML title
-
...
Wait for tag definition
3. HTML paragraph<!DOCTYPE html>
基础 标题1
标题2
标题3
标题4
标题5
标题6
这是我的第一个H5程序
Copy after login
Tag definition paragraph
4. HTML connection Tag definition connection<a href="www.baidu.com">找度娘</a>
5. HTML图像
标签定义图像
<img src="照片的路径, 可以是网络的, 可以是本地的">
The above is the detailed content of HTML5 study notes (1) - Understanding HTML5. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.
