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基础!!的更多相关文章

  1. html5基础的常用的技巧

    html5基础的常用的技巧 1. 新的Doctype声明 XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明. <!DOCTYPE html PUBLIC &quo ...

  2. HTML5基础知识及相关笔记

    HTML5基础 1.1HTML文件的基本结构和W3C标准 1.1.1HTML简介 HTML是一种描述网页的语言,一种超文本标记的语言! 1.1.2HTML文件的基本结构 头部(head) 头部是网页的 ...

  3. html5 基础入门

    html5 基础入门 前言介绍 HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML工作团队. 如果从狭 ...

  4. HTML5 基础测试题

          HTML5 基础测试题 1.HTML5 之前的 HTML 版本是什么?() A.HTML 4.01 B.HTML 4 C.HTML 4.1 D.HTML 4.9 2.HTML5 的正确 d ...

  5. HTML5基础——笔记

    HTML5基础——笔记 近几年来,互联网+.大数据.云计算‘物联网‘虚拟现实‘人工智能.机器学习.移动互联网等IT相关新名词.新概念层出不穷,相关产业发展如火如荼.互联网+移动互联网已经深入到人民日常 ...

  6. html5基础知识点

    1.WEB基础知识 1.WEB 与 Internet 1.Internet 互联网 若干台计算机 通过 网线 所连接而成的物理设备 主要服务: 1.Telnet 2.Email 3.WWW(Word ...

  7. html5基础知识

    html5+css3 html5定义很多简便东西和宽松语法:     文档头:         <!doctype html>     文档编码:         <meta cha ...

  8. HTML5 基础

    1.HTML5 简介 HTML5 是最新的 HTML 标准,他是万维网的核心语言.标准通用标记语言下的一个应用“超文本标记语言”. HTML 的上一个标准 HTML4.01 诞生于 1999年,他的第 ...

  9. HTML5基础学习

    分享一下html5的一些基础,小白上路! 一.html5基本结构 <!DOCTYPE html> ↑声明文档类型为HTML5文件. 文档声明,在HTML文档必不可少.且必须放在文档第一行 ...

  10. HTML5基础-新增标签+新增属性+布局案例

    html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figca ...

随机推荐

  1. 从零开始单排学设计模式「策略模式」黑铁 II

    阅读本文大概需要 1.7 分钟. 本篇是设计模式系列的第三篇,虽然之前也写过相应的文章,但是因为种种原因后来断掉了,而且发现之前写的内容也很渣,不够系统.所以现在打算重写,加上距离现在也有一段时间了, ...

  2. 跟繁琐的命令行说拜拜!Gerapy分布式爬虫管理框架来袭!

    背景 用 Python 做过爬虫的小伙伴可能接触过 Scrapy,GitHub:https://github.com/scrapy/scrapy.Scrapy 的确是一个非常强大的爬虫框架,爬取效率高 ...

  3. 第61节:Java中的DOM和Javascript技术

    Java中的DOM和Javascript技术 DOM是一门技术,是文档对象模型.所需的文档只有标记型文档,如我们所学的html文档(文档中的所有标签都封装成为对象了) DOM: 为Document O ...

  4. 第45节:Java当中的变量,面向对象

    Java当中的变量 01 Java当中的实例变量和类变量 什么是实例变量和类变量呢? 实例变量为没有用static修饰符修饰的变量,而类变量为用static修饰符修饰的变量. public class ...

  5. SpringMVC框架二:SpringMVC与MyBatis整合

    下面整合SpringMVC和MyBatis框架,并做一个小案例 创建数据库springmvc,并创建两张表,加入一些数据: 两张表:商品表,用户表 CREATE DATABASE springmvc; ...

  6. Fiddler修改请求、返回数据

    相信你们有听过说“绕过前端”,但是可能想不到要怎样才能绕过前端呢? 首先,我们要知道什么是绕过前端?比如:登录用户名限制数字.6位,用户在登录页面填写用户名符合要求,使用Fiddler作为代理,拦截登 ...

  7. 【翻译】JavaScript中5个值得被广泛使用的数组方法

    原文地址:http://colintoh.com/blog/5-array-methods-that-you-should-use-today?utm_source=javascriptweekly& ...

  8. NodeJS学习笔记 - Apache反向代理集成实现

    初学,简单的实现,为进行优化. 1. 假设NodeJS服务端监听3000端口 2. Apache反向代理设置 a. 在httpd.conf配置文件中开启代理模块 LoadModule proxy_mo ...

  9. 课程回顾-Structuring Machine Learning Projects

    正交化 Orthogonalization单一评价指标保证训练.验证.测试的数据分布一致不同的错误错误分析数据分布不一致迁移学习 transfer learning多任务学习 Multi-task l ...

  10. redis 系列2 知识点概述

    一.概述 Redis 是一个开源(BSD许可)的,内存中的数据结构存储系统,它可以用作数据库.缓存和消息中间件. 它支持多种类型的数据结构,如 字符串(strings), 散列(hashes), 列表 ...