文章目录

  • 一、HTMl5发展史
  • 二、HTMl5浏览器兼容性
  • 三、HTMl5语法
    • 3.1、 内容类型(ContentType)
    • 3.2、 DOCTYPE声明
    • 3.3、 不区分大小写
    • 3.4、 指定字符集编码
    • 3.5、 可省略标记的元素
    • 3.6、 省略引号
  • 四.HTMl5新增语义化标签

一、HTMl5发展史

  • 2004年
  • HTML5草案的前身名为 Web Applications 1.0由WHATWG(网页超文本应用技术工作小组)提出
  • 2007年
  • 被W3C接纳,并成立了新的 HTML 工作团队
  • 2008年1月22号
  • HTML 5 的第一份正式草案公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
  • 2012年12月17号
  • 万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“开放的HTML5是Web网络平台的奠基石。”
  • 2013年5月6号
  • HTML 5.1正式草案公布。该规范定义了第五次重大版本,第一次要修订万维网的核心语言:超文本标记语言(HTML)。在这个版本中,新功能不断推出,以帮助Web应用程序的作者,努力提高新元素交互操作性。

二、HTMl5浏览器兼容性

支持Html5的浏览器

  1. Firefox(火狐浏览器),
  2. IE9及其更高版本,
  3. Chrome(谷歌浏览器),
  4. Safari,
  5. Opera等;
  6. 国内的遨游浏览器(Maxthon),
  7. 以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹 浏览器等国产浏览器同样具备支持HTML5的能力。

三、HTMl5语法

3.1、 内容类型(ContentType)

HTML5的文件扩展符与内容类型保持不变,仍然为".html"或".htm"。

3.2、 DOCTYPE声明

<!DOCTYPE html>

3.3、 不区分大小写

3.4、 指定字符集编码

<meta charset="UTF-8"> <!--国际编码-->

3.5、 可省略标记的元素

不允许写结束标记的元素:br、col、embed、hr、img、input、link、meta
可以省略结束标记的元素:li、dt、dd、p、option、colgroup、thead、tbody、tfoot、tr、td、th
可以省略全部标记的元素:html、head、body、colgroup、tbody

3.6、 省略引号

属性值可以使用双引号,也可以使用单引号

四.HTMl5新增语义化标签

<section>表示网页中的一部分或一块---div</section>
<header id="header">表示网页中的头部或某个模块中的头部</header>
<nav><a href="#"></a><a href="#"></a><a href="#"></a>
</nav>
<article>表示一块与上下文无关的独立内容</article>
<aside>在article之外对article进行辅助描述</aside>
<figure><!--表示一段独立的流内容--><figcaption>为其添加标题(第一个或最后一个子元素的位置)</figcaption><img src="images/bg.jpg" alt="">
</figure><dialog open>定义对话框或窗口。</dialog><!--属性open规定 dialog 元素是活动的,用户可与之交互。 <dialog open>这是打开的对话窗口</dialog>-->
<canvas width="500px" height="500px">画布</canvas><!--
用于图形的绘制,通过脚本 (通常是JavaScript)来完成.
<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。-->
<footer id="footer">表示网页中底部或者某个模块中的底部</footer>

【HTML5】基础教程相关推荐

  1. html5语言基础教程,HTML5基础教程,从入门到精通,零基础学HTML5

    随着互联网的快速发展,对前端开发方面的人才需求越来越大,其中Web前端领域的HTML5也受到许多人追捧 HTML5是构建Web内容的一种语言描述方式.HTML5是互联网的下一代标准,是构建以及呈现互联 ...

  2. html5教程 w3cschool,W3Cschool学习笔记——HTML5基础教程

    HTML5 建立的一些规则:新特性应该基于 HTML.CSS.DOM 以及 JavaScript. 减少对外部插件的需求(比如 Flash) 更优秀的错误处理 更多取代脚本的标记 HTML5 应该独立 ...

  3. HTML5 基础教程

    文章目录 什么是 HTML5? HTML5 中的新内容 HTML5 - 新的属性语法 HTML5 - 新特性 HTML5 - 被删元素 什么是 HTML5? HTML5,它是目前最新的HTML标准: ...

  4. HTML5基础教程(21)Audio(音频)

    文章目录 导语 互联网上的音频 浏览器支持 Audio如何工作 音频格式及浏览器支持 结语 导语 本篇文章将介绍HTML5 Audio(音频),它为我们提供了播放音频文件的标准. 互联网上的音频 直到 ...

  5. HTML5基础教程(20)Video(视频)

    文章目录 导语 Web站点上的视频 浏览器支持 HTML5视频是如何工作的 视频格式与浏览器的支持 使用 DOM 进行控制 结语 导语 本篇文章将为各位读者介绍HTML5 Video(视频).现在几乎 ...

  6. html5基本页面结构,HTML 5 基础教程

    HTML 5 基础教程 编辑 锁定 讨论 上传视频 <HTML5基础教程>是2018年1月由北京逐日传媒总策划,柳炳祥等主编,兵器工业出版社出版的艺术类图书教材. 书    名 HTML ...

  7. html5实践开发教程,HTML5基础与实践教程

    HTML5基础与实践教程 语音 编辑 锁定 讨论 上传视频 <HTML5基础与实践教程>是2010年4月机械工业出版社出版的图书,作者是云翔,刘猛猛,欧阳植昊. 书    名 HTML5基 ...

  8. css点击a标签显示下划线_好程序员HTML5培训教程-html和css基础知识

    好程序员HTML5培训教程-html和css基础知识,Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. Css ...

  9. html5教学文档笔记,4.HTML 教程- (HTML5 基础)

    HTML 教程- (HTML5 基础) 1.HTML 标题 HTML 标题(Heading)是通过 - 标签来定义的. 2.HTML 段落 HTML 段落是通过标签 来定义的. 3.HTML 链接 H ...

  10. html5的基本工作原理,HTML5基础开发教程

    HTML5基础开发教程 编辑 锁定 讨论 上传视频 <HTML5基础开发教程 >是2013年5月 出版的图书.主要面向高等院校学生,以及没有开发经验或者仅有少量程序设计基础的读者,因此书中 ...

最新文章

  1. NIPS论文排行榜出炉,南大周志华5篇论文入选
  2. 智能合约的48个应用场景介绍
  3. 一、LDAP目录服务介绍
  4. 最长不下降子序列 (O(nlogn)算法)
  5. 商汤科技62篇论文入选CVPR 2019!多个竞赛项目夺冠!
  6. XHTML 教程 续一
  7. java datediff函数_JPA Criteria 中 DATEDIFF 函数的使用
  8. 基于 Docker 中的 MongoDB 授权使用
  9. 【NLP之情感分析】华为云NLP算法专家:全面解读文本情感分析任务
  10. Spring Boot 项目优化和Jvm调优 (楼主亲测,真实有效)
  11. js判断传入时间和当前时间大小
  12. 安卓TV版二开对接苹果cms后台,原生Java前端
  13. 【Transformers】第 1 章:从Bag-of-Words到Transformer
  14. mysql gtid dump_MySQL之mysqldump备份的--set-gtid-purged参数
  15. Java学习之JDE下载,陆续更新
  16. python去中心化_EOS区块链dApp去中心化应用汇总
  17. 2021-01-19.湖人在两位数领先情况下被勇士逆转
  18. 嘴不笨来试试??太好玩儿了,看看谁厉害?
  19. Excel表格数据的导出方法
  20. 领夹直播麦克风常规的使用方法及方案说明

热门文章

  1. springBoot+thymeleaf框架实现cms内容管理和商城系统
  2. 使用HVScrollListView 超简单的实现类似股票列表的滑动
  3. MacBookPro 18款 连接上WiFi却无法上网
  4. 企业wms系统安装在云服务器,wms 云服务器 还是本地
  5. 详解电脑死机没反应怎么解决
  6. NLP专题直播 | 详谈Transformer, BERT, ALBERT, XLNet(ALBERT第一作者亲自讲解)
  7. Pyhton3网页爬虫查询快递状况
  8. vba 添加outlook 签名_调用Outlook发送邮件-附带签名
  9. windows 服务器使用量高导致网络异常
  10. cypress离线安装_新思、敦泰、汇顶/赛普拉斯触控ICD万能脱机烧录测试工具TP-TEST...