Tag: 语义化预览模式: 普通 | 列表

下一代WEB开发标准HTML5

什么是 HTML5?

  HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

 

新特性、新标签

  HTML5 中的一些有趣的新特性:

  1. 新增用于绘画的 canvas 元素,结合JS在网页上绘制图形;
  2. 新增用于媒介回放的 video audio 元素,支持.ogg/.mp3/.wav/.mp4网络媒体文件格式;
  3. 新的特殊内容元素,比如 article、footer、header、nav、section,更利于WEB语义化;
  4. 新的表单控件,比如 calendar、date、time、email、url、search,增加了对非拉丁字符的支持;
  5. 对本地离线存储的更好的支持,微数据(标记内容以描述特定类型的信息)的引入;

此文甚佳,查看全文 »

Tags: html5 语义化

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4302

语义化你的HTML标签和属性

  分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记。换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题。

  首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标 签(markup)和属性(attribute)的用途和作用,很明显Hx系列看起来很像标题,因为拥有粗体和较大的字 号。<strong>,<em>用来区别于其他文字,起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。

此文甚佳,查看全文 »

Tags: 语义化

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3366