LaTeX'te çapraz referans oluşturmak için kullanılan yöntem, daha sonra başvurmak istediğiniz bir öğeye \label koymak ve sonra \ref kullanın. Örneğin, LaTeX kaynağında as we saw in Section~\ref{intro} yazımı, son çıktıda "Bölüm 1'de gördüğümüz gibi" üretebilir. Sadece HTML ve CSS kullanarak aynı etkiyi elde etmek mümkün mü? CSS'nin daha yeni özellikleri, bölümlerin otomatik olarak numaralandırılmasına izin verir, ancak bu sayaç değerlerini belgedeki başka bir yerden göndermenize izin veren hiçbir şey bulamadım. Burada JavaScript olmadan HTML + CSS'de çapraz referansları otomatik olarak nasıl sayılandırabilirsiniz?
<!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>
, her bölüm başlıkları otomatik olarak oluşturulan bir sayı ile başa getirilir. #intro'a karşılık gelen sayıyı ekleyeceğim ?? yerine kullanabileceğim herhangi bir HTML biçimlendirmesi veya CSS stili olup olmadığını bilmek istiyorum.
Girişe çapraz bir köprü oluşturmak için <a href="#intro"> kullanabileceğimi farkettim, ancak bölüm numarasını bağlantı metnine de eklemek istiyorum.
Bu, yalnızca HTML ve CSS'de mümkün değilse, bir belgede çapraz referans eklemek için herhangi bir JavaScript kitaplığı var mı? "? Nasıl JavaScript kullanmadan CSS tarafından otomatik olarak oluşturulur içeriğe erişebilirsiniz"