HTML5中略微改变的网站建设元素

发布时间:2015-1-27 10:33:02

HTML5中略微改变的网站建设元素

  略微改变的元素
  在略微发生改变的元素中,我们首先要提到的是b及i——这两个标签已经不再适合HTML5的理念,这也因为它们的名字:b代表粗体(bold)而i代表斜体(italic)——单纯的冷冰冰的代码符号在HTML5中已不再流行,宁波网站建设认为现在更讲究的是语义上的关联性,所以我们将改用strong及em来强调一段重要的文本。不幸的是,b和i仍旧是使用最为广泛的标签,不可能完全避免它们。折衷的解决方案是继续允许它们存在,但改变它们的定义:b现在代表着将文档印刷为粗体,而i代表将文档印刷为斜体。在需要写出纯正HTML5时,还是应当避免使用b及i,而将它们替代为strong及em。
  其他细微变化的元素还包括:cite用来为对参考文献的引用进行定义,比如书籍或杂志的标题,small现在不仅仅指的是小字体,它还同样为法律声明增添不具有重要性的旁注或小字,hr现在表达的是主题性的间断,而不再仅仅是分隔版面的一条水平线。
  规范为每个标签作出了简炼的概述,在本章节中可以找到相关示例。为了节约翻书的时间,现在我们就在表中将它列出来。
  HTML5提供了许多新的结构性元素,比如说header、hgroup、article、section、aside、footer以及nav。本章开头以一个虚拟博客为例,演示了这些元素运用起来是多么地简单和直观。为了取代只有与class属性结合使用才有含义的匿名div元素,我们现在使用会说话的元素---例如利用figure及figcaption有效将图形及图像结合。表列出了HTML5中大量语义文本元素列表及它们如何作用的范例,并简明地介绍了最有趣的一些新元素,例如ruby、rt及为ruby注释的rpi标注时间的time;标记文档段落的mark以及提供可选择性换行符的wbr。
  在预订航班、使用在线银行或者使用Google搜索时,我们都会用到表单。互动性表单的大部分元素自5年的HTML以来就没有改变过,一方面这表明TimBemers-Lee的设计具有卓越的预见性;另一方面来说,现在也是该革新的时候了。HTML5规范中关于表单的内容占了很大一部分,它们将给Web设计者的工作带来巨大变化。
  截至撰写本书时,HTML5还未获得浏览器的普遍性支持(目前来说,只有Opera及GoogleChrome的开发者版本提供HTML5),但其强大的向后兼容性让新的表单元素在现在就能投人使用。
  新的输入类型(inputtype)
  HTML5强化了input元素,增加了许多新的type属性,包括date、color、range在内的这些新的类型不但让用户的输人过程变得更加友好,也更便于浏览器理解所输入的内容。如果浏览器无法识别input元素的类型,它会默认为type=text并显示为文本,这在任何情况下都有效,即便那些过时的浏览器也可以。因此,我们可以现在就开始使用新的输人类型,并不会有什么障碍。
  date及time类型应该是最常用的。目前,你可以在网上找到无数个用JavaScript写成的或好或差的日历程序。人们在预订航班、酒店以及进行会议登记时,经常需要手动输入日期,这可不是什么美好的体验。其实jQuery之类的JavaScript库可以提供现成的日历功能,但目前浏览器直接支持此功能。
  在撰写此书时,只有一个桌面浏览器包含了可视化的日期输入元素,那就是Opera。如图所示,人们可以通过单击日历来输入日期。表展示了相关的新类型,你可以在Opera中测试它的实际效果。
  输入类型tel及search
  tel及search类型与普通的文本没什么不同,两者皆可包括一行字符串一即便电话号码也不仅限于用数字表示,因为电话号码经常含有空格或其他符号。浏览器能够根据本地地址簿为tel输人提供备选项,这对于输人移动电话号码尤其有用。search类型让浏览器上创建相应平台风格的搜索界面,例如说,MacOSX的用户所习惯的带圆角的搜索框。
  输入类型url及email
  除了提供备选建议,浏览器还能够检查输入的uri及email格式。鉴于e-maU地址以及Internet网址都有特定格式,浏览器可以检査这些格式并反馈出输人中可能存在的错误。
  用datetime,date,month,week,time以及datetime-local表示日期和时间让我们更深人地了解一下日期及时间格式。datetime包括日期以及时间信息,时区设置始终为UTC。规范允许用户通过浏览器选择不同时区,但i叩ut元素的值始终会被转换为UTC格式。节中我们曾讨论过time元素,datetime属性的表达式规则在time元素中依旧适用——除了字符串必须以Z结束以表明它是UTC格式。
  在date和month中,时间及时区则被忽略。根据规范定义,date必须是所选月份中的一个有效日期,同时考虑到闰年。年、月、日必须用号分开年份至少为4位数,并大于0,因此公元前的年份无法用HTML5表达。相比ISO1国际标准,这个取值范围相当狭窄。
  week类型代表年份当中的一个星期,并且强制其位于年份后面。年份和星期同样用号隔开。为了确保星期与月份不被混淆,week前面通常会加上一个字母W。
  datetime-local与之前描述过的datetime作用基本相同,唯一不同之处是不需要标明时区。
  Opera提供一个用来选择日期的日历窗口,可以通过手动输入时间或单击箭头来改变。
  输入类型number及range
  number及range类型与包含数值的输入相关,并且支持浮点数表达式(举例来说,E8)。range类型可以指定一个数字范围,用户能够简单地用一个滑块来进行输人。Opera及包含基于WebKit的浏览器-譬如Safari及GoogleChrome-都使用—个滑块来表达此类型。
  输入类型color
  作为第一个为色彩元素提供图形输人界面的浏览器,Opera再次率先支持了color类型。Opera提供了一个包括一些常用颜色的矩形选择界面,你还可以创建出其他图像编辑器里的那种拾色器。可惜的是,这个输入元素目前还无法在其他浏览器上使用。
  输入元素值必须为8位(8-bit)RGB值,并在前面加上一个m符号。举例来说,蓝色应写为m0ff。
  本文由乐华网络编辑,转载请注明出处
  宁波网站建设www.leseo.net
上一篇:
别的许多人把关键字广告视为PPC(PayPerClick),本来国外的PPC不是只需关键字广告,一些
下一篇:
会话存储(sessionStorage)cookies不依赖于浏览器窗口直接连接到网站,这会导致一些
关于乐华
乐华介绍
乐华思维
人才招聘
使用条款
隐私保护
RSS订阅
网站地图
新闻动态
乐华观点
行业动态
频道介绍
服务介绍
案例展示
品牌研究
品牌理论
品牌体系
联系我们
400-680-2900
社会媒体
微信公众平台
微信公众平台