02.03.2017 Views

CSS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

گروه بندی عناصر صفحه با استفاده از تگ های<br />

Span و Div<br />

سابق برای گروه بندی صفحات از تیبل استفاده میکردند،‏ یعنی با ادغام نمودن چندین سطر و<br />

ستون صفحات را تقسیم بندی میکردند،‏ که البته این نوع گروه بندی دارای نواقص زیادی بود از<br />

جمله درست لود نشدن سایت،‏ امکانات کم در جابجایی عناصر و در ضمن برای SEO سایت نیز<br />

خوب نبود اما حاال شما میتوانید از تگ های<br />

ایجاد بخش ها و زیر بخش های داخل یک صفحه<br />

به همراه<br />

Span و Div<br />

HTML<br />

<strong>CSS</strong><br />

برای گروه بندی سایر تگ ها به منظور<br />

ً<br />

استفاده نماید.‏ از این دو عنصر معموال<br />

برای اینکه به گروهی از عناصر Style خاصی نسبت دهیم استفاده میشود.‏<br />

برای مثال فرض کنید می خواهید تعدادی عنصر در بخشی از صفحه همیشه از کالس خاصی<br />

پیروی کنند.‏ احتماالً‏ کالس مورد نظر به روش زیر به تک تک آن ها نسبت می دهید.‏<br />

اما شما میتوانید به جای این کار آنها را با استفاده از تگ<br />

مورد نظر را فقط به تگ<br />

div<br />

div<br />

یکی از ویژگی های مهم تگ<br />

میتوان استفاده نمود.‏<br />

اعمال کنیم.‏<br />

Div<br />

این است که از آن برای گروه بندی عناصر<br />

داخل یک گروه قرار داده و کالس<br />

Block-level<br />

inline و<br />

از طرف دیگر ما میتوانیم از تگ Span فقط برای گروه بندی از نوع عناصرinline استفاده کنیم.‏<br />

بنابراین اگر میخواهید حد اقل به یک جمله و یا قسمتی از یک پاراگراف style خاصی نسبت<br />

دهید بهتر است از span استفاده کنید.‏ مثال:‏<br />

آموزش کاربردی <strong>CSS</strong>3<br />

This is a header of footer<br />

This is a paragraph <br />

This is a paragraph <br />

This text is strong <br />

آموزش کاربردی <strong>CSS</strong>3<br />

<br />

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!