وبلاگ طراحی سایت ایران سایت

وبلاگ طراحی سایت

در این قسمت می توانید از آخرین مقالات و پست های مربوط به فناوری اطلاعات و تکنولوژی کامپیوتر باخبر شوید. همچنین در صورت نیاز می توانید با استفاده از RSS تمامی مقالات وبلاگ ایران سایت را را در سایت و یا وبلاگ خود نیز نمایش دهید

نحوه شمارش به صورت افزایشی و تنظیم مجدد

دلیل استفاده از 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
عنوان


همانطور که دیدید زیر عنوان ها به طور عدد اعشاری نوشته می شوند و عنوان ها به طور عادی.

نوشتن یک نظر

در صورت موافقت ip شما در سیستم ذخیره خواهد شد
افزودن نظر