html5基础！！
A：HTML5 不基于 SGML，所以不需要引用 DTD；
B： HTML 4.01 基于 SGML，而HTML5不基于SGML；
DTD可定义合法的XML文档构建模块，它使用一系列合法的元素来定义文档的结构，它规定了标记语言的规则，这样浏览器才能正确地呈现内容。
<!DOCTYPE >声明要在html文档的第一行，位于<html>标签之前
<!DOCTYPE > 不是html的标签，它是在告诉浏览器，页面要使用哪个HTML版本进行编写的指令
常用的DOCTYPE声明有:
A：HTML4的Strict，该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font），不允许框架集（Framesets）；
B：HTML4的Transitional，该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font），不允许框架集（Framesets）；
C：HTML4的Frameset，该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容；
DTD可定义合法的XML文档构建模块，它使用一系列合法的元素来定义文档的结构，它规定了标记语言的规则，这样浏览器才能正确地呈现内容。
A：HTML5 不基于 SGML，所以不需要引用 DTD；
B： HTML 4.01 基于 SGML，而HTML5不基于SGML；
A：html5新增标签中的<nav>标签属于行块级标签；
B：html5新增的结构标签属于块级标签；
C：定义页面底部区域的标签是<footer></footer>；
D：定义页面的导航链接使用的标签是<nav></nav>
第一点：
header / section / aside / article / footer 这五个标签绝对不允许嵌套，不利浏览器搜索。
第二点：
header / section / footer 级别最高的，都是写在最外层，互不嵌套。再这三个里面再写：aside / article / figure / hgroup / nav 等标签。
以上标签都不建议嵌套使用，如需要嵌套，则可以使用我们亲爱的 <div></div>标签。
当前，video 元素支持三种视频格式:
Ogg MPEG4 WebM
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
--------------
video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式：
<video width="320" height="240" controls="controls">
<source src="/i/movie.ogg" type="video/ogg">
<source src="/i/movie.mp4" type="video/mp4">
Your browser does not support the video tag.不支持该标签则显示这些内容，支持则不会显示。
</video>
------------
属性：
autoplay="autoplay" 自动播放
controls="controls" 出现控制器 播放按钮等
width 宽度
height 高度
loop 循环次数
preload 预加载并播放，和页面同时加载。
src 播放视频的路径
<video>标签引入的视频需设置autoplay属性，打开页面后才可播放
<video>标签引入视频的宽和高可以通过width和height属性进行修改
===============
当前，audio 元素支持三种音频格式：
Ogg vorbis MP3 Wav
<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
属性：
autoplay="autoplay" 自动播放
controls="controls" 出现控制器 播放按钮等
loop 循环次数
preload 预加载并播放，和页面同时加载。
src 音频播放路径
===============
embed 标记外部可交互的内容或者插件，包括上面的音频视频，比如flash video audio 都可以使用该标签。
用法和上面的video audio 差不多。
<embed src="helloworld.swf" />
height 高度
width 宽度
src 引入插件的地址
type 定义引入内容的类型 embed标签定义嵌入的内容，比如插件、音视频等
embed标签如果定义视频文件，不需要设置autoplay属性，就能在页面加载后自动播放
如果嵌入音视频文件出现兼容性问题，可使用<audio>和<video>标签进行代替
=============================
<meter value="20" min="20" max="380" low="200" high="240" optimum="220"> </meter>
<meter value="0.75">75%</meter>
如下图：
value 表示当前值
min 表示最小值
max 最大值，不超过这个值
low ~ high 这是标准值，在这个范围内显示绿色条状，否则都是显示屎黄色，表示警告！
optimum 表示最佳的值
A：<abbr>标签定义缩写；
B：<colgroup>标签定义表格列的分组；
C：<command>标签定义命令按钮；
D：使用meter标签来度量给定范围内的数据；
---------------------
--------------------
datalist标签必须配合input标签进行使用
<input list="cars"> /*input用于输入信息，list用于绑定数据*/
<datalist id="cars">
<option value="别克"></option>
<option value="保时捷"></option>
<option value="捷豹"></option>
<option value="阿斯顿马丁"></option>
<option value="奥迪"></option>
</datalist>
---------------------------
<details >
<summary>我爱你</summary>
所发生的佛挡杀佛
</details>
details标签必须与summary（摘要，简介）标签 配合使用可以为 details 定义标题。标题是可见的，
属性：
open="open" 展开详细信息。定义 details 是否可见。
------------------------------
<ruby> 标签定义 ruby 注释（中文注音或字符）。
与 <ruby> 以及 <rt> 标签一同使用：
ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。
<p>
都看得到
<ruby>我
<rp>(</rp> /*支持ruby，则不显示，不支持则横向显示*/
<rt>wo</rt> /*发音，解释*/
<rp>)</rp> /*支持ruby，则不显示，不支持则横向显示*/
</ruby>
</p>
-------------
啊啊啊啊<mark>我爱你</mark>啊啊啊啊啊
---------------------
//oninput是一个函数
<form oninput="totalPrice.value=parseInt(price.value)*parseInt(number.value)">
<input type="text" id="price" value="5000"/>*
<input type="number" id="number" value="1"/>=
<output id="totalPrice" for="price number"></output>
</form>
把上面的id="price" 改成： <!-- 0<input type="range" id="price" value="5000" />100* --> <!-- 滑动指针：这里的input值只能0到100 -->
----------------
以上的所有增加的一些标签归类。
===============================================
HTML5是向下兼容的，使用这些标签也可以正常显示。
==================
html5基础！！的更多相关文章
- html5基础的常用的技巧
html5基础的常用的技巧 1. 新的Doctype声明 XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明. <!DOCTYPE html PUBLIC &quo ...
- HTML5基础知识及相关笔记
HTML5基础 1.1HTML文件的基本结构和W3C标准 1.1.1HTML简介 HTML是一种描述网页的语言,一种超文本标记的语言! 1.1.2HTML文件的基本结构 头部(head) 头部是网页的 ...
- html5 基础入门
html5 基础入门 前言介绍 HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML工作团队. 如果从狭 ...
- HTML5 基础测试题
HTML5 基础测试题 1.HTML5 之前的 HTML 版本是什么?() A.HTML 4.01 B.HTML 4 C.HTML 4.1 D.HTML 4.9 2.HTML5 的正确 d ...
- HTML5基础——笔记
HTML5基础——笔记 近几年来,互联网+.大数据.云计算‘物联网‘虚拟现实‘人工智能.机器学习.移动互联网等IT相关新名词.新概念层出不穷,相关产业发展如火如荼.互联网+移动互联网已经深入到人民日常 ...
- html5基础知识点
1.WEB基础知识 1.WEB 与 Internet 1.Internet 互联网 若干台计算机 通过 网线 所连接而成的物理设备 主要服务: 1.Telnet 2.Email 3.WWW(Word ...
- html5基础知识
html5+css3 html5定义很多简便东西和宽松语法: 文档头: <!doctype html> 文档编码: <meta cha ...
- HTML5 基础
1.HTML5 简介 HTML5 是最新的 HTML 标准,他是万维网的核心语言.标准通用标记语言下的一个应用“超文本标记语言”. HTML 的上一个标准 HTML4.01 诞生于 1999年,他的第 ...
- HTML5基础学习
分享一下html5的一些基础,小白上路! 一.html5基本结构 <!DOCTYPE html> ↑声明文档类型为HTML5文件. 文档声明,在HTML文档必不可少.且必须放在文档第一行 ...
- HTML5基础-新增标签+新增属性+布局案例
html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figca ...
随机推荐
- Redis安装和实际应用
上次介绍了Redis的来龙去脉以及相关一些情况,点击回顾<深入浅出Redis>,接下来我们再讲讲Redis的安装和实际应用. 一.Redis的安装 下载安装包,redis-3.2.9.ta ...
- 从HTTP/0.9到HTTP/2：一文读懂HTTP协议的历史演变和设计思路
本文原作者阮一峰,作者博客:ruanyifeng.com. 1.引言 HTTP 协议是最重要的互联网基础协议之一,它从最初的仅为浏览网页的目的进化到现在,已经是短连接通信的事实工业标准,最新版本 HT ...
- [NOI2009] 管道取珠
sum a[i]*a[i]可以理解为两个独立但同时进行的游戏得到同一个输出序列的方案数. 设f[l,i,j]为每个游戏都已经推出了l个珠子时,第一个游戏里上边儿的管道已经推出了i个,第二个游戏中上边儿 ...
- ASP.NET Core微服务+Tabler前端框架搭建个人博客2--系统架构
功能分析 在整个微服务架构的搭建过程中,我们需要做的第一步就是对服务进行拆分,将一个完整的系统模块化,通过对各个模块互联,共同完成一个系统的工作.既然要做到模块化,那么必须明白你的系统的需求到底是什么 ...
- SQL三表左关联查询
今天在开发的时候遇到了一个需求就是三遍关联查询,表A包含有表B和表C的uid,然后使用left join左关联查询: SELECT c.`uid`, `fromuseruid`, `touseruid ...
- Asp.NetCoreWebApi图片上传接口(二)集成IdentityServer4授权访问(附源码)
写在前面 本文地址:http://www.cnblogs.com/yilezhu/p/9315644.html 作者:yilezhu 上一篇关于Asp.Net Core Web Api图片上传的文章使 ...
- springMVC(2)---获取前段数据
springMVC(1)---获取前段数据 首先说明,如果你学过Struts2,那么在学springMVC就会简单很多,我也不最基础的开始写了,我前篇文章搭建了个ssm框架,算是springmvc入门 ...
- for循环输出漏斗的形状【java】
使用for循环语句输出以下“漏斗”效果: +------+ |\..../| | \../ | | \/ | | /\ | | /..\ | |/....\| +------+ 代码:(解决思路详见代 ...
- jvm详情——1、堆中存什么？栈中存什么？
数据类型 Java虚拟机中,数据类型可以分为两类:基本类型和引用类型.基本类型的变量保存原始值,即:他代表的值就是数值本身:而引用类型的变量保存引用值.“引用值”代表了某个对象的引用,而不是对象本身, ...
- 想入职阿里的Java开发者必看，阿里巴巴面试官实战经验分享！
最近社区Java技术进阶群的小伙伴总是会问,如何面试阿里Java技术岗,需要什么条件,做哪些准备:小编就这些问题找到了阿里技术团队中在一线真正带Java开发团队并直接参与技术面试的专家,分享了自身在筛 ...