تفاوت تگ‌های و در HTML  چیست؟

طراحی سایت

..تفاوت تگ‌های و در HTML  چیست؟..
طراحی سایت

تفاوت تگ‌های و در HTML  چیست؟

تگ‌های <div> و<span>، دو تگ پرکا‌ربرد و بدون معنا در HTML هستند.

برای ساختن یک سایت خوب، باید از عناصر صحیح در هر بخش استفاده کنیم.

در HTML5 قابلیت‌های زیادی در اختیار برنامه‌نویس قرار داده شده است.

تفاوت در چیست؟

تگ <div> مبتنی بر بلوک است که فضا را به صورت افقی پر می‌کند و بیشتر برای گروه‌بندی عناصر دیگراستفاده می‌شود.

تگ <span> یک آیتم درون خطی است و برای علامت‌گذاری یک بخش خاص استفاده می‌شود.

البته ما می‌توانیم با استفاده از المنت‌های موجود در تگ‌ها، نحوه نمایش را تغییر دهیم؛ ولی اکثریت از حالت پیش‌فرض استفاده می‌کنند.

چه زمانی از آنها استفاده کنیم؟

اگر می‌خواهید پروژه مورد نظر را در فضای شبکه‌ای استفاده کنید، هرچه بیشتر از تگ <div> استفاده کنید راحت‌تر می‌توانید استایل‌های خود را اعمال کنید.

<div class="container">     <div class="row">         <main class="col-12 col-md-8">             Your main content...         </main>         <aside class="col-12 col-md-4">             Your sidebar content...         </aside>     </div> </div>

در حالی که  <div> بیشتر برای ساختار طرح‌بندی است، <span> برای عناصر مرتبط با متن ویا عناصر کوچکتر است. مانند وقتی می‌خواهید برخی از عناصر درون خطی جاوا اسکریپت را استفاده کنید.

<p>This is a <strong>highlighted text</strong> which has meaning.</p> <p>This is a <span class="bold">highlighted text</span> which hasn't meaning.</p>

استفاده از تگ <span> برای قالب‌های متنی مانند ضخیم کردن، کج کردن و ... نادرست است و بهتر است از تگ‌های <strong> و<em> استفاده شود.

منبع

79
18 شهریور 1398
..نظرات..
..مقالات پربازدید..
طراحی سایت

آموزش قرعه کشی در اینستاگرام

  آموزش قرعه کشی در اینستاگرام   با سلام خدمت دوستان و کاربران گرامی . امروز با آموزش قرعه کشی در اینستاگرام برای کسانی که علاقه به ایجاد کمپین های تبلیغاتی دارند در خدمت شما هستیم . بحث قرعه کشی در اینستاگرام با توجه به فراگیر شدن این شبکه اجتماعی که البته امروزه زیرمجموعه فیسبوک مطرح میشود ، زیاد شده است . البته این احتمال وج...

9599
24 فروردین 1398
برنامه نویسی

آموزش کار با افزونه دکان (چند فروشندگی)

آموزش کار با افزونه دکان (چند فروشندگی) افزونه دکان در طراحی سایت فروشگاهی مورد استفاده قرار می گیرد. طراحی سایت در این مورد به گونه ای است که در یک وب سایت، چندین فروشنده امکان قرار دادن و فروش محصولات خود را، در پنل های جداگانه دارند. برای عضویت و قرار دادن محصولات در آن ابتدا وارد وب سایت مورد نظر که با افزونه دکان ایجاد شده است، شوید....

798
04 دی 1397
برنامه نویسی

ویژگی های جدید لاراول 5.8

تغییرات لاراول 5.8 LARAVEL ورژن بعدی فریم ورک لاراول با نسخه ۵.۸ در ماه فوریه سال ۲۰۱۹ منتشر میشه. در حال حاظر تنها مواردی که قطعی شده پشتیبانی لاراول ۵.۸ از کتابخانه carbon نسخه ۲ می باشد. و قابلیت امکان سوییچ بین هر دو نسخه یک و دو carbon مورد دیگر استفاده laravel 5.8 از vlucas/phpdotenv ورژن 3 برای فایل .env میباشد که اجازه استف...

736
08 اسفند 1397