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属性不再允许设置值为百分比

时间： 2024-12-16 11:29:19

HTML5之废弃和更新的元素与属性的相关文章

HTML5初探——新增的表单元素和属性

HTML5初探--新增的表单元素和属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5 移动Web开发指南</title> <style type="text/css"> h1, h2, h3, h4, h5, h6 { text-align: center; } input { width: 4

HTML5初步——新的表单元素和属性

HTML5初步--新的表单元素和属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5 移动Web开发指南</title> <style type="text/css"> h1, h2, h3, h4, h5, h6 { text-align: center; } input { width: 45

本节讲的是表单元素的form,formaction属性,frommethod,formenctype属性,formtarget,autofocus属性,required,labels属性. 1.form属性在html4中,表单内的从属元素必须书写在表单内部,而在html5中,可以把他们书写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以指定该元素从属于指定表单了. 以往的写法: 1 <body> 2 <form id="testform&q

HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)

HTML5中的媒体元素除了拥有非常多的属性之外,video标签和audio标签还能够出发非常多事件和方法. 这些方法监控着不同的属性的变化,这些变化有可能是媒体播放的结果,也可能是用户操作媒体的结果. 以下就为大家開始介绍媒体元素的相关事件. abort:触发时机是下载中断. canplay:在能够播放的时候,readyState的值为2的时候触发. canplaythrough:readyState的值为3的时候,触发.播放能够继续,而应该不会中断的时候触发. canshowcurrentfr

HTML5实战与剖析之媒体元素(4、检测编解码器的支持和Audio构造函数)

HTML5媒体元素检测编解码器的支持情况虽然媒体元素可以实现音频和视频功能,但是并不是所有浏览器都支持video标签和audio标签的所有编解码器,这意味着开发人员必须提供很多歌媒体来源.在JavaScript API中能够检测浏览器是否支持某种格式和编解码器.这两个媒体元素都有一个canPlayType()方法,该方法接收一种格式/编解码器字符串,返回"probably"."maybe"或者""(空字符串).空字符串是假值,而"pr

html5新增表单元素和属性

从三方面来介绍html5表单的新特性表单结构更灵活要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只需在元素中加入form="form1"属性,也可提交到form元素指定的服务器地址 <body><form action="upload.php" method="post" accept-charset="utf-8" id="form1"&g

html5学习笔记(3)--主题结构元素-1

html5学习笔记(3)--主题结构元素-1 Article元素以下为对应代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <article> <header> <h1>极客学院</h

Html5学习笔记1 元素标签属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习笔记</title> </head> <body bgcolor="#90ee90"> 1.Html5的元素<br/><br/> 元素指的是从開始标签到结束标签的全部代码<

WPF中异步更新UI元素

XAML 界面很简单,只有一个按钮和一个lable元素,要实现点击button时,lable的内容从0开始自动递增. <Grid> <Label Name="lable_plus" Content="0"/> <Button Content="Button" Click="button_Click" Height="23" Name="button" Wid