第3章 HTML5表单.ppt

运行这段代码，效果如图3-38所示。 图3-38 ol列表的start属性实例 如果你想对列表进行反向排序，那么你可以使用ol列表的reversed属性，但是，现在还没有任何浏览器对该属性提供支持。 7．改良的dl列表 在HTML4中，dl元素是一个定义列表，包含了一个术语及其一个或多个定义。这个定义不明确而且容易令人混淆。 在HTML5中，将该元素进行了重新定义，重新定义后的dl列表包含多个带名字的列表项。每一项包含一条或多条带名字的dt元素，用来表示术语，dt元素后面紧跟一个或多个dd元素，用来表示定义。在一个元素内，不允许有相同名字的dt元素，不允许有重复的术语。 dl列表可以用来定义文章或网页上的术语解释，其代码如下。 html head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title用于术语解释的dl列表示例/title /head body h3用于术语解释的dl列表示例/h3 article h1aritcle元素/h1 p一块独立的内容，可以用来表示博客中独立的一篇文章....../p aside h2术语解释/h2 dl dt博客/dt dd博客，又名为网络日志、部落阁等，是一种通常由个人管理....../dd /dl /aside /article /body /html 这段代码的运行效果如图3-39所示。 图3-39 用dl列表来做术语解释 dl列表页可以用来表示一些页面或article元素中内容的辅助信息，例如作者、类别等，代码如下。 dl dt作者/dt dd李慧/dd dt类别/dt dd网络开发/dd /dl 8．加以严格限制的cite元素 Cite元素表示作品（例如一本书、一篇文章、一首歌曲等）的标题。该作品可以在页面中被详细引用，也可以只在页面中提一下。 在HTML4中，cite元素可以用来表示作者，但是在HTML5中明确规定了不能用cite元素表示包括作者在内的任何人名，因为人的名字不是标题（当然除非标题就是一个人的名字），但是为了与HTML4或之前版本的网页兼容，并没有把它当作错误，所以这只是一个规定而已。 下面是一个使用cite元素的代码示例。代码如下。 !DOCTYPE html meta charset=UTF-8/ titlecite元素示例/title h3cite元素示例/h3 p我最喜欢的电影是一部法国电影cite放牛班的春天/cite。/p 这段代码的运行结果如图3-40所示。 图3-40 cite元素示例 9．重新定义的small元素 Small元素已经完全重新定义了，从仅仅是一个通用的表现性元素，变成了使得文本显示得较小，实际上表示“附属细则”，它通常用来免责、警告、提出法律限制或版权。附属细则有时候也用于表明权限，用于满足许可性需求。同时不允许被应用在页面主内容中，只允许被当做辅助信息用inline方式内嵌在页面上使用。同时，small元素也不意味着元素中内容字体会变小，如果需要将字体变小，需要配合着CSS样式表来使用。 3.4 综合实例——search搜索类型的input元素 本实例是利用了表单中新增的页面元素，利用这个元素将要搜索的内容填入文本框中，通过提交将内容输入，效果如图3-41所示。 图3-41 search搜索类型的input元素 通过search类型的input元素可以搜索关键字，便于更好的查找所需要的内容，本实例的代码如下： html head meta charset=gb2312 / titlesearch类型的input元素/title link href=Css/css1.css rel=stylesheet type=text/css script type=text/javascript language=javascript src=Js/js1.js/script /head body form id=frmTmp onSubmit=return ShowKeyWord(); fieldset legend请输入搜索关键字：/legend input id=kw type=search class=aa input name=Submit type=submit class=bb value=提交 /fieldset p id=pp/p /form /body /html （