HTML5学习，常用常记（浏览器，更新）

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>为 HTML 添加新元素</title><script>document.createElement("myHero")</script><style>myHero {display: block;background-color: #ddd;padding: 50px;font-size: 30px;} </style>
</head><body><h1>我的第一个标题</h1><p>添加新元素myHero。</p>    <myHero>我的第一个新元素</myHero><p>JavaScript 语句 document.createElement("myHero") 是为 IE 浏览器添加新的元素。</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <meta charset="utf-8"><title>渲染 HTML5</title><!--[if lt IE 9]><script src="https://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]-->
</head><body><p>Internet Explorer 8 及更早 IE 版本的浏览器不支持以上的方式。我们可以使用 Sjoerd Visscher 创建的 "HTML5 Enabling JavaScript", " shiv" 来解决该问题</p><h1>我的第一篇文章</h1><article>菜鸟教程 —— 学的不仅是技术，更是梦想！！！</article>
</body>
</html>

<canvas> 新元素

标签	描述
<canvas>	标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API

新多媒体元素

标签	描述
<audio>	定义音频内容
<video>	定义视频（video 或者 movie）
<source>	定义多媒体资源 <video> 和 <audio>
<embed>	定义嵌入的内容，比如插件。
<track>	为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。

新表单元素

标签	描述
<datalist>	定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
<keygen>	规定用于表单的密钥对生成器字段。
<output>	定义不同类型的输出，比如脚本的输出。

新的语义和结构元素

HTML5提供了新的元素来创建更好的页面结构：

标签	描述
<article>	定义页面独立的内容区域。
<aside>	定义页面的侧边栏内容。
<bdi>	允许您设置一段文本，使其脱离其父元素的文本方向设置。
<command>	定义命令按钮，比如单选按钮、复选框或按钮
<details>	用于描述文档或文档某个部分的细节
<dialog>	定义对话框，比如提示框
<summary>	标签包含 details 元素的标题
<figure>	规定独立的流内容（图像、图表、照片、代码等等）。
<figcaption>	定义 <figure> 元素的标题
<footer>	定义 section 或 document 的页脚。
<header>	定义了文档的头部区域
<mark>	定义带有记号的文本。
<meter>	定义度量衡。仅用于已知最大和最小值的度量。
<nav>	定义导航链接的部分。
<progress>	定义任何类型的任务的进度。
<ruby>	定义 ruby 注释（中文注音或字符）。
<rt>	定义字符（中文注音或字符）的解释或发音。
<rp>	在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
<section>	定义文档中的节（section、区段）。
<time>	定义日期或时间。
<wbr>	规定在文本中的何处适合添加换行符。

已移除的元素

以下的 HTML 4.01 元素在HTML5中已经被删除:

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>

HTML5学习，常用常记（浏览器，更新）相关推荐

CSS3学习，常用常记（渐变）
CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡. 以前,你必须使用图像来实现这些效果.但是,通过使用 CSS3 渐变(gradients),你可以减少下载的时间和 ...
CSS3学习，常用常记（文本效果，字体）
CSS3 的文本阴影 CSS3 中,text-shadow属性适用于文本阴影. 您指定了水平阴影,垂直阴影,模糊的距离,以及阴影的颜色: h1{text-shadow: 5px 5px 5px #FF ...
HTML5学习笔记（持续补充更新）
认识HTML .html和.htm进行命名html文档的后缀名都是一样的效果-----超文本标记语言 html:网页结构 CSS:描述样式 JavaScript: 实现页面交互效果 1.head标签 ...
高通平台学习----常用缩写（持续更新中）
缩写一英文首字符顺序排列 A APQ application processor qualcomn,高通应用处理器,实际就是没基带的soc ASM Ant_Switch Module 天线开关模块 B ...
DL：关于深度学习常用数据集中训练好的权重文件(Deeplab v3、MobileNet、InceptionV3、VGG系列、ResNet、Mask R-CNN )下载地址集合(持续更新)
DL:关于深度学习常用数据集中训练好的权重文件(Deeplab v3.MobileNet.InceptionV3.VGG系列.ResNet.Mask R-CNN )下载地址集合(持续更新) 目录基于 ...
Paper：机器学习、深度学习常用的国内/国外引用(References)论文参考文献集合(建议收藏，持续更新)
Paper:机器学习.深度学习常用的国内/国外引用(References)论文参考文献集合(建议收藏,持续更新) References 1.国外格式 [1] D. E. Rumelhart, G. E ...
HTML5学习笔记 —— JavaScript基础知识
HTML5学习笔记 -- JavaScript基础知识标签: html5javascriptweb前端 2017-05-11 21:51 883人阅读评论(0) 收藏举报分类: JavaScr ...
HTML5学习之语义化标签
一.为什么HTML5要引入新语义标签在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...
html5该怎么样学习？零基础入门HTML5学习路线
纵观近几年HTML5的发展可以看出,HTML5开发持续上涨,腾讯.微软.谷歌等国际互联网企业都将HTML5的研发与使用放在了重要的地位.目前全球有超过十亿台手机浏览器支持HTML5,而微信小程序的开放 ...

HTML5学习，常用常记（浏览器，更新）

<canvas> 新元素

新多媒体元素

新表单元素

新的语义和结构元素

已移除的元素

HTML5学习，常用常记（浏览器，更新）相关推荐

最新文章

热门文章