counter دارای دو صفت incrementو reset است؛این دوصفت سبب می شوند که شماره گذاری عنوان ها و زیر عنوان ها طوری باشد که زیر عنوان ها تابع شماره عنوان باشند.در محتوای متن بیشتر آشنا می شوید.
دلیل استفاده از counter و کارایی آن
ممکن است در طراحی نوشته های وب به مشکلی بربخوریم و آن مشکل در شماره گذاری مطالب باشد،ما عنوانی داریم و همینطور
زیرعنوان و می خواهیم زیر عنوان ما تابع عنوان فوقش باشد؛برای این کار باید از counter و content استفاده کنیم؛
counter چگونه است و کجا باید قرار گیرد
Counter دارای دو صفت reset(تنظیم مجدد) و increment(افزایش) است.
توجه داشته باشید که این دو در css نوشته می شوند.
یک نمونه هم در مثال زیر قابل مشاهده است.
<head>
<style type=”text/css”>
.reset{Counter-reset: heading;}
H1{Counter-reset: subheading;}
H2: before{Content: counter (heading)”)”counter
(subheading)”.”
Counter-increment: subheading;}
H1: before{
Content: counter (heading)”)”;
Counter-increment: heading;}
</style>
<div class=”reset”>
<
'(1 عنوان
(1.1زیرعنوان
(1.2 زیرعنوان
(2 عنوان
(2.1
زیرعنوان
(3 عنوان
</body>
نمایش مثال فوق را در زیر این متن مشاهده نمائید.
'(1 عنوان
(1.1زیرعنوان
(1.2 زیرعنوان
(2 عنوان
(2.1 زیرعنوان
(3 عنوان
همانطور که دیدید زیر عنوان ها به طور عدد اعشاری نوشته می شوند و عنوان ها به
طور عادی.