در مقاله های قبلی سئو ایران درباره CSS چیست؟ و html چیست؟ برایتان مطالبی را آورده ایم. در آموزش امروز می خواهیم به مبحث تفاوت css با html بپردازیم.
ابتدا لازم است خیلی کوتاه هم html و هم css را معررفی کنیم.
فهرست موضوعات در این آموزش
Html چیست؟
HTML مخفف عبارت Hypertext Markup Language می باشد. در حقیقت HTML ابزاری است که در طراحی سایت به عنوان زبان نشانه گذاری استفاده می شود و می توان گفت اسکلت اصلی وب سایت را طراحی می کند. ابزار HTML با استفاده از تگ ها برای ساخت کلی صفحات وب اقدام می کند تا وب سایت شما به گونه ای طراحی و راه اندازی شود که رتبه و جایگاه مناسبی را در گوگل بدست آورد.
شاید برایتان جالب باشد که درباره تاریخچه HTML کمی بدانید. در سال 1980 فیزک دانی به نام “تیم برنرز لی” سیستمی را پیشنهاد داد تا به وسیله آن بتوان اسناد را اشتراک گذاری کرد. وی در سال 1989 در یک سیستم اینترنتی متن (Hypertext) را پیشنهاد داد و در نهایت HTML را به عنوان نرم افزار مرورگر در اواخر سال 190 به ثبت رساند.
نکات مهم درباره HTML
بعد نیست حالا که با تعریف HTML آشنا شدیم کمی هم به نتایجی که با استفاده و به کارگیری HTML در وب سایت می توانیم دست پیدا کنیم اشاره ای داشته باشیم. تا بتوانیم به راحتی تفاوت css با html را بخوبی درک کنیم. نکات مهم HTML عبارتند از:
- HTML توصیف صفحات وب از طریق متن عادی مورد استفاده قرار می گیرد
- html به جای متن، از چندین تگ HTML و محتوا ساخته شده است
- تگهای HTML در واقع کلمات کلیدی پنهان شده در صفحات وب هستند که مشخص می کنند مرورگر چطور باید محتوا را نمایش دهد.
- فایلهای HTML باید با پسوند .htm یا .html مشخص شوند
CSS چیست؟
در مقاله قبلی در سئو ایران درباره اینکه CSS چیست؟ برایتان توضیح داده ایم. در این مقاله بار دیگر به اختصار برایتان توضیحاتی آورده ایم. برای اینکه طراحی وب سایت شما موفق باشد نیاز به یک سئو خوب دارید تا جایگاه مناسبی را در گوگل بدست آورید CSS این امکان را برای وب سایت شما به وجود آورده است. CSS در حقیقت ابزاری است برای زبان برنامه نویسی که به وب سایت شما حس خوبی را می دهد و قابلیت فهیم تر بودن یک سند را در وب سایت شما دارد. این ابزار مسئولیت این را دارد که ظاهر سایت شما را با رنگ ها، اندازه ها و دیگر تگ های HTML زیباتر کند.
با استفاده از CSS می توانید تنظیماتی را اعمال کنید که نمایش صفحه وب سایت شما با توجه به اندازه صفحه نمایش کاربر تغییر کند و به راحتی در اختیار کاربر قرار بگیرد. در حقیقت زمانیکه وب سایت شما به گونه ای طراحی شده باشد که قابلیت چندین نوع نمایش صفحاترا داشته باشد CSS برای اینکه تصمیم درست برای حالت نمایش وب سایت گرفته شود از ابزارهای تعیین اولویت استفاده می کند.
در صورتی که مدیر وب سایت چندین نوع نمایش را برای یک صفحه وب سایت خود تنظیم نموده باشد، CSS برای تصمیم گیری اینکه کدام حالت را به نمایش بگذارد، از ابزارهای تعیین اولویت استفاده می نماید.
تفاوت css با html
از جمله کارها و قابلیت های HTML این است که نمایش متن یک صفحه را بر روی مرورگر مشخص می کند اما امکانات خوبی را برای زیباسازی صفحات وب سایت نمی تواند در اختیار طراح سایت قرار دهد. در صورتیکه CSS بر عکس آن عمل می کند یعنی برای طراحان سایت این امکان را فراهم می آورد تا تمامی قسمت های وب سایت خود را در یک صفحه کنترل کنند و به وب سایت شما زیبایی و حس خوب دهند. بگذارید با یک مثال تفاوت css با html را روشن تر بیان کنیم. یک کادر خالی را در نظر بگیرید که هیچگونه اقدامی در آن صورت نگرفته است و کاملا خالی می باشد برای شما چه جذابیتی دارد؟ طبیعتا هیچ جذابیتی برای شما ندارد. اما زمانیکه به همان کادر خالی رنگ دهید و از خالی بودن آن را خارج کنید به آن هویت و خصوصیت داده اید تا برایتان جذاب تر جلوه کند.
در حقیقت Hypertext Markup Language که عبارت کامل شده HTML می باشد ابزاری است که برای تولید کردن محتوای واقعی صفحه وب سایت شما یا همان متن نوشته مورد استفاده قرار میگیرد در صورتیکه Cascading Style Sheets یا همان CSS برای طراحی وب سایت که شامل شکل ظاهری، رنگ پس زمینه می باشد مورد استفاده است. وب سایت شما هم همانند آن کادر خالی می باشد اگر بخوبی در زمینه سئو سایت خود فعالیت درستی را انجام ندهید نمی توانید رتبه مناسبی را در گوگل بدست آورید.
برای بررسی سئو سایت و آشنایی با مطلب ui چیست؟ به سایت ما مراجعه کنید.