HTML标签的改变
/*这些都是前端面试中经常考到的内容,必须要掌握的*/
一、新的文档类型声明(DTD)
1、HTML5的DTD声明为:<!doctype html>或者<!DOCTYPE html>,此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。(重点:告诉浏览器按照何种规范解析页面)。
2、DTD:为浏览器声明一种渲染方式而使用的
3、在编写HTML文档时,要求指定文档类型,以确保浏览器能在HTML5的标准模式下进行渲染。文档声明写在整个HTML页面的开始。
二、新增的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标签的改变的更多相关文章
- HTML5笔记1——HTML5的发展史及标签的改变
记得第一次接触HTML5还是在<联信永益>实习那会儿(2011),当时一个项目技术选型的时候面临两种选择,分别是Silverlight和HTML5,那是用的最新的IE浏览器版本还是IE9, ...
- 标签(改变样式style)
id可以换为class,class对应的名字可以多个一样 <div class="box">box1</div> <div class="b ...
- 【整合】input标签JS改变Value事件处理方法
某人需要在时间控件给文本框赋值时,触发事件函数.实现的效果: 1.文本框支持手工输入,通过用户输入修改值,手工输入结束后触发事件.阻塞在于失去焦点后才触发(输入过程中不触发事件) 2.通过JS方法修改 ...
- s:textarea 标签不能改变大小的解决方案
在s标签写的form中,无法利用rows="50" cols="75"来改变s:textarea大小,cssClass也不管用时: 直接用普通的textarea ...
- 小功能 HTML标签状态改变
在编写程序得时候根据不同的业务需求会改变相应的标签的状态 今天介绍一下<a>标签状态的改变 当前业务场景为需要A标签的样式 即保留A标签的原有样式 在鼠标悬停得时候鼠标状态呈销售状 都知道 ...
- jquery点击事件后增加克隆的标签,并改变克隆的属性加入
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 视频 embed标签动态改变Src的值,局部刷新播放其他视频的javascript方法
看图: 视频处html代码: <div id="mod_player" class="mod_player"> <embed id=" ...
- input标签内容改变的触发事件
---恢复内容开始--- 1. onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发:onpropertychang ...
- html5标签的改变
1.新的文档类型声明 浏览器解析html模式是有两种模式,按照各自浏览器的定义渲染的页面叫“怪异模式”,而按照w3c组织统一的标准渲染叫“标准模式”.一般都是使用标准模式来保持网页兼容性,区分这两种模 ...
随机推荐
- Codeforces 55D (数位DP+离散化+数论)
题目链接: http://poj.org/problem?id=2117 题目大意:统计一个范围内数的个数,要求该数能被各位上的数整除.范围2^64. 解题思路: 一开始SB地开了10维数组记录情况. ...
- 手把手教你 用 wpf 制作metro ProgressRing (Windows8 等待动画)
效果图: 还在羡慕metro的ProgressRing吗? wpf 也可以拥有 首先说下思路, 一共6个点围绕一直圆转,所以需要使用rotation动画 并且一直转下去. 那么下面的问题就好解决了. ...
- pygame系列_原创百度随心听音乐播放器_完整版
程序名:PyMusic 解释:pygame+music 之前发布了自己写的小程序:百度随心听音乐播放器的一些效果图 你可以去到这里再次看看效果: pygame系列_百度随心听_完美的UI设计 这个程序 ...
- OpenCV IplImage FlyCapture2 Image Conversion 两种图像类的相互转化
OpenCV的IplImag和 FlyCapture2 的 Image是两种常见的图片格式,在实际的应用中,我们通常要混合使用OpenCV和FlyCapture2这两个SDK,所以这两种图片格式之间的 ...
- 仿5173游戏交易平台系统SQL注入(可直接脱裤)+Getshell
最近没事登登好几年前玩过的游戏看看,发现有人喊高价收号,这一看就是骗子,这等骗子还想骗我?我就来看看这逗逼是怎么骗人的,结果发现这人给了一个说是 5173平台交易的网站,叫我直接把号的信息填上去然后填 ...
- java工程包的命名(-dev.jar,-javadoc.jar,jar)
1.-javadoc.jar 这个应该是一个doc包,就是API,相当于帮助文档,用来说明类.方法.静态变量 都是干什么的. 2.-dev.jar,.jar都有可能包含源码,也可能都不包含
- [转]ASP.NET 状态服务 及 session丢失问题解决方案总结
转自[http://blog.csdn.net/high_mount/archive/2007/05/09/1601854.aspx] 最近在开发一ASP.NET2.0系统时,在程序中做删除或创建文件 ...
- [转]IE11下Forms身份认证无法保存Cookie的问题
本文转自:http://www.cnblogs.com/jaxu/p/3698377.html ASP.NET中使用Forms身份认证常见的做法如下: 1. 网站根目录下的Web.config添加au ...
- MySQL数据库管理常用命令
参考: http://blog.linuxeye.com/419.html 安装 利用RPM包安装MySQL 设置TCP 3306端口的iptables root密码管理 设置root用户 ...
- 3种用组策略将域帐号加入本地管理员组的方法_jinifly_新浪博客
次当前系统域帐号是怎么在第一次登录时,自动加入域客户端本地管理员组的?我猜不外乎就是脚本.计算机策略或虚拟机初始化的自动应答脚本,结果系统的前任同事找到了答案--GPO的用户策略(确切讲是用户首选项) ...