Table of Contents
HTML5? " >What is HTML5?
HTML5 New Rules: " >HTML5 New Rules:
The latest versions of Safari,
Home Web Front-end H5 Tutorial HTML5 study notes (1) - Understanding HTML5

HTML5 study notes (1) - Understanding HTML5

Mar 16, 2017 pm 03:32 PM
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

    Error handling

  • More tags to replace scripts

  • HTML5 should be device independent

  • The development process should be transparent to the public

New Features


Some interesting new features in HTML5:

  • canvas# for drawing ## Elements

  • Video and audio elements for media playback
  • ##Better support for local offline storage
  • New special content elements, such as article, footer,
  • head
  • er, nav, section

    New form
  • Controls
  • , such as

    calendar, date, time, email, url, search

    Browser support

The latest versions of Safari,

Chr
ome, 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>
Copy after login

HTML4.01:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
Copy after login

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">
Copy after login

2.

HTMLBasic Tags

Head, body

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

  • <html><head></head><body><h1>My First title</h1><p>here is the first paragraph.</p></body></html>
    Copy after login
  • Example:
  • ## The text between describes the web page

    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

    <!DOCTYPE html>
        
        基础
        
        
        

    标题1

    标题2

    标题3

    标题4

    标题5
    标题6

    这是我的第一个H5程序

    Copy after login

    3. HTML paragraph
 

Tag definition paragraph

4. HTML connection

  Tag definition connection

<a href="www.baidu.com">找度娘</a>
Copy after login

5. HTML图像

  标签定义图像

<img src="照片的路径, 可以是网络的, 可以是本地的">
Copy after login


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!

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

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

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

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

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

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.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

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

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

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

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

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

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

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

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

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

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

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

See all articles