/*这些都是前端面试中经常考到的内容，必须要掌握的*/

一、新的文档类型声明（ＤＴＤ）

1、ＨＴＭＬ５的DTD声明为：<!doctype html>或者<!DOCTYPE html>，此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。（重点：告诉浏览器按照何种规范解析页面）。

2、DTD：为浏览器声明一种渲染方式而使用的

3、在编写ＨＴＭＬ文档时，要求指定文档类型，以确保浏览器能在ＨＴＭＬ５的标准模式下进行渲染。文档声明写在整个ＨＴＭＬ页面的开始。

二、新增的HTML5标签

1、结构标签(块状元素）：是用来布局的标签

<article> 标记定义一篇文章
<header> 标记定义一个页面或一个区域的头部
<nav> 标记定义导航链接
<section> 标记定义区域
<aside> 标记定义页面内容部分的侧边栏
<hgroup> 标记定义文件中一个区域的相关信息
<figure> 标记定义一组媒体内容以及他们的标题
<figcaption> 标记定义figure元素的标题
<footer> 标记定义一个页面或一个区域的底部
<dialog> 标记定义一个对话框（会话框），类似微信

2、多媒体标签：使媒体的支持不在需要插件

<video> 标记定义一个视频
<audio> 标记定义音频内容
<suorce> 标记定义媒体资源
<canvas> 标记定义图片（用来直接在浏览器画图的）
<embed> 标记定义外部的可交互的内容或插件（如flash）

3、Web应用标签

<menu> 命令列表
<menuitem> menu命令列表标签FF（嵌入系统）
<command> menu标记定义一个命令
<meter> 状态标签（实时状态显示：气压、气温）C、O
<progress> 状态标签（任务过程：安装、加载）C、F、O
<datalist> 为input标记定义一个下拉列表，配合option F、O
<details> 标记定义一个元素的详细内容，配合dt、dd、C

4、注释标签

　　*成套使用

　　　　<ruby>:标记定义注释或音标

　　　　<rp>:告诉那些不支持ruby元素的浏览器如何去显示

　　　　<rt>:标记定义对ruby的注释内容文件

5、其他标签

　　　　<keygen>:标记定义表单里一个生成的键值（如密信息传送）O、F

　　　　<mark>:标记定义有标记的文本（黄色选中状态）

　　　　<output>:标记定义一些输出类型，计算表单结果配合oninput事件

　　　　<time>:标记定义一个日期/时间。目前所有主流浏览器都不支持

三、删除的HTML标签

1、纯表现的元素：

　　basefont、big、、center、font、s、strike、tt、u

2、对可用性产生负面影响的元素：

　　frame、frameset、noframe

3、产生混淆的元素：

　　acronym、applet、isindex、dir

四、重新定义的HTML标签

　　

HTML标签的改变的更多相关文章

  1. HTML5笔记1——HTML5的发展史及标签的改变

    记得第一次接触HTML5还是在<联信永益>实习那会儿(2011),当时一个项目技术选型的时候面临两种选择,分别是Silverlight和HTML5,那是用的最新的IE浏览器版本还是IE9, ...

  2. 标签（改变样式style）

    id可以换为class,class对应的名字可以多个一样 <div class="box">box1</div> <div class="b ...

  3. 【整合】input标签JS改变Value事件处理方法

    某人需要在时间控件给文本框赋值时,触发事件函数.实现的效果: 1.文本框支持手工输入,通过用户输入修改值,手工输入结束后触发事件.阻塞在于失去焦点后才触发(输入过程中不触发事件) 2.通过JS方法修改 ...

  4. s:textarea 标签不能改变大小的解决方案

    在s标签写的form中,无法利用rows="50" cols="75"来改变s:textarea大小,cssClass也不管用时: 直接用普通的textarea ...

  5. 小功能 HTML标签状态改变

    在编写程序得时候根据不同的业务需求会改变相应的标签的状态 今天介绍一下<a>标签状态的改变 当前业务场景为需要A标签的样式 即保留A标签的原有样式 在鼠标悬停得时候鼠标状态呈销售状 都知道 ...

  6. jquery点击事件后增加克隆的标签,并改变克隆的属性加入

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. 视频 embed标签动态改变Src的值，局部刷新播放其他视频的javascript方法

    看图: 视频处html代码: <div id="mod_player" class="mod_player"> <embed id=" ...

  8. input标签内容改变的触发事件

    ---恢复内容开始--- 1. onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发:onpropertychang ...

  9. html5标签的改变

    1.新的文档类型声明 浏览器解析html模式是有两种模式,按照各自浏览器的定义渲染的页面叫“怪异模式”,而按照w3c组织统一的标准渲染叫“标准模式”.一般都是使用标准模式来保持网页兼容性,区分这两种模 ...

随机推荐

  1. 转载 模板整理 by gc812

    http://www.cnblogs.com/gc812/p/5779789.html 上友链,不盗版 CC BY-NC-SA

  2. 小结：kmp

    复杂度: O(len(a)+len(b)) 技巧及注意: 在匹配的时候记住先要自身匹配然后再匹配即可,同时边界问题不能忽略,处理好点吧. #include <cstdio> #includ ...

  3. BZOJ4417: [Shoi2013]超级跳马

    Description 现有一个n行m列的棋盘,一只马欲从棋盘的左上角跳到右下角.每一步它向右跳奇数列,且跳到本行或相邻行.跳越期间,马不能离开棋盘.例如,当n = 3, m = 10时,下图是一种可 ...

  4. JavaScript验证正则表达式大全

    JavaScript验证正则表达式大全,搜集最全的JavaScript验证正则表达式,开始查看吧,这里的都是正则表达式的例子,具体和函数结合的使用方法,还请查看下篇文章<JavaScript使用 ...

  5. win7锁定到任务栏的路径在哪里

    You can find pinned apps in: %AppData%\Microsoft\Internet Explorer\Quick Launch\User Pinned\TaskBar ...

  6. Markdown基本用法

    Markdown基本用法 不同的编辑器对本文中的功能可能显示情况不一样,马克飞象可以完美支持和显示. 一.标题 h1标题 #h1标题 h1标题 h1标题 == h2标题 ##h2标题 h2标题 h2标 ...

  7. PHP 错误与异常 笔记与总结（8）自定义错误处理函数 set_error_handler()

    通过 Set_error_handler() 函数设置用户自定义的错误处理函数. 步骤: ① 创建错误处理函数 ② 设置不同级别调用函数 ③ Set_error_handler() 函数制定接管错误处 ...

  8. Python装饰器与面向切面编程

    今天来讨论一下装饰器.装饰器是一个很著名的设计模式,经常被用于有切面需求的场景,较为经典的有插入日志.性能测试.事务处理等.装饰器是解决这类问题的绝佳设计,有了装饰器,我们就可以抽离出大量函数中与函数 ...

  9. 数据库中MyISAM与InnoDB区别

    数据库中MyISAM与InnoDB区别 首页 » DIY技术区 » 数据库中MyISAM与InnoDB区别 09:57:40   MyISAM:这个是默认类型,它是基于传统的ISAM类型,ISAM是I ...

  10. ecshop 工作流程加载配置介绍

    ecshop 工作流程加载配置介绍 分类: ecshop2014-09-14 09:36 729人阅读 评论(2) 收藏 举报 模板引擎工作流 这里简单介绍下echsop工作流程: 首先,你会发现一般 ...