آموزش تگ های 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:

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

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

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

آموزش 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:

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

آموزش تگ 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: تگ title

آموزش Html: تگ title

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

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

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

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

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

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

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

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

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


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

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

آموزش تگ abbr در Html :

آموزش تگ abbr در Html :

در این مقاله با آموزش تگ abbr در Html در خدمت شما هستیم:

تگ <abbr> همانند تگ <acronym> برای عبارات مخفف شده به کار میرود.(طراحی سایت , سئو سایت , طراحی سایت )

اما تگ <acronym> در HTML5 پشتیبانی نمیشود برای همین از تگ <abbr> استفاده میشود.(طراحی سایت فروشگاهی , طراحی سایت شرکتی ساخت سایت , قیمت طراحی سایت )

 

ساختار تگ <abbr> :

برای مثال:

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

CDN is short for Content Delivery Network.

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

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

 

نکات تگ <abbr> :

  1. جایگزین تگ <acronym> میباشد.
  2. از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
  3. از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.
  4. با استفاده از ویژگی title میتوانید عبارت کامل کلمه مخفف شده را به صورت تولتیپ نمایش دهید. (موس را روی کلمه CDN در نمایش خروجی قطعه کد بالا نگه دارید.)