问吉他和弦和歌词的标记

EN

我试图找出一个好的方法，能够存储纯文本音乐歌词与同步吉他和弦。当显示时，我希望看到在相应的单词上方的“空格”行中，歌词与和弦相隔两倍。这是为我自己的个人歌词书，所以最终的渲染将是最常见的死树与屏幕，但这可能最终改变。我想我会给Markdown一个尝试，并能够得到以下格式的“某种”工作时，结合一些CSS，使标签呈现为准上标。我有点喜欢使用标记的方式，因为我可以在文件底部为任何包含的和弦提供引用链接：

#Supertramp - Give A Little Bit

[A]

[D]Give a little bit[A][] [D]

  Give a little bit[G] of your[A] love to me[G][][A]

[D]: http://guitar.about.com/library/blchord_dmajor.htm  "D major"
[G]: http://guitar.about.com/library/blchord_gmajor.htm  "G major"
[A]: http://guitar.about.com/library/blchord_amajor.htm  "A major"

CSS和转换后的标记在这里：http://jsfiddle.net/654ct/13/

h1 {
    font-family: Arial;
    font-size: 2em;
    margin-bottom: 1em;
}
p { 
    line-height:1em; 
    margin-bottom:1.1em;  
    font-family: Arial;
} 
a {
    position: relative;
    top: -1em;
    display:inline-block; 
    width: 0;
    overflow:visible; 
    color:#00F;
    font-weight:bold;
    font-family: Arial;
    text-decoration: none;
} 

我从这里借用了大量的CSS：设计文本，使其显示在线条之上(用于歌词上方的和弦)，我正在写一个新的主题，因为这主要是为了在降价方面寻求帮助。

到目前为止，这种格式的好处是和弦能够与歌词“内联”，因此无论使用何种字体，单词和音乐都保持同步。此外，我还得到了一个额外的好处，即标记本身是相当可读的。

唯一的问题是：

1. 如果有两个和弦，需要在两个和弦之间没有任何字，和弦字符“重叠”时，呈现在HTML。(我相信这是由音宽:0引起的；但据我所知，这是必要的，以便在有和弦变化时消除歌词中的空白处。)
2. 在同样的场景中，除了最后一个和弦之外，所有和弦都需要在和弦字母后面有一个[]，否则第二个和弦就会被解释为对第一个和弦的描述。这使减价比我想的要忙一些。

是否有一个很好的方法来解决这两种问题中的一种或两种使用CSS或通过改变标记？如果没有，是否有人知道一个完全不同的选择，除了编写我自己的吉他-和弦特定的标记语言？(即使我确实为此编写了自己的标记语言，我仍然需要帮助解决问题1。)我知道选项卡的格式，我正在寻找一些不那么详细的东西，因为我所需要的只是提醒每个和弦何时出现，而不是我的手指需要在哪里的一个明确的图表。

谢谢!