【HTML5】基础教程
文章目录
- 一、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的浏览器:
- Firefox(火狐浏览器),
- IE9及其更高版本,
- Chrome(谷歌浏览器),
- Safari,
- Opera等;
- 国内的遨游浏览器(Maxthon),
- 以及基于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】基础教程相关推荐
- html5语言基础教程,HTML5基础教程,从入门到精通,零基础学HTML5
随着互联网的快速发展,对前端开发方面的人才需求越来越大,其中Web前端领域的HTML5也受到许多人追捧 HTML5是构建Web内容的一种语言描述方式.HTML5是互联网的下一代标准,是构建以及呈现互联 ...
- html5教程 w3cschool,W3Cschool学习笔记——HTML5基础教程
HTML5 建立的一些规则:新特性应该基于 HTML.CSS.DOM 以及 JavaScript. 减少对外部插件的需求(比如 Flash) 更优秀的错误处理 更多取代脚本的标记 HTML5 应该独立 ...
- HTML5 基础教程
文章目录 什么是 HTML5? HTML5 中的新内容 HTML5 - 新的属性语法 HTML5 - 新特性 HTML5 - 被删元素 什么是 HTML5? HTML5,它是目前最新的HTML标准: ...
- HTML5基础教程(21)Audio(音频)
文章目录 导语 互联网上的音频 浏览器支持 Audio如何工作 音频格式及浏览器支持 结语 导语 本篇文章将介绍HTML5 Audio(音频),它为我们提供了播放音频文件的标准. 互联网上的音频 直到 ...
- HTML5基础教程(20)Video(视频)
文章目录 导语 Web站点上的视频 浏览器支持 HTML5视频是如何工作的 视频格式与浏览器的支持 使用 DOM 进行控制 结语 导语 本篇文章将为各位读者介绍HTML5 Video(视频).现在几乎 ...
- html5基本页面结构,HTML 5 基础教程
HTML 5 基础教程 编辑 锁定 讨论 上传视频 <HTML5基础教程>是2018年1月由北京逐日传媒总策划,柳炳祥等主编,兵器工业出版社出版的艺术类图书教材. 书 名 HTML ...
- html5实践开发教程,HTML5基础与实践教程
HTML5基础与实践教程 语音 编辑 锁定 讨论 上传视频 <HTML5基础与实践教程>是2010年4月机械工业出版社出版的图书,作者是云翔,刘猛猛,欧阳植昊. 书 名 HTML5基 ...
- css点击a标签显示下划线_好程序员HTML5培训教程-html和css基础知识
好程序员HTML5培训教程-html和css基础知识,Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. Css ...
- html5教学文档笔记,4.HTML 教程- (HTML5 基础)
HTML 教程- (HTML5 基础) 1.HTML 标题 HTML 标题(Heading)是通过 - 标签来定义的. 2.HTML 段落 HTML 段落是通过标签 来定义的. 3.HTML 链接 H ...
- html5的基本工作原理,HTML5基础开发教程
HTML5基础开发教程 编辑 锁定 讨论 上传视频 <HTML5基础开发教程 >是2013年5月 出版的图书.主要面向高等院校学生,以及没有开发经验或者仅有少量程序设计基础的读者,因此书中 ...
最新文章
- NIPS论文排行榜出炉,南大周志华5篇论文入选
- 智能合约的48个应用场景介绍
- 一、LDAP目录服务介绍
- 最长不下降子序列 (O(nlogn)算法)
- 商汤科技62篇论文入选CVPR 2019!多个竞赛项目夺冠!
- XHTML 教程 续一
- java datediff函数_JPA Criteria 中 DATEDIFF 函数的使用
- 基于 Docker 中的 MongoDB 授权使用
- 【NLP之情感分析】华为云NLP算法专家:全面解读文本情感分析任务
- Spring Boot 项目优化和Jvm调优 (楼主亲测,真实有效)
- js判断传入时间和当前时间大小
- 安卓TV版二开对接苹果cms后台,原生Java前端
- 【Transformers】第 1 章:从Bag-of-Words到Transformer
- mysql gtid dump_MySQL之mysqldump备份的--set-gtid-purged参数
- Java学习之JDE下载,陆续更新
- python去中心化_EOS区块链dApp去中心化应用汇总
- 2021-01-19.湖人在两位数领先情况下被勇士逆转
- 嘴不笨来试试??太好玩儿了,看看谁厉害?
- Excel表格数据的导出方法
- 领夹直播麦克风常规的使用方法及方案说明
热门文章
- springBoot+thymeleaf框架实现cms内容管理和商城系统
- 使用HVScrollListView 超简单的实现类似股票列表的滑动
- MacBookPro 18款 连接上WiFi却无法上网
- 企业wms系统安装在云服务器,wms 云服务器 还是本地
- 详解电脑死机没反应怎么解决
- NLP专题直播 | 详谈Transformer, BERT, ALBERT, XLNet(ALBERT第一作者亲自讲解)
- Pyhton3网页爬虫查询快递状况
- vba 添加outlook 签名_调用Outlook发送邮件-附带签名
- windows 服务器使用量高导致网络异常
- cypress离线安装_新思、敦泰、汇顶/赛普拉斯触控ICD万能脱机烧录测试工具TP-TEST...