html5文档中基本结构包括,HTML5 || H5概述及文档基本结构

- 功能:

一、核心:由W3C官方规范组成,设计新的语义元素、新增的web表单、音频、视频、以及经过JavaScript绘图的Canvas;html

二、曾经的html5标准:来自最初的html5规范、其中大多数功能须要JavaScript且支持富web应用开发;好比:本地数据存储、离线应用和消息传递‘前端

- 特色:

一、向下兼容:XHTML2.0遵循严格模式,对有错误的html文件没法正常显示,而html5实现“不破坏we“的原则。能够兼容不一样版本的HTML存在的问题,而且支持向下兼容;html5

二、用户至上:HTML5遵循用户至上的原则。为用户提供完美的网页内容;web

三、化繁为简:以浏览器的原生能力代替复杂的JavaScript;DOCTYPE 被简化到极致;字符集声明被简化;简单强大的API;编程

四、无插件范式:在HTML5 出现以前,不少功能只能经过插件或hack(如绘图API)来实现,但HTML5原生提供了这些支持。使用插件有不少问题,如:浏览器

(1).插件安装容易失败;ruby

(2).插件被浏览器或软件禁用屏蔽(如Flash 插件);编程语言

(3).插件常常会被爆出漏洞被利用攻击;svg

(4).插件不容易与HTML 文档其余部分集成(好比总体透明化等)。学习

五、访问通用性:

(1).可访问性:好比更加利于残障人士的阅读方案;

(2).媒体中立:好比HTML5 的媒体播放在不一样设备或平台均能正常运行;

(3).支持全部语种:好比新元素。

六、引入原生媒体支持和可编程内容

HTML5 支持在浏览器中直接播放视频和音频文件,之前都须要借助插件才能实现此类功能;引入了须要经过JavaScript 编程才能彻底的各类效果,而这些不少都是HTML5 原生的

基本格式

文档结构:

//文档声明类型 文档为Html

//表示文档开始 lang声明文本的语言

//声明文档的编码格式

//文档的标题栏

//包含文档元数据结束

文档结构分析:

1.Doctype:文档类型声明(Document Type Declaration,也称Doctype)。它主要告诉浏览器所查看的文件类型。在以往的HTML4.01 和XHTML1.0 中,它表示具体的HTML 版本和风格。而现在HTML5 不须要表示版本和风格了。

//不分区大小写

2.html 元素:首先,元素就是标签的意思,html 元素即html 标签。html 元素是文档开始和结尾的元素。它是一个双标签,头尾呼应,包含内容。这个元素有一个属性和值:lang=”zh-cn”,表示文档采用语言为:简体中文。

//若是是英文则为en`

3.head 元素:用来包含元数据内容,元数据包括:、、、

4.meta 元素:该元素用来提供关于文档的信息,起始结构有一个属性为:charset=”utf8”。表示告诉浏览器页面采用的什么编码,通常来讲咱们就用utf-8。固然,文件保存的时候也是utf-8,而浏览器也设置utf8 便可正确显示中文。

//除了设置编码,还有别的

5.title 元素:该元素很简单,设置浏览器左上角的标题。

标题

6.body 元素:用来包含文档内容的元素,也就是浏览器可见区域部分。全部的可见内容,都应该在这个元素内部进行添加。

HTML5是近几年前端开发很是火的编程语言,其新特性给开发者带来了很是多的便利。同时,不一样浏览器厂商对HTML5的支持,使得这门语言受到了愈来愈多的开发者的青睐。本人也一直没有放弃过学习,博客记录本身的学习状况,顺便分享出来,与你们一块儿讨论,一块儿进步。本人仍是前端开发领域的一个小学生,错误不免,欢迎各位评论纠错交流!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值