Typową metodą tworzenia odsyłaczy w LaTeX jest umieszczenie obiektu \label
wewnątrz czegoś, co chcesz później sprawdzić, a następnie użycie \ref
. Na przykład pisanie as we saw in Section~\ref{intro}
w źródle LaTeX może spowodować "jak widzieliśmy w sekcji 1" w ostatecznym wyniku. Czy można uzyskać ten sam efekt za pomocą samego HTML i CSS? Nowsze funkcje CSS zezwalają na automatyczne numerowanie sekcji i tak dalej, ale nie znalazłem niczego, co pozwoliłoby ci odnieść się do tych wartości liczników z dowolnego miejsca w dokumencie.Jak automatycznie numerować odsyłacze w HTML + CSS, bez JavaScript?
Oto konkretny przykład:
<!DOCTYPE html>
<html>
<head>
<title>Cross references</title>
<meta charset="utf-8">
<style type="text/css">
body {
counter-reset: section;
}
section > h1::before {
counter-increment: section;
content: counter(section) ". ";
}
</style>
</head>
<body>
<section>
<h1 id="intro">Introduction</h1>
<p>Pineapples contain essential vitamins.</p>
</section>
<section>
<h1>Further discourse on pineapples</h1>
<p>As we saw in Section ??, pineapples contain essential vitamins.</p>
</section>
</body>
</html>
W tym przykładzie wszystkie Nagłówki sekcji są poprzedzane automatycznie wygenerowany numer. Chciałbym wiedzieć, czy istnieje jakikolwiek znacznik HTML lub styl CSS, który mógłbym użyć zamiast ??
, który wstawi numer odpowiadający #intro
.
Zdaję sobie sprawę, że mogę użyć <a href="#intro">
, aby utworzyć hiperłącze do wstępu, ale chciałbym również dołączyć numer sekcji w tekście linku.
Jeśli nie jest to możliwe z samym HTML i CSS, czy istnieją biblioteki JavaScript do dodawania odsyłaczy w dokumencie?