آموزش Html: تگ title

آموزش Html: تگ title

همانطور که میدانید هر صفحه ی مرورگر دارای یک عنوان می باشد. برای ایجاد چنین ویژگیی از تگ <title>  استفاده می شود. این تگ در قسمت head که درون تگ html و در سند Html قرار می گیرد و عنوان مرور گر سایت در آن نوشته می شود.

برای اینکه به لحاظ اعتبار سنجی بتوانید از ویژگی تگ title بهتر استفاده کنید حداکثر از 15 کاراکتر استفاده کنید. (طراحی سایت , سئو سایت , طراحی سایت )

هر تگ title فقط می تواند یکبار درون سند Html قرار بگیرد و از لحاظ سئو برای موتورهای جستجو تگ بسیار مهمی بشمار می رود.

هرگاه بخواهید به لیست علاقه مندی های خود (favorite) یک صفحه اضافه کنید از تگ title برای این منظور استفاده می شود.(طراحی سایت فروشگاهی , طراحی سایت شرکتی ساخت سایت , قیمت طراحی سایت )

با حذف تگ title هیچ سند Html ای دارای اعتبار نخواهد بود لذا همه ی سندهای Html باید باید دارای تگ عنوان نیز باشند.

همچنین می توانیم بگوییم که تگ title از ویژگی های عمومی در Html پشتیبانی نیز می کند.

از عناوین کوتاه استفاده کنید زیرا عنواین بزرگ توسط مرور گر حذف می شوند.

برای نتیجه گیری بهتر در سئو باید از کلمات مناسب در تگ title  استفاده شود.

 در این جا می توانید ببنید که چگونه می توان برای یک سند Html عنوان نیز تعریف کرد:

 

پشتیبانی مرور گرها از تگ title در Html:

تمامی مرور گر ها را پشتیبانی می کند.


آموزش تگ address در HTML :

آموزش تگ address در HTML :

در این مقاله با آموزش تگ address در HTML در خدمت شما هستیم:(طراحی سایت فروشگاهی , طراحی سایت شرکتی ساخت سایت , قیمت طراحی سایت )

تگ <address> به معنای ساده آدرس تماس نویسنده یک سند یا نوشته یا مقاله است.(طراحی سایت , سئو سایت , طراحی سایت )

تگ <address> با توجه به محل قرارگیری در متن، معنی کلی دارد:

  1. تگ <address> در تگ <body> : اطلاعات تماس مربوط به آن سند را نشان میدهد.
  2. تگ <address> در تگ <article> : اطلاعات مربوط به آن قسمت از نوشته را نشان میدهد.

ساختار تگ <address> در HTML :

 

برای مثال:

نمونه خروجی قطعه کد بالا:

تهران – خیابان مطهری – خیابان میرعماد – کوچه پنجم – پلاک 11- واحد 3

* همانگونه که در متن بالا مشاهده میکنید متن های خروجی تگ <address> به صورت مورب و ایتالیک نمایش داده مشوند.

 

پشتیبانی مرورگر ها از تگ <address> در HTML :

تمامی مرورگرها از این تگ پشتیبانی می کنند.

 

نکات تگ <address> :

  1. در صورتی که آدرس پشتی بخشی از اطلاعات مربوط به تماس نباشد!!! نباید از تگ <address> استفاده کرد.
  2. این تگ را معمولا در بخش فوتر نیز به کار میبرند
  3. تگ <address> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
  4. تگ <address> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.
  5. تگ <address> از HTML4.01 به قبل تگ <article> پشتیبانی نمیشود. بنابراین مانند این است که تگ <address> را  در تگ <body> بکار ببرید که اطلاعات تماس مربوط به آن سند را نشان میدهد.

آموزش Html: تگ body

آموزش Html: تگ body

با آموزش Html: تگ body همراه باشید.(طراحی سایت , سئو سایت , طراحی سایت )

جذاب ترین و در عین حال مهمترین بخش طراحی سایت تگ body می باشد. این تگ که به صورت دو تگ باز و بسته </body><body> درون سندHtml قرار دارد، می تواند تمامی عناصر موجود در بدنه سایت را در خود قرار دهد. هر آنچه که شما در یک صفحه سایت مشاهده می کنید اعم از عکس ها، نوشته ها، عناوین، پاراگراف ها وهمینطور آدرس های ارجاعی همه در تگ body که بدنه اصلی سایت را تشکیل می دهد قرار دارد.(طراحی سایت فروشگاهی , طراحی سایت شرکتی ساخت سایت , قیمت طراحی سایت )

در قسمت زیر می توانید بخشی از بدنه یک سایت راکه توسط تگ body نوشته می شود ببینید:

تگ body  تمام ویژگی های عمومی و همچنین تمام رویداد های عمومی را شامل میشود.

خصوصیت های بسیاریب رای تگ body وجود دارد ولی باید توجه داشته باشید که این خصوصیت ها توسط Html5 پشتیبانی نمی شود.

خصوصیت alink با مقدار color:

توسط این خصوصیت می توانید رنگ مربوط به یک لینک فعال را در صفحه Html خود تغییر دهید یا مقدار دهی کنید.

خصوصیت background با مقدار URL:

این خصوصیت قادر است توسط آدرسی که در URL قرار می گیرد یک تصویر در صفحه Html قرار دهد.

خصوصیت bgcolor با مقدار color:

از این طریق می توانید رنگ پس زمینه خود را در صفحه Html تغییر دهید.

خصوصیت link با مقدار color:

برای تغییر دادن رنگ های لینک ها در صفحه Html از این خصوصیت با مقدار color استفاده می شود.

خصوصیت textبا مقدار color:

شما همچنین می توانید با مقدار دهی کردن خصوصیت text رنگ متنی که در صفحه Html موجود است را به رنگ دلخواه تغییر دهید.

خصوصیت vlink با مقدار color:

هنگامی که لینکی را مشاهده می کنید و دوباره به صفحه باز می گردید برای نمایش بهتر ، کافی است با مقدار دهی color به خصوصیت vlink، رنگ لینک را تغییر دهید.

پشتیبانی مرور گرها از تگ body در Html:

تمامی مرور گر ها را پشتیبانی می کند.


آموزش تگ های h1 تا h6 در Html

آموزش تگ های h1 تا h6 در Html

با آموزش تگ های h1 تا h6 در Html در خدمت شما هستیم.

تگ های h1 تا h6 در واقع یکی از مهمترین تگ های به کار رفته در Html می باشد که در بهبود سئوی سایت شما در موتور های جستجو می تواند بسیار موثر عمل کند.(طراحی سایت  , طراحی سایت )

در واقع از این تگ ها که به تگ های Heading معروف می باشند، برای جداسازی عنوان یا سرتیتر ها در مقاله ها در Html استفاده می شود.

در استفاده از تگ های h1 تا h6 دقت داشته باشید که باید به ترتیب استفاده شوند و ارزش هر تگ به ترتیب از h1 که قویترین می باشد تا h6 که ضعیف ترین است قرار داده شده است. .(طراحی سایت فروشگاهی , طراحی سایت شرکتی ساخت سایت , قیمت طراحی سایت )

برای موتور های جستجو استفاده از این تگ ها بسیار مهم است و برای هر صفحه حتما باید یک تگ h1 وجود داشته باشد و از بقیه تگ ها به ترتیب ارزش آن ها استفاده شود. مثلا می توانید تنها از دو تگ h1 و h2 استفاده نمایید و نیازس نیست حتما همه ی تگ های h1 تا h6 در صفجه شما قرار داده شود.

در زیر می توانید نمونه ی استفاده شده از این تگ ها را در صفحات Html مشاهده کنید:

 

خصوصیت های تگ h1 تا h6 در Html:

خصوصیتمقدارتوضیحات
aling left
center
right
justify
این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود.
با استفاده از این خصوصیت می توانید نحوه سرتیر و عنوان بندی را تغییر دهید.
این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود.
با استفاده از این خصوصیت می توانید نحوه ترازبندی عنوان را تغییر دهید.

پشتیبانی مرور گرها از تگ h1 تا h6 در Html:

تمامی مرور گر ها را پشتیبانی می کند.


آموزش تگ p در Html

آموزش تگ p در Html

با آموزش تگ p در Html در خدمت شما هستیم:

برای ایجاد متون در صفحات Html از تگ p نیز استفاد می شود. این تگ می تواند حامل تعریف یک پاراگراف نیز باشد. (طراحی سایت , سئو سایت , طراحی سایت )

برای استفاده از این تگ باید از دو تگ باز و بسته به صورت <p></p> نیز استفاده کرد.

وقتی شما یک پاراگراف را با تگ p ایجاد می نمایید یعنی به موتورهای جستجو می فهمانید که در این قسمت با یک پاراگراف مواجه هستند. (طراحی سایت فروشگاهی , طراحی سایت شرکتی ساخت سایت , قیمت طراحی سایت )

تگ p به تنهایی عضو عناصر بلاکی یا (block level) می باشد.

وقتی شما یک پاراگراف را با تگ p ایجاد می نمایید مرور گر به طور خود کار یک فضای خالی در قسمت پایین و بالای پاراگ راف شما ایجاد می نمایند که برای رفع این مشکل با استفاده از css ریست می توان به نتیجه مطلوب رسید.

در قسمت زیر یک نمونه از پاراگراف ایجاد شده با استفاده از تگ p را مشاهده می کنید:

 

خصوصیت های تگ p در Html

خصوصیتمقدارتوضیحات
aling left
right
center
justify
این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود.
با استفاده از این خصوصیت می توانید نحوه جهت دهی به متن پاراگراف را تغییر دهید.
توسط این خصوصیت پاراگراف در قسمت وسط قرار می گیرد.
با استفاده از این خصوصیت می توانید نحوه ترازبندی پاراگراف را تغییر دهید.

 

پشتیبانی مرور گرها از تگ p در Html:

تمامی مرور گر ها را پشتیبانی می کند.