تو این مطلب میخام متا تگ های مهم در html رو معرفی میکنم که در نمایش وب سایت یا وبلاگ شما در موتورهای جست و جو تاثیر داره!
- ۱ نظر
- ۱۷ فروردين ۹۴ ، ۱۵:۳۹
تو این مطلب میخام متا تگ های مهم در html رو معرفی میکنم که در نمایش وب سایت یا وبلاگ شما در موتورهای جست و جو تاثیر داره!
امروز میخواهم یکی دیگر از تگ های پرکاربرد html را معرفی کنم. تگ <table> یا جدول ؛ برای ایجاد جدول در صفحات اچ تی ام ال به کار میره!
بجای استفاده از صفت های مانند border در تگ جدول بهتر هست از css استفاده کنید.آموزش css و صفت های مربوط به تگ <table>.
برای افزودن سطر به جدول خود در صفحه html از تگ <tr> که مخفف کلمه ی table row میباشد استفاده میکنیم ، برای افزودن محتوا در سطر جدول از تگ <td> استفاده میکنیم که مخفف کلمه table data هست.
ساختار تگ <table>
در این مطلب میخوام به چگونگی استایل دادن به متن در css بپردازم ، امیدوارم براتون مفید باشه و نظر هم یادتون نره!
مثال های که در این مطلب ارائه میشن در بیشتر مرورگرها پشتیبانی می شوند ولی پیشنهاد میکنم برای استفاده از امکانات css در طراحی خودتان اگر پشتیبانی مرورگرهای خاصی براتون اهمیت داره ، مثلا مرورگر IE9 به پایین که سهم شان در استفاده کاربران از آنها رو به روز کمتر میشه و دیگر مرورگر ها میتونید از این سایت استفاده کنید و اگر سوالی داشتید می توانید به این صفحه مراجعه کنید.
با تگ font در html حتما آشنایی دارید! برای آموزش html به این صفحه مراجعه کنید. خب میخواهیم دستورات font را با css بنویسیم!
<p>
<font color="black" face="tahoma,arial">
lorem ipsum matnist azmayeshi
</font>
</p>
برای اینکه به هر پاراگراف خود رنگ و فونت مشخصی بدهید باید دستورات فونت را به همراش تکرار کنید! و این کار ...! دوست داشتنی نیس! برای این کار از سی اس اس استفاده کنیم. به این صورت
شاید فکر کنید که استفاده از css احتیاج به کدنویسی پیچیده دارد! در حالی که اینطور نیست ، css یکی از آسان ترین و برترین ابزار برای طراحان وب هست!
سلکتور(گزینشگر ، انتخاب کننده! همون سلکتور خوبه! :)).
سلکتورهای سی اس اس (CSS selectors)
هر سبک css دو بخش دارد. اولین بخش سلکتور مورد نظر ماست که می خواهیم استایل را بهش اعمال کنیم. بخش دومم هم خصوصیات(propertis) مورد نظرمون که میخاهیم رو سلکتور اعمال بشن.که خصوصیات و مقدار آنها بین دو { } قرار میگیرند.
selector
{
propertis:value;
}
بخش اول آموزش سی اس اس CSS
تاریخچه مختصر
در سال 1995 توسط کنسرسیوم جهانی وب (W3C) معرفی شد.
سال 1996 این استاندارد به طراحان وب توصیه شد.
سال 1998 نیز نسخه دوم این استاندارد نیز منتشر شد.
اولین سایتی که طراحی قدیمی را کنار گذاشت و در طراحی قالب از css استفاده کرد، سایت ورزشی ESPN بود و سایت دیگری هم بودند
که از این استاندارد استفاده کردند همچون GAMESPOT که بعنوان بزرگترین سایت مرتبط با بازی های کامپیوتری شناخته میشود.
آموزش ایجاد پاراگراف و عنوان ها در اچ تی ام ال.برای افزودن پاراگراف از تگ <p></p> به کد زیر دقت کنید :
<p> drowgaan tahi wada, lorem ipsum dollar ... </p>
سئو وبسایت برای تمام دارندگان وب سایت های حتما مهم هست و دوست دارند که سئو وبسایت خود را افزایش بدهند که باعث می شود رتبه وبسایت در موتورهای جست و جوگر بالا بره.
وقتی که کاربر وارد سایت میشه با خواندن مطالب متوجه این میشه که موضوع مطالب چی هست! اما موتورهای جست و جوگر همه مطالب سایت رو متن (text) در نظر میگیرند و اینکه مرتبط با چه موضوعی هست رو نمیتونند تشخیص بدهند. با استفاده از تگ های microdata به موتورهای جست و جوگر میفهمونیم که موضوغ مطلب چی هست! به عنوان مثال که این مطلب در مورد شخص هست یا یک محصول یا یک مکان و ...! این تگ ها در html5 استفاده میشه و شما میتونید توی سایت http://sechma.org (توسط همین سایت تعریف و استاندارد شده هست) ببینید.
چگونه از microdata استفاده کنیم ؟
بعنوان فردی که وبسایت طراحی میکنید و یا دارنده یه وبسایت هستید حتما اسم " متا تگ ها " رو شنیده اید و یا اینکه اهمیت نقش آن ها را در سئو وبسایت متوجه شده اید! در این پست میخام انواع مختلف متا تگ ها رو توضیح بدم.
متا تگ چیست ؟
تگ (بر چسب ) به معنی مخفف کلمه ای ست که برای شناسای یک شی به آن نسبت داده میشود.
تگ های متا بین تگ <head ...</head> قرار میگیرن و با کلمه meta شروع میشن!
<head>
<meta name="" content="">
</head>
انواع متا تگ ها
برای ایجاد لینک ها در اچ تی ام ال از تگ <a> استفاده میکنیم. (A = Anchor)
تگ لینک <a> دارای خصیصه های (attribute) زیر هست :
Href برای افزودن آدرس لینک