Home > Web Front-end > H5 Tutorial > body text

HTML5 study notes (1) - Understanding HTML5

黄舟
Release: 2017-03-16 15:32:23
Original
1486 people have browsed it

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!

Related labels:
source:php.cn
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
Popular Tutorials
More>
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!