锚的使用

Posted f6056

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了锚的使用相关的知识,希望对你有一定的参考价值。

(1)对于a标签可以通过name属性定义锚的位置

(2)对于其他标签可以通过id属性定义锚的位置

a标签创建锚连接基本格式:

 <a href="#a">锚到标题a</a>
 <a id="a">标题a</a>
 <a id="b">标题b</a>
 <a id="c">标题c</a>

id属性创建锚连接基本格式:

<a href="#a">锚到标题a</a>
<p id="a">标题a</p>
<p id="b">标题b</p>
<p id="c">标题c</p>

锚链接的使用示例:

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        p 
            margin-bottom: 500px;
        

        a 
            display: inline-block;
            margin-right: 4em;
        
    </style>
    <script></script>
</head>

<body>
    <a href="#one">one</a><a href="#two">two</a><a href="#aAnchor">anchor</a>
    <p id="one">
        Two Steps from Hell / 两步逃离地狱(又名
        地狱边缘、地狱咫尺、两步逃离地狱、逃陷地狱)成立于2006年3月,总部设于美国加州洛杉矶,是一家专业的音乐制作公司,Two
        Steps from Hell (以下简称TSFH)
        是由尼克·菲尼克斯和托马斯·J·柏格森共同创办,他们创作的音乐类型属于SOUND
        TRACK(原声配乐),而现在此公司属于HANS ZIMMER (汉斯季莫)
        旗下的RC公司所拥有。
    </p>
    <p id="two">
        声乐是TSFH老板托马斯的招牌元素,这使得他们的音乐风格大气壮观、雄浑有力又不失细腻,能在百转千回之余,依然刻划宏伟的景深。也因其音乐风格有时犹如史诗般雄浑,有时带着些黑暗诙谐的冷冽,又有些激昂澎湃的奔腾、或时有恐怖阴郁的重击。多样而广阔的风格,使得TSFH所创作的音乐常被用来制作电影广告及预告的配乐。也因为超高的使用率,所以成立仅短短两年就已经在好莱坞名声大噪。他们的音乐也被用于电玩游戏之中,如《质量效应2》、《暗龙纪元:序章》和英国电视剧《神秘博士(Doctor
        Who)》之中。同时,他们也把配乐作品挑选集结成非公开专辑,也因为很多经典好莱坞音乐都是出于其手,所以其中许多曲子听了都会有似曾相识的感觉。
    </p>
    <a name="aAnchor"></a>
    <p id="three">
        主创人员是 Thomas Bergersen(托马斯·伯格森)和Nick
        Phoenix(尼克·菲尼克斯)。托马斯的音乐刚柔并济,特别擅长柔中带刚,Female
        Vocal是托马斯的招牌,他的个人Solo专辑Nemesis无与伦比、震撼人心!Nick
        Phoenix(尼克·菲尼克斯),音频界著名的领军人物,很多专业的音频合成师、作曲家、音频导演对这个名字应该非常熟悉,因为他是著名的East
        West音色出品公司的两位创始人之一。他们的音乐大气恢宏,擅长史诗、动作、黑暗、恐怖、戏剧、喜剧等。
          关于Two Steps From
        Hell的中文译名,国内网络上有“两步逃离地狱”、“逃出升天”、“逃陷地狱”、“地狱边缘”、“地狱咫尺”等诸多译名,但官方没有正式给出中文译名,在此不做统一。
    </p>
</body>

</html>

 

以上是关于锚的使用的主要内容,如果未能解决你的问题,请参考以下文章

锚的使用

覆盖锚的href [重复]

如何使用带有线锚的 C# 正则表达式 Lookbehind

如何使用 react-testing-library 测试锚的 href

使用锚的自动布局没有按照我想要的方式布置我的视图?

如何不保留html锚的历史