HTMLCSS学习笔记

 

改变的元素（Element）

以下元素在 HTML5 里的用法稍作修改以便能在 web 里更好的使用或者起到更大作用：

  1. 没有 href 属性的 a 元素将显示成一个占位符，而且 a 元素内部现在支持 flow content 类型的元素了（例如：article, input, span 等）。

  2. address 可以被 article, aside, nav, section 限定范围了，以前只能作用于全局范围。

  3. b 元素现在描述为在普通文章中仅从文体上突出的不包含任何额外的重要性的一段文本。例如：文档概要中的关键字，评论中的产品名。或者代表强调的排版方式。另外，根据 HTML5 的规范，标题文本应使用 <h1> 到 <h6>，强调文本使用 <em>，重要文本使用 <strong>，标记高亮文本使用 <mark>，其它方面的才使用 <b>。

  4. cite 是用来标明引言的，所谓引言，就是对一本书、一篇报告或其它出版的来源资料的引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题，HTML4 里该意思（一个人的名字）将不再适用。

  5. dl 元素表示为包含多个 name-value 的 group，不再仅仅表示为 HTML4 原来的意思。

  6. head 元素不再允许包含 object 子元素。

  7. hr 元素定义内容中的主题变化，并显示为一条水平线，不再仅仅是水平线的意思。

  8. i 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本，例如：一个分类名称，一个技术术语，一个外语中的谚语，一个想法等。或者代表斜体的排版方式

  9. label 元素，浏览器不再将焦点从 label 移动到控件上，除非底层的平台用户接口进行了标准化。

  10. menu 元素进行了重新定义，在 toolbars 和 context menus 下更有用。

  11. s 元素标记的内容不再是精确和重要的，不建议使用，建议使用 。

  12. small 元素将旁注呈现为小型文本，免责声明、注意事项、法律限制或版权声明的特征通常都是小型文本。小型文本有时也用于新闻来源、许可要求。对于由 em 元素强调过的或由 strong 元素标记为重要的文本，small 元素不会取消对文本的强调，也不会降低这些文本的重要性。

  13. strong 元素表示为重要的文本，而不再是语气更重的强调文本。

  14. u 元素表示下划线，内容是一段模糊不清的文本，或者是错误但是依然需要显示的文本，或者是专有名词（比如汉语词汇）。

改变的属性（Attribute）

li 元素的 value 属性重新启用，在 4.0 里被限制了，但 HTML5 里开始重新使用这个属性，同样 ol 的 start 属性也被重新启用了。注：value 值只是索引值，而不是排序值。

例如：

<figure>
 <figcaption>The top 10 movies of all time</figcaption>
 <ol>
  <li value="10"><cite>Josie and the Pussycats</cite>, 2001</li>
  <li value="9"><cite lang="sh">Црна мачка, бели мачор</cite>, 1998</li>
  <li value="8"><cite>A Bug's Life</cite>, 1998</li>
  <li value="7"><cite>Toy Story</cite>, 1995</li>
  <li value="6"><cite>Monsters, Inc</cite>, 2001</li>
  <li value="5"><cite>Cars</cite>, 2006</li>
  <li value="4"><cite>Toy Story 2</cite>, 1999</li>
  <li value="3"><cite>Finding Nemo</cite>, 2003</li>
  <li value="2"><cite>The Incredibles</cite>, 2004</li>
  <li value="1"><cite>Ratatouille</cite>, 2007</li>
 </ol>
</figure>

上面的代码也可以使用 ol 元素的 reversed 属性来实现：

<figure>
 <figcaption>The top 10 movies of all time</figcaption>
 <ol reversed>
  <li><cite>Josie and the Pussycats</cite>, 2001</li>
  <li><cite lang="sh">Црна мачка, бели мачор</cite>, 1998</li>
  <li><cite>A Bug's Life</cite>, 1998</li>
  <li><cite>Toy Story</cite>, 1995</li>
  <li><cite>Monsters, Inc</cite>, 2001</li>
  <li><cite>Cars</cite>, 2006</li>
  <li><cite>Toy Story 2</cite>, 1999</li>
  <li><cite>Finding Nemo</cite>, 2003</li>
  <li><cite>The Incredibles</cite>, 2004</li>
  <li><cite>Ratatouille</cite>, 2007</li>
 </ol>
</figure>

  • a 和 area 元素的 target 属性重新启用，因为在 web 程序里非常有用，比如和 iframe 一起使用。

  • script 和 style 元素的 type 属性不在是必须项，如果脚本是符合 ECMAScript 的，或者 style 语言是 CSS。

  • table 元素的 border 属性值，只允许设置为 "1" 或者空字符串。

  • 下面的一些属性依然允许使用，但是建议使用更好的替代方案：

  • script 元素的 language 属性使用的时候必须设置为 “JavaScript”（不区分大小写），并且不能和 type 属性冲突，用户可以忽略这个属性。

  • a 元素的 name 属性，用户可以使用 id 代替。

  • img 元素和其他所有元素的 width 和 height 属性不在允许设置值为百分比数字。

原文地址 https://www.cnblogs.com/TomXu/archive/2011/12/15/2269155.html