建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > html/xhtml >

HTML5的28个特征、窍门和技术(2)

时间:2010-09-01 13:04来源: 作者: 点击:
三、重新定义 还在不久前,元素被用来创建靠近logo且相关的副标题。这是个很有用的表现元素,但是,现在,这种用法可能就不正确了。元素已经被重新定义了,指小字,因而更具可用性。试想下你网站底部的版权状态,根
 

 

  三、重新定义

  还在不久前,元素被用来创建靠近logo且相关的副标题。这是个很有用的表现元素,但是,现在,这种用法可能就不正确了。元素已经被重新定义了,指小字,因而更具可用性。试想下你网站底部的版权状态,根据对此元素新的HTML5定义,可以正确地包裹这些信息。

  small元素专指“小字”。

  四、脚本(scripts)和链接(links)无需type

  您可能现在仍在给link和script标签增加type属性。

 

  1. <link rel="stylesheet" href="path/to/stylesheet.css" type="text/css" /> 
  2. <script type="text/javascript" src="path/to/script.js"></script> 

  这已经是老黄花菜,非必需品了。这意味着,这些标签都各自指向样式表和脚本。因此,我们可以把type属性一起干掉。

 

  1. <link rel="stylesheet" href="path/to/stylesheet.css" /> 
  2. <script src="path/to/script.js"></script> 

  对此取舍你还得自己拿主意。如果你更倾向于结构化的文档,就算天塌下来,也要把引号牢牢拽在怀里。

  五、引号还是不要引号

  这确实是个问题。记住,HTML5不是XHTML,要是你不愿意,你没有必要非得用引号标记包裹你的属性,没有必要非得闭合元素。换句话说,只要你自己觉得舒服,就没有什么对错之分。对于我自己来说就是如此。

 

  1. <p class=myClass id=someId> Start the reactor. 

  对此取舍你还得自己拿主意。如果你更倾向于结构化的文档,就算天塌下来,也要把引号牢牢拽在怀里。

  六、内容可编辑

  

1

 

  最新的浏览器有个很赞的新属性可以应用到元素上,叫做contenteditable。顾名思意,就是允许用户编辑元素内容包含的任意文本,包括子元素。类似的用途还有很多,像是简单的待办事项清单应用程序,可大大利用其本地存储的优势。

 

  1. <ul contenteditable="true">     
  2. <li>悼念遇难香港同胞 </li>     
  3. <li>深圳特区30周年</li>     
  4. <li>伊春空难</li></ul 

  或者,根据前面所学到的一些技巧,我们可以把它写成:

 

  1. <ul contenteditable=true>
(责任编辑:admin)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片