search

Home  >  Article  >  Web Front-end  >  HTML5 study notes (1) - Understanding HTML5

HTML5 study notes (1) - Understanding HTML5

黄舟
黄舟Original
2017-03-16 15:32:231515browse

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:1a309583e26acea4f04ca31122d8c535

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 1a309583e26acea4f04ca31122d8c535 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

Head, body

HTML tags are keywords surrounded by angle brackets, such as100db36a723c770d327fc0aef2ce13b1

  • HTML tags usually appear in pairs, such asc6c2c6d3769e57f20f4158910af81b7a

  • ##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>

  • Example:
  • ##100db36a723c770d327fc0aef2ce13b1 The text between 73a6ac4ed44ffec12cee46588e518a5e describes the web page

    93f0f5c25f18dab9d176bd4f6de5d30eThe one between 9c3bca370b5104690d9ef395f2c5f8d1 is the head part

  • # The text between ##6c04bd5ca3fcae76e30b72ad730ca86d and 36cc49f0c466276486e50c850b7e4956 is visible. The page content

  • The text between4a249f0d628e2318394fd9b75b4636b1 and 473f0a7621bec819994bb5020d29372a is displayed as Title

  • The text betweene388a4556c0f65e1904146cc1a846bee and 94b3e26ee717c64999d7867364b1b4a3 is displayed as a paragraph

  • 3. HTML title
  • 　4a249f0d628e2318394fd9b75b4636b1...4e9ee319e0fa4abc21ff286eeb145eccWait for tag definition

    <!DOCTYPE html>
    
    基础
    
    
    
    标题1
    
    
    标题2
    
    
    标题3
    
    
    标题4
    
    
    标题5
    
    
    标题6
    
    
    这是我的第一个H5程序

    3. HTML paragraph
　e388a4556c0f65e1904146cc1a846beeTag definition paragraph

4. HTML connection

　3499910bf9dac5ae3c52d5ede7383485 Tag definition connection

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

5. HTML图像

　　a1f02c36ba31691bcfe87b2722de723b标签定义图像

<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!

Statement：
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
Previous article：Detailed introduction of HTML5+CSS3 to realize drag-and-drop upload of images without plug-in (supports preview and batch)Next article：Detailed introduction of HTML5+CSS3 to realize drag-and-drop upload of images without plug-in (supports preview and batch)

Related articles

See more