首页  >  文章  >  web前端  >  HTML5学习笔记(一)-认识HTML5

HTML5学习笔记(一)-认识HTML5

黄舟
黄舟原创
2017-03-16 15:32:231509浏览

什么是 HTML5


HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

HTML5 新规则:


  • 新特性应该基于 HTML、CSS、DOM 以及 JavaScript

  • 减少对外部插件的需求(比如 Flash)

  • 更优秀的错误处理

  • 更多取代脚本的标记

  • HTML5 应该独立于设备

  • 开发进程应对公众透明

新特性


HTML5 中的一些有趣的新特性:

  • 用于绘画的 canvas 元素

  • 用于媒介回放的 video 和 audio 元素

  • 对本地离线存储的更好的支持

  • 新的特殊内容元素,比如 article、footer、header、nav、section

  • 新的表单控件,比如 calendardatetimeemail、url、search

浏览器支持


最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

HTML基础讲解


1. 声明:1a309583e26acea4f04ca31122d8c535

 HTML也有多个不同的版本, 只有完全明白页面中使用的确切HTML版本, 浏览器才能完全正确地显示HTML页面. 这就是1a309583e26acea4f04ca31122d8c535的用处.

 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. HTML基础标签 

  head, body

  • HTML 标签是由尖括号包围的关键词,比如 100db36a723c770d327fc0aef2ce13b1

  • HTML 标签通常是成对出现的,比如 a4b561c25d9afb9ac8dc4d70affff419 和 0d36329ec37a2cc24d42c7229b69747a

  • 标签对中的第一个标签是开始标签,第二个标签是结束标签

  • 开始和结束标签也被称为开放标签和闭合标签

  • <html><head></head><body><h1>My First title</h1><p>here is the first paragraph.</p></body></html>

  例: 

  • 100db36a723c770d327fc0aef2ce13b1 与 73a6ac4ed44ffec12cee46588e518a5e 之间的文本描述网页

  • 93f0f5c25f18dab9d176bd4f6de5d30e与9c3bca370b5104690d9ef395f2c5f8d1 之间的是head部分

  • 6c04bd5ca3fcae76e30b72ad730ca86d 与 36cc49f0c466276486e50c850b7e4956 之间的文本是可见的页面内容

  • 4a249f0d628e2318394fd9b75b4636b1 与 473f0a7621bec819994bb5020d29372a 之间的文本被显示为标题

  • e388a4556c0f65e1904146cc1a846bee 与 94b3e26ee717c64999d7867364b1b4a3 之间的文本被显示为段落

3. HTML标题

  4a249f0d628e2318394fd9b75b4636b1...4e9ee319e0fa4abc21ff286eeb145ecc等标签进行定义

<!DOCTYPE html>
    
    基础
    
    
    

标题1

标题2

标题3

标题4

标题5
标题6

这是我的第一个H5程序

3. HTML段落

  e388a4556c0f65e1904146cc1a846bee标签定义段落

4. HTML连接

  3499910bf9dac5ae3c52d5ede7383485 标签定义连接

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

5. HTML图像

  a1f02c36ba31691bcfe87b2722de723b标签定义图像

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


以上是HTML5学习笔记(一)-认识HTML5的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn