`

html5 中一个无聊新特性之reversed倒序

阅读更多
  在HTML5中,W3C的草案有很多新的特性了,有的已经被各大浏览器所接受,
有的依然没能接受,有的接受的比较少,在本文中,将介绍一个目前各大浏览器都
还没接受的一个新特性,reversed,这个特性用在
    列表中,其定义标准在
    W3C的地址为:http://dev.w3.org/html5/spec/Overview.html#the-ol-element
    先看例子
    <ol reversed> 
         
    <li>List item one</li> 
        <li>List item two</li> 
        <li>List item three</li> 
        <li>List item four</li> 
        <li>List item five</li>
    </ol>

       其输出为序号倒转而已,即
       5 List item one
       4 List item two
       3 List item three
       2 List item four
       1 List item five
      
      很遗憾,各大浏览器都没对其进行支持,详细见支持表:
    http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)#Attributes
        当然,也有老外实现了,用jquery的方法,详细DEMO见:
    http://jsfiddle.net/ImpressiveWebs/h4JcL/
        当然,目前浏览器中,居然有个死板的支持方法,就是用value的值:
    [list=1] 
        <li value=5>List item one</li> 
        <li value=4>List item two</li> 
        <li value=3>List item three</li> 
        <li value=2>List item four</li> 
        <li value=1>List item five</li> 
 
  这个还是可以的,但十分麻烦了
1
0
分享到:
评论

相关推荐

    Python给定一个句子倒序输出单词以及字母的方法

    1. **列表推导式**:对于每一个单词,创建一个新的列表,其中包含该单词中每个字符的倒序版本。 2. **字符串构造**:利用 `str.join()` 方法将字符列表组合成一个新的字符串。 示例代码如下: ```python def ...

    字符串大小写转换倒序输出

    最后,还可以通过构建一个新的字符串,从后向前遍历原字符串来达到倒序的效果。 现在,让我们将这两个概念结合起来。如果我们想要一个字符串先进行大小写转换,然后再倒序输出,那么可以这样操作: 1. 首先,选择...

    Python列表倒序输出及其效率详解

    Python列表倒序输出及其效率 方法一 使用Python内置函数reversed() for i in reversed(arr): pass reversed返回的是迭代器,所以不用担心内存问题。 方法二 使用range()倒序 for i in range(len(arr) - 1, -1, -...

    用C++实现字符串倒序

    `std::string`类提供了许多便利的方法,其中之一就是`reverse()`,它可以方便地对字符串进行倒序。以下是使用`std::string`的示例: ```cpp #include #include int main() { std::string str = "Hello, ...

    c#编写 输入一个字符窜,然后倒序输出

    在C#编程中,倒序输出一个字符串是一个基础但实用的操作,这通常涉及到字符串处理和字符数组的概念。这里我们将深入探讨如何实现这个功能,并扩展到相关的C#编程知识点。 首先,字符串在C#中是不可变对象,这意味着...

    简单倒序字符vb程序设计

    `TextBox1.Text` 获取了用户在文本框1中输入的字符串,`inputString.Reverse()` 对字符串进行反转操作,`New String(inputString.Reverse().ToArray())` 将反转后的字符数组重新构建为一个新的字符串。最后,反转后...

    Python3倒序输出字符串的N种方法(含代码和介绍)

    `reversed()`函数可以将一个序列反向迭代,然后我们使用`join()`方法将迭代后的结果组合成一个新的字符串。 **代码示例:** ```python s = 'Wonderfulnight!' reversed_s = ''.join(reversed(s)) print(reversed_s...

    HTML5入门ppt

    jQuery Mobile利用HTML5的新特性和CSS3的特性,提供了高度定制化的UI组件和强大的事件处理机制,极大地方便了Web应用的开发。 综上所述,HTML5不仅仅是一次技术升级,它代表了一种全新的Web开发理念,让开发者能够...

    HTML5有序列表.pdf

    HTML5中的有序列表是网页制作中一种常见的元素,用于组织信息并展示有顺序的数据或步骤。有序列表在HTML5中由`&lt;ol&gt;`标签定义,它包含一系列的`&lt;li&gt;`(列表项)标签,每个`&lt;li&gt;`标签用于创建列表中的一个条目。有序...

    C#练习字符串倒序.rar

    在这个名为"C#练习字符串倒序.rar"的压缩包中,我们很可能会找到一个练习项目,它的目标是实现字符串的倒序操作。字符串倒序是指将一个字符串中的字符顺序反转,例如,字符串"hello"会被转换为"olleh"。这个练习可以...

    最新的python3的新特性新技巧

    随着Python版本的更新迭代,每一次新版本的发布都会带来一些新特性或技巧,而Python 3作为当前主流版本,更是不断有新的技巧被开发和普及。以下,我们将详细讨论文中提及的Python技巧和新特性。 1. 拆箱功能...

    用java编写的回文字输出(单词倒序)

    本篇将重点讲解如何利用Java编程语言实现一个回文字(单词倒序)的功能。这种功能常用于文本处理,比如反转一句话的单词顺序,但保持单词内部字符的顺序不变。 首先,我们需要理解问题的核心:将输入的句子按单词...

    Abc.rar_ABC_ABC JAVA_字符串倒序

    在IT行业中,字符串处理是编程的基本技能之一,尤其是在Java编程语言中。本示例通过"Abc.rar"压缩包中的"Abc.java"文件展示了如何实现一个简单的字符串倒序功能。这个任务看似简单,但却是理解和掌握字符串操作的...

    java 8 新特性练习

    Stream API是Java 8中的另一个重要特性,它提供了一种新的处理数据的方式,类似于SQL查询,可以对集合进行过滤、映射、归约等操作。在`StreamTest.java`文件中,我们可以使用Stream API实现Bean的排序。例如,假设...

    网页设计与制作(HTML+CSS+JS)-3期(KC003) 网页设计与制作 html5+CSS3+JavaScript 第3章

    9. 多媒体标签:HTML5的新特性之一就是内置对音频和视频的支持,这极大地提升了用户体验,使得无需插件即可在网页中直接插入多媒体,选项C错误。 10. `&lt;ruby&gt;`标签:这是一个用于表示音标或注解的HTML5新标签,通常...

    网页设计与制作(HTML+CSS+JS)-3期(KC003) 网页设计与制作 html5+CSS3+JavaScript 第8章

    在HTML5中,引入了许多新的元素和特性,以提升用户体验和开发者的工作效率。以下是基于提供的部分内容解析的一些关键知识点: 1. HTML5的新输入类型:HTML5扩展了`input`元素的类型,如`DateTime`、`file`、`Color`...

    html5标签和属性使用[参考].pdf

    在实际开发中,还应注意HTML5引入的新特性,如音频和视频元素 (`&lt;audio&gt;` 和 `&lt;video&gt;`)、表单控件 (`&lt;input type="date"&gt;`, `&lt;input type="range"&gt;` 等)、画布 (`&lt;canvas&gt;`) 以及地理定位 (`geolocation API`) 等,...

    HTML5-Reverse-Ordered-Lists:用于有序列表的 'reversed' 属性的 polyfill,HTML5 中的新功能,但目前不支持浏览器

    幸运的是,'start' 在每个浏览器中都有完整的支持,所以如果你不使用 'reversed' 就不需要 polyfill。 该脚本基本上使用 HTML4 中已弃用但现在在 HTML5 中有效的列表项上的跨浏览器“值”属性。 特别感谢移除了 ...

    python查找指定文件夹下所有文件并按修改时间倒序排列的方法

    我们可以通过定义一个函数search_all_files_return_by_time_reversed来完成这个任务。函数接收两个参数:path是文件夹的路径;reverse是一个布尔值,用来控制排序方式,默认为True表示倒序排列。 我们使用glob模块...

    个人做的HTML5学习笔记

    通过以上知识点的学习,我们可以了解到HTML5不仅仅是一个简单的标记语言升级,它带来了许多新特性和功能,极大地提高了Web开发的能力和效率。对于开发者而言,掌握这些新特性意味着能够构建更加现代化、功能丰富的...

Global site tag (gtag.js) - Google Analytics