隐藏网页中的文字和使用锚点

这是在看准备用英文版的Thinking in Patterns学习设计模式时的一点意外收获:)

我发现在文本浏览器w3m中看这本书的目录时里面有数字,而在图形界面的浏览器中看则没有(详见:Outline of Thinking in Patterns with Java)。于是,我查看了网页的源码,发现原来使用了隐藏文字的技术(这个技术是什么名字我也叫不上,反正是这个效果)。从其中我知道隐藏文字可以用:


          <span style='color:windowtext;display:none;text-decoration:none'>

            .

          </span>

链接到锚点可以这样:


<a href="#_Toc41169680">

...

</a>

全部实验代码如下:

1)、隐藏文字:


<html>

  <head>

    <title>

      Test hiding some text in page

    </title>

  </head>

  <body>

    <p class=MsoToc2>

      <span class=MsoHyperlink>

        <a href="#_Toc41169680">

          The Y2K syndrome

          <span style='color:windowtext;display:none;text-decoration:none'>

            .

          </span>

          <span style='color:windowtext;display:none;text-decoration:none'>

            11

          </span>

        </a>

      </span>

    </p>

  </body>

</html>

2)、显示文字:


<html>

  <head>

    <title>

      Test displaying some text in page

    </title>

  </head>

  <body>

    <p class=MsoToc2>

      <span class=MsoHyperlink>

        <a href="#_Toc41169680">

          The Y2K syndrome

          <span style='color:windowtext;text-decoration:none'>

            .

          </span>

          <span style='color:windowtext;text-decoration:none'>

            11

          </span>

        </a>

      </span>

    </p>

  </body>

</html>

附网上摘的一段使用锚点的段落:(摘自:http://www.sdau.edu.cn/support/html/html_cn.htm


连结 <A HREF="URL"></A>

连结到锚点

<A HREF="URL#***"></A>(如果锚点在另一个档案)

<A HREF="#***"></A>  (如果锚点目前的档案)

N2.0 连结到目的视框 <A HREF="URL" TARGET="***"></A>

设定锚点 <A NAME="***"></A>