HTML5之废弃和更新的元素与属性
废弃的元素和属性
【1】标签替换
<acronym>
替代:<abbr>
<applet>
替代:<embed> 或 <object>
<big>
替代:<h1>或<strong>或<mark>
<dir>
替代:<ul>
<frame><frameset><noframes>
替代:CSS或<iframe>
<isindex>
替代:表单控件
<tt>
用<kbd>或<var>或<code>或<samp>替代
<u>
用<em>或<b>或<mark>替代
<xmp>
用<code>替代
【2】CSS替换
<basefont>
用CSS替代
<center>
用CSS替代
<font>
用CSS替代
<s><strike>
用CSS替代
【3】废弃的属性
<area>
nohref
<br>
clear
<li>
type
<table>
cellpadding
cellspacing
rules
summary
width
更新的元素和属性
【1】功能变化
<a>
没有href属性的<a>显示成一个占位符,且<a>元素内部支持flow content类型的元素
<address>
用<article>、<aside>、<nav>、<section>限定范围
<cite>
定义引用 => 用于对一本书、一篇报告或者其他出版的来源资料的引用。
<dl>
定义列表 => 表示包含多个name-value的group
<head>
不允许包含<object>子元素
<label>
浏览器不再将焦点从<label>移动到控件上
【2】语义变化
<b>
粗体文本 -> 在普通文章中仅从文体上突出的不包含任何额外重要性的一段文本。例如文档概要中关键字、评论中产品名。
根据HTML5的规范,标题文本使用<h1>-<h6>,强调文本使用<em>,重要文本使用<strong>,标记高亮文本使用<mark>,其他方面的才使用<b>
<hr>
水平线 -> 定义内容中的主题变化,并显示为一条水平线
<i>
斜体文本 -> 表示在普通文章中突出不同意见或语气或其他的一段文本。如一个分类名称、技术术语、谚语等。
<menu>
命令列表或菜单 -> 在toolbar和context menus下起作用
<small>
小号文本 -> 旁注,用于免责声明、注意事项、法律限制、版权声明等
<strong>
强调文本 -> 重要文本
【3】属性变化
<script>和<style>元素的type属性不是必须项
所有元素的width和height属性不再允许设置值为百分比
HTML5之废弃和更新的元素与属性的更多相关文章
- HTML5初步——新的表单元素和属性
HTML5初步--新的表单元素和属性 HTML5初步--新的表单元素和属性 <!DOCTYPE html> <html> <head> <meta chars ...
- [html5] 学习笔记-表单新增元素与属性
本节讲的是表单元素的form,formaction属性,frommethod,formenctype属性,formtarget,autofocus属性,required,labels属性. 1.for ...
- HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)
HTML5中的媒体元素除了拥有非常多的属性之外,video标签和audio标签还能够出发非常多事件和方法. 这些方法监控着不同的属性的变化,这些变化有可能是媒体播放的结果,也可能是用户操作媒体的结果. ...
- 疯狂的表单-html5新增表单元素和属性
疯狂的表单 2015/11/27 16:44:07 从三方面来介绍html5表单的新特性 表单结构更灵活 要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只 ...
- HTML5有语义的内联元素详解
HTML5有语义的内联元素详解 time标签 time 元素表示一个时间值,比如 5:35 P.M., EST, April 23, 2007.例如: Example Source Code:< ...
- HTML5 总结-表单-表单元素
HTML5 表单元素 HTML5 的新的表单元素: HTML5 拥有若干涉及表单的元素和属性. 本章介绍以下新的表单元素: datalist keygen output 浏览器支持 Input typ ...
- 疯狂html5演讲(两):HTML5简经常使用的元素和属性(一个):html5保留经常使用的元素
html5取出一小部分的元素和属性:主要删除的各种元素和属性与文档相关的风格.例<font>.width等待,html5建议规范css样式表来控制html文档样式. 1.基本元素 < ...
- HTML5新增与结构有关的元素
HTML5新增与结构有关的元素 1.section元素 2.article元素 3.aside元素 4.header元素 5.hgroup元素 6.footer元素 7.nav元素 8.figure元 ...
- HTML5可以省略结束标记的元素
HTML5可以省略结束标记的元素 1.dd 2.dt 3.li 4.p 5.optgroup 6.option 7.rt 8.rp 9.thread 10.tfoot 11.tr 12.td 13.t ...
随机推荐
- easyui的datagrid行的某一列添加链接
通过formatter方法给easyui 的datagrid 每行增加操作链接. 效果图 jsp代码: <th field="url" width="100&quo ...
- java基础5_数组
一 数组是一个多个相同数据的集合.数组的长度一旦定义,将不能改变.数组的下标是从0开始的,到数组的长度-1结束. 1.数组的声明,初始化 int[] a = new int[3]{1,2,3}; in ...
- Mac 识别NTFS移动硬盘
下载工具 TUXERA NTFS 2014
- Export GridView Data to Excel. 从GridView导出数据到Excel的奇怪问题解析
GridView导出函数内容如下 string attachment = "attachment; filename=Contacts.xls"; Respo ...
- UILabel实现自适应高宽
UILabel是iOS开发常用的控件.UILabel的属性需要了解,UILabel的特殊显示效果也需要我们掌握.UILabel自适应高宽度是很多初学者遇到的技术性难题.比如段文字,要让他完全地分行显示 ...
- AWIT DBackup 0.0.20 发布,备份系统
AWIT DBackup 0.0.20 修复了几个小 bug. AllWorldIT DBackup 是一个备份系统,为每个目录创建一个独立的压缩包,这更便于搜索. 特点: 使用 xz, bzip2, ...
- [Openwrt 项目开发笔记]:Openwrt平台搭建(一)
[Openwrt项目开发笔记]系列文章传送门:http://www.cnblogs.com/double-win/p/3888399.html 正文: 最近开始着手进行Openwrt平台的物联网网关设 ...
- 开始VS 2012 中LightSwitch系列的第1部分:表中有什么?描述你的数据
[原文发表地址] Beginning LightSwitch in VS 2012 Part 1: What’s in a Table? Describing Your Data [原文发表时间] ...
- 深入理解CSS弹性盒模型flex
× 目录 [1]版本更迭 [2]display [3]基本概念[4]伸缩容器[5]伸缩项目 前面的话 CSS3引入了一种新的布局模型——flex布局.flex是flexible box的缩写,一般称之 ...
- 两种include方式及filter中的dispatcher解析
两种include方式 我自己写了一个original.jsp,另外有一个includedPage.jsp,我想在original.jsp中把includedPage.jsp引进来有两种方式: 1.& ...