پیاده سازی و پیشرفت تارنماها در دانا با زبان نمادگذاری HTML شروع شد. HTML یک گویش اپنویسی وجود ندارد. زبانی میباشد برای ساختن ساختار کلی صفحات یک سایت و نشانگذاری کردن مکان قرار تصاحب کردن هر المان در صفحه. با HTML به تنهایی نمی شود هیچ یک از وب سایتهای مدرن طراحی سایت در مشهد را گسترش اعطا کرد. زیرا برای پیاده سازی و کدنویسی سایتهای داینامیک (یعنی تارنماهایی مثل آمازون یا این که دیجی کالا) به لهجههای برنامهنویسی در کنار گویش نشانهگذاری نیاز میباشد. ولی نکته اینجاست که سوای این لهجه هم قابلیت ندارد بشود هیچ نوع وبسایتی را تشکیل داد. این لهجه پایه و شالوده شغل ساخت وب سایت میباشد. به همین ادله میباشد که هر اینترنت دیزاینر و طراح سایتی باید لهجه نشانهگذاری HTML را خیلی عالی بداند و به آن مسلط باشد. یک سؤال است که برای همگیی نرم افزارنویسانی که جدید یادگرفتن HTML و فعالیت طراحی وب را استارت کردند، پیش میاید: تفاوت تگ div با تگ span در HTML چیست و کدام را برای هر قسمت از تارنما باید تعیین کرد و چرا؟ این نقص جهانی تمامیی کسانی می باشد که می خواهند ساختار کلی یک برگه وب سایت بی آلایش و بسیار ساده یا این که یک برگه اینترنت بسیار غامض را با این زبان کدنویسی نمایند. دراین راهنما به این سؤال جواب می دهیم و این ایراد را حل میکنیم. پیش از پرداختن به تفاوتهای این دو تگ (tag) بسیار مهم در HTML، باید هر کدام را تعریفوتمجید کرد. به دو تصویر پایین نگاه کنید. تصویر دوم بخش بسیار کوچکی از کدهای برگهی منزلی تارنما آمازون میباشد. به تعداد دیوها و اسپنها (یک تگ در زیر شیت) دقت نمایید. تعداد divها بیشتر از spanهاست. در هر صفحه از وب سایت بایستی محتواها و المانهای بصری ازجمله متنهای کوتاه راهنما، المانهای UI و عکسها قرار داده خواهد شد. طراح اینترنت ورقه را به فضاها و بخشهای غیروابستهای تقسیم مینماید. این قسمتهای جداگانه با محتواها و المانهایی که معمولا تیم صفحه آرایی محصول (یعنی طراحان رابط استفاده کننده و تجربه استفاده کننده سایت) مشخص مینمایند، پر میشوند. اپنویس این تقسیمبندی ورقه را با به کارگیری از HTML Elements ایفا می دهد. هر المان دراین زبان یک تگ منحصر به فرد به خودش را دارااست. مثلا، المان جمله با تگ بازشونده و بستهشوندهی نوشته میشود. در میان دو تگ، محتوای جمله یا این که متن قرار میگیرد. div و span دو المان در HTML اند که با تگهای بازشونده و بستهشوندهی … و … نوشته میشوند. از این دو المان معمولا هنگامی استفاده میگردد که طراح و نرم افزارنویس وب سایت می خواهد مجموعهای از چندین محتوا (مانند متن و عکس) را در یک بخش قرار دهد تا بتواند به راحتی آن را تعیین نماید و استایل یا این که ویژگی خاصی را به کل آن مجموعه نسبت دهد. div مخفف division به معنای بخش میباشد. در صورتیکه طراح و گسترشدهنده تارنما یک متن، عکس، یک محتوا (برای مثال یک سری خط) یا این که دستهی آنهارا در یک div (کانتینر) قرار دهد، میتواند به راحتی و با به کار گیری از کدهای CSS خصوصیت یا این که استایل متمایزی را به آن المان یا این که آن گروه بدهد. به عنوان مثال، دو خط اول در یک برگه می بایست با رنگ پسقضیهی (background color) طوسی نوشته گردد و سه خط آتی با رنگ پسقضیهی بنفش. اپنویس دو خط اولیه را در یک div قرار میدهد و به آن دیو رنگ پسموردی طوسی را می دهد و خطهای آجل را در یک دیو دیگر با رنگ پسقضیهی بنفش میگذارد. به عبارتیطور که در تصویر بالا معلوم میباشد، اندازهی المان div به اندازهی آحاد پهنا ورقهی وبسایت میباشد. نکته اینجاست کهاین اندازه در HTML برای این المان پیشفرض و مشخص است. زیرا div یک المان block به شمار می رود، اندازهی مشخصی از پهنا ورقه را اشغال مینماید و مدام از بالا و تحت هم یک خط با المانهای دیگر مسافت دارااست. به عبارتیطور که در تصویر هم معلوم می باشد میان دو دیو یک خط فاصله وجود دارااست. المان block مدام از سرخط (بعداز المان گذشته) قرار می گیرد و شروع می شود. ولی، در شرایطی که اپنویس بخواهد و طراحی صفحه مال (سایت) نیاز داشته باشد، می تواند با CSS پهنا پیشفرض را تغییر دهد و دیو را، از چپ یا این که راست، خردخیس یا این که تعالیخیس نماید. هنگامی اپلیکیشننویس و پیشرفتدهنده اینترنت بخواهد یک یا این که یکسری محتوا را به سیرتکاملای در شیت کنار هم قرار دهد که دنبال هم قرار بگیرند (مسافتای در بین آنها نباشد) و یا این که فضایی بیشتر از ابعاد خودشان را اشغال نکنند، از المان span استعمال مینماید. اسپن نقطهی مقابل دیو میباشد. پهنا و مسافتی پیشفرض ندارد.
پیاده سازی و پیشرفت تارنماها در دانا با زبان نمادگذاری HTML شروع شد. HTML یک گویش اپنویسی وجود ندارد. زبانی میباشد برای ساختن ساختار کلی صفحات یک سایت و نشانگذاری کردن مکان قرار تصاحب کردن هر المان در صفحه. با HTML به تنهایی نمی شود هیچ یک از وب سایتهای مدرن طراحی سایت در مشهد را گسترش اعطا کرد. زیرا برای پیاده سازی و کدنویسی سایتهای داینامیک (یعنی تارنماهایی مثل آمازون یا این که دیجی کالا) به لهجههای برنامهنویسی در کنار گویش نشانهگذاری نیاز میباشد. ولی نکته اینجاست که سوای این لهجه هم قابلیت ندارد بشود هیچ نوع وبسایتی را تشکیل داد. این لهجه پایه و شالوده شغل ساخت وب سایت میباشد. به همین ادله میباشد که هر اینترنت دیزاینر و طراح سایتی باید لهجه نشانهگذاری HTML را خیلی عالی بداند و به آن مسلط باشد. یک سؤال است که برای همگیی نرم افزارنویسانی که جدید یادگرفتن HTML و فعالیت طراحی وب را استارت کردند، پیش میاید: تفاوت تگ div با تگ span در HTML چیست و کدام را برای هر قسمت از تارنما باید تعیین کرد و چرا؟ این نقص جهانی تمامیی کسانی می باشد که می خواهند ساختار کلی یک برگه وب سایت بی آلایش و بسیار ساده یا این که یک برگه اینترنت بسیار غامض را با این زبان کدنویسی نمایند. دراین راهنما به این سؤال جواب می دهیم و این ایراد را حل میکنیم. پیش از پرداختن به تفاوتهای این دو تگ (tag) بسیار مهم در HTML، باید هر کدام را تعریفوتمجید کرد. به دو تصویر پایین نگاه کنید. تصویر دوم بخش بسیار کوچکی از کدهای برگهی منزلی تارنما آمازون میباشد. به تعداد دیوها و اسپنها (یک تگ در زیر شیت) دقت نمایید. تعداد divها بیشتر از spanهاست. در هر صفحه از وب سایت بایستی محتواها و المانهای بصری ازجمله متنهای کوتاه راهنما، المانهای UI و عکسها قرار داده خواهد شد. طراح اینترنت ورقه را به فضاها و بخشهای غیروابستهای تقسیم مینماید. این قسمتهای جداگانه با محتواها و المانهایی که معمولا تیم صفحه آرایی محصول (یعنی طراحان رابط استفاده کننده و تجربه استفاده کننده سایت) مشخص مینمایند، پر میشوند. اپنویس این تقسیمبندی ورقه را با به کارگیری از HTML Elements ایفا می دهد. هر المان دراین زبان یک تگ منحصر به فرد به خودش را دارااست. مثلا، المان جمله با تگ بازشونده و بستهشوندهی نوشته میشود. در میان دو تگ، محتوای جمله یا این که متن قرار میگیرد. div و span دو المان در HTML اند که با تگهای بازشونده و بستهشوندهی … و … نوشته میشوند. از این دو المان معمولا هنگامی استفاده میگردد که طراح و نرم افزارنویس وب سایت می خواهد مجموعهای از چندین محتوا (مانند متن و عکس) را در یک بخش قرار دهد تا بتواند به راحتی آن را تعیین نماید و استایل یا این که ویژگی خاصی را به کل آن مجموعه نسبت دهد. div مخفف division به معنای بخش میباشد. در صورتیکه طراح و گسترشدهنده تارنما یک متن، عکس، یک محتوا (برای مثال یک سری خط) یا این که دستهی آنهارا در یک div (کانتینر) قرار دهد، میتواند به راحتی و با به کار گیری از کدهای CSS خصوصیت یا این که استایل متمایزی را به آن المان یا این که آن گروه بدهد. به عنوان مثال، دو خط اول در یک برگه می بایست با رنگ پسقضیهی (background color) طوسی نوشته گردد و سه خط آتی با رنگ پسقضیهی بنفش. اپنویس دو خط اولیه را در یک div قرار میدهد و به آن دیو رنگ پسموردی طوسی را می دهد و خطهای آجل را در یک دیو دیگر با رنگ پسقضیهی بنفش میگذارد. به عبارتیطور که در تصویر بالا معلوم میباشد، اندازهی المان div به اندازهی آحاد پهنا ورقهی وبسایت میباشد. نکته اینجاست کهاین اندازه در HTML برای این المان پیشفرض و مشخص است. زیرا div یک المان block به شمار می رود، اندازهی مشخصی از پهنا ورقه را اشغال مینماید و مدام از بالا و تحت هم یک خط با المانهای دیگر مسافت دارااست. به عبارتیطور که در تصویر هم معلوم می باشد میان دو دیو یک خط فاصله وجود دارااست. المان block مدام از سرخط (بعداز المان گذشته) قرار می گیرد و شروع می شود. ولی، در شرایطی که اپنویس بخواهد و طراحی صفحه مال (سایت) نیاز داشته باشد، می تواند با CSS پهنا پیشفرض را تغییر دهد و دیو را، از چپ یا این که راست، خردخیس یا این که تعالیخیس نماید. هنگامی اپلیکیشننویس و پیشرفتدهنده اینترنت بخواهد یک یا این که یکسری محتوا را به سیرتکاملای در شیت کنار هم قرار دهد که دنبال هم قرار بگیرند (مسافتای در بین آنها نباشد) و یا این که فضایی بیشتر از ابعاد خودشان را اشغال نکنند، از المان span استعمال مینماید. اسپن نقطهی مقابل دیو میباشد. پهنا و مسافتی پیشفرض ندارد.
سئوی آن پیج برای ارتقاء ورودی