Verhindern, dass Überschrifts-Tags Hyperlink-Stile erben, wenn Sie Heading-Anker einrichten

Question

Entschuldigung, wenn dies eine neue Frage ist. Teil meiner Aufgabe ist es, traditionelle Word-Dokumente in Online-Web-Dokumentation mit Google-Websites zu konvertieren.

Das Dokument, das ich normalerweise bin Migration hat eine Inhaltsseite, Kapitel und Abschnitte usw.

In HTML, würde Ich mag eine Inhaltsseite haben, die klickbare Links zu verschiedenen Dokumentabschnitten und Überschriften bietet - ich dies tue mit HTML-Ankern.

Das Problem: Ich möchte nicht, dass der Text, der verknüpft wird, die folgenden Hyperlink-Stile erbt. Zum Beispiel:

<div> 
 
<h1>Contents page:</h1> 
 
<p><a href="#heading">Section 1: Introduction</a><p> 
 
</div> 
 

 
<section> 
 
<h1><a name="heading">Section1: Introduction</a></h1> 
 

 
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim lectus eu risus tortor facilisi class, eleifend faucibus morbi pretium bibendum lobortis tellus hendrerit sociis litora etiam aliquet pharetra.</p> 
 

 
</section>

Nun erscheint die Überschrift-Tag als Hyperlink wegen des Attributs, das will ich nicht. Stattdessen möchte ich, dass es seinen Standard-Überschriftenstil beibehält, ohne dass ich einen Override-Stil oder Ähnliches definieren muss.

Ich habe irgendwo etwas über 'all: initial' gelesen Ich weiß nicht, ob dieses Zeug mit HTML5/CSS3 funktioniert.

Ich frage mich, ob dies ein Problem nur mit Google-Websites oder ..?

Gibt es eine Möglichkeit, dies zu tun? Dank

Answer 1

Die CSS Weg wäre einfach sein:

a { 
    color: inherit; 
    text-decoration: none; 
} 

Wie auch immer, wenn Sie es inline tun möchten, können Sie verwenden:

<a style="all: inherit"></a> 

<div> 
 
<h1>Contents page:</h1> 
 
<p><a href="#heading">Section 1: Introduction</a><p> 
 
</div> 
 

 
<section> 
 

 
<h1><a name="heading" style="all: inherit">Section1: Introduction</a></h1> 
 

 
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim lectus eu risus tortor facilisi class, eleifend faucibus morbi pretium bibendum lobortis tellus hendrerit sociis litora etiam aliquet pharetra.</p> 
 

 
</section>

Diese macht jeden Link wie normalen Text aussehen. Wenn Sie nur möchten, dass Ihr benanntes Anchor-Tag nicht gestylt wird (was in Chrome nicht gestylt ist, also habe ich vielleicht Ihre Frage nicht ruhig gestellt ...), verwenden Sie @ CBroes Antwort! Sie benötigen den Tag <a> hier nicht. Nenne einfach den <h1>.

Answer 2

<h1><a name="heading">Section1: Introduction</a></h1> 

Sie brauchen nicht <a name="heading"> zu verwenden, um ein Ankerziel innerhalb der Seite zu erstellen - jedes Element, das eine ID hat, kann auch das Ziel eines solchen Hash-Anker-Link sein.

Verwenden Sie stattdessen einfach <h1 id="heading">Section1: Introduction</h1>, und es werden keine Verknüpfungsstile angewendet.

Answer 3

Die einzige Lösung, die ich mit oben kommen kann, die Google Sites Einschränkungen bedenkt, verlässt das Ankerelement leer in Ihrem <h1> Tag, wie folgt aus:

<h1><a name="heading"></a>Section1: Introduction</h1> 

Sie ein Leerzeichen nach innen setzen können: