HTML, HyperText Markup Language OR How To Make Love 的缩写, 被用来编写网页.
HTML 的版本发展得很快, 现在的最新版本是 HTML5了. 很多人都发表了对 HTML5 的看法,我也来说说我对HTML5的看法,以及和XHTML的比较.
我说的 HTML5 是狭义HTML5, 也就是那个标记语言,而不是那些可以火拼 Flash 的特效.
先来看看淘宝网的头部.
<!doctype html> <html> <head> <meta charset="gbk" /> <title>淘宝网 - 淘！我喜欢</title> |
对比下支付宝.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>支付宝 - 网上支付 安全快速！</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> |
这里就是个标准的 HTML5 的开头.
可以看到,淘宝代码简洁了许多~淘宝网就是 HTML5 的页面了.
HTML5 新功能: 新的标记代码.
HTML 的任何一个标记,基本由3部分组成.<容器 属性="属性值">. HTML5 里面提到了新的容器,属性,属性值.当然,属性和值有时候可以省略.
容器:HTML里出现了新的容器如 header, nav, hgroup, article 等, 这些容器其实就是个普通的div, 换个名字. 对于手机, 便携阅读器等设备更有语义的好处.也提高了可读性.至于别的容器如 details, datagrid, menu, command 等提高了页面的交互能力. 当然, 不支持的浏览器默认当成普通容器来处理了.
属性:淘宝的charset就是一个新属性. 而在XHTML 里面, charset 是作为 content 的一个属性值出现的.在浏览器支持方面, 不支持浏览器碰到新属性, 它会把新属性当作代码错误而修复, 或者直接忽略. 总之, 在IE6下, 会把页面设别为gbk编码格式的.
属性值:给个例子吧.两个搜索框.大家可以试试.
XHTML版本的
<input type="text" value="XHTML" /> |
HTML5
<input type="search" value="HTML5" /> |
我把下面的框的 type 定为 search. 认识 search 的浏览器会在样式中给个小处理, 如 Chrome, 输入字符后会出现一个叉的图标,点击可以清除输入内容. 不认识的浏览器会当作代码写错, 设置成默认属性, 也就是 text. 这样, 就上下兼容了.
除了这些新的代码以外, HTML5 对代码的规范也不是严格了.
HTML5新功能: 代码弱规范.
<input type=search> <input type="search"> <input type=search /> <input type="search" /> |
在HTML5中都是合法的.浏览器总不会碰到小错误不表现了吧.
还有...我不知道怎么写了...囧...
Comments