تگ hr از آن دسته تگ هایی است که جزو عناصر تهی به شمار می رود و برای ایجاد خط بین دو مبحث جدا در صفحات Html از آن استفاده می شود. (طراحی سایت , سئو سایت , طراحی سایت )
توجه داشته باشید که این تگ در Html5 برای جداکردن دو موضوع و در Html4 برای کشیدن یک خط استفاده شده است. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
از نکات دیگری که باید گفته شود اینست که چون در html5 تمام خصوصیت های تگ hr قابل پشتیبانی نیست بنابراین باید از CSS برای ایجاد این خصایص کمک گرفته شود.
در زیر قطعه کدی مشاهده می کنید که در آن از تگ hr برای ایجاد فاصله بین دو پاراگراف تگ p ایجاد شده است:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!DOCTYPE html> <html> <body> <h2>تیتر اول</h2> <p>پاراگراف اول.</p> <hr> <h2>تیتر دوم</h2> <p>پاراگراف دوم.</p> </body> </html> |
خروجی کد بالا به شکل زیر می باشد:
پاراگراف اول.
پاراگراف دوم.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| aling | left center right justify | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه سرتیر و عنوان بندی را تغییر دهید. این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه ترازبندی عنوان را تغییر دهید. |
| noshade | noshade | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت تگ hr بدون سایه و تنها با یک رنگ به نمایش در می آید. |
| size | pixels | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید ارتفاع تگ hr را تغییر دهید. |
| width | pixels % | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید ارتفاع تگ hr را تغییر دهید. |
تگ hr تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی می کند.
تمامی مرور گر ها را پشتیبانی می کند.
در این مقاله با آموزش تگ bdi در html در خدمت علاقه مندان به یادگیری html هستیم. (طراحی سایت , سئو سایت , طراحی سایت )
تگ bdi مخفف شده عبارت Bi-Directional Isolation به معنی جداسازی دوطرفه میباشد. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
اگر خیلی کوتاه و مختصر بخوایم کاربرد تگ <bdi> رو توضیح بدم باید بگم که فکر کنید زبان سایت شما انگلیسی هستش و یک عبارت فارسی یا عربی در آن به کار میبرید و ظاهر جمله بندی شما به هم میریزد.
این تگ برای جهت دهی به این چنین عباراتی ساخته شده است که بتواند به عبارت غیر مرتبط با زبان اصلی سایت شما را جهت دهی کند و ظاهر آن حفظ شود.
1 | <bdi>txt</bdi> |
برای مثال عبارت زیر را در نظر بگیرید:
My country is ایران in the Middle East.
1 | My country is <bdi>ایران</bdi> in the Middle East. |
خروجی قطعه کد بالا:
My country is ایران in the Middle East.
تمامی مرورگرها به جز IE از این تگ پشتیبانی می کنند.
با آموزش تگ br در Html در خدمت شما هستیم:
در html برای اینکه مرور گرها بتوانند فاصله های پشت سرهم که ایجاد می شود را ایجاد نمایند از تگ br استفاده می کنند. (طراحی سایت , سئو سایت , طراحی سایت )
تگ br درواقع یک خط اجباری برای ایجاد فاصله بین خطوط می باشد. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
همیشه باید دقت داشته باشید که از این تگ برای رفتن به خط جدید استفاده کنید و هرگز درون پاراگراف ها از آن استفاده نکنید.
این تگ از جمله عناصری است که دارای تگ پایانی نمی باشد و یک عنصر تهی به حساب می آید.
این تگ می تواند برای نوشتن اشعار و یا ایجاد آدرس استفاده شود.
کد زیر یک نمونه استفاده از تگ br را نشان می دهد:
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html> <body> <p> To break lines<br>in a text,<br>use the br element. </p> </body> </html> |
خروجی کد بالا به شکل زیر خواهد بود:
To break lines
in a text,
use the br element.
این تگ تمامی ویژگی های عمومی و رویدادهای عمومی را در Html پشتیبانی می کند.
تمامی مرور گر ها را پشتیبانی می کند.
با آموزش تگ های h1 تا h6 در Html در خدمت شما هستیم.
تگ های h1 تا h6 در واقع یکی از مهمترین تگ های به کار رفته در Html می باشد که در بهبود سئوی سایت شما در موتور های جستجو می تواند بسیار موثر عمل کند.(طراحی سایت , طراحی سایت )
در واقع از این تگ ها که به تگ های Heading معروف می باشند، برای جداسازی عنوان یا سرتیتر ها در مقاله ها در Html استفاده می شود.
در استفاده از تگ های h1 تا h6 دقت داشته باشید که باید به ترتیب استفاده شوند و ارزش هر تگ به ترتیب از h1 که قویترین می باشد تا h6 که ضعیف ترین است قرار داده شده است. .(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
برای موتور های جستجو استفاده از این تگ ها بسیار مهم است و برای هر صفحه حتما باید یک تگ h1 وجود داشته باشد و از بقیه تگ ها به ترتیب ارزش آن ها استفاده شود. مثلا می توانید تنها از دو تگ h1 و h2 استفاده نمایید و نیازس نیست حتما همه ی تگ های h1 تا h6 در صفجه شما قرار داده شود.
در زیر می توانید نمونه ی استفاده شده از این تگ ها را در صفحات Html مشاهده کنید:
1 2 3 4 5 6 7 8 9 10 11 12 | <html> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> </body> </html> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| aling | left center right justify | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه سرتیر و عنوان بندی را تغییر دهید. این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه ترازبندی عنوان را تغییر دهید. |
تمامی مرور گر ها را پشتیبانی می کند.
در این مقاله با آموزش تگ address در HTML در خدمت شما هستیم:(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
تگ <address> به معنای ساده آدرس تماس نویسنده یک سند یا نوشته یا مقاله است.(طراحی سایت , سئو سایت , طراحی سایت )
تگ <address> با توجه به محل قرارگیری در متن، معنی کلی دارد:
1 | <address>.......</address> |
برای مثال:
1 2 3 4 5 | <address> تهران – خیابان مطهری – خیابان میرعماد – کوچه پنجم – پلاک 11- واحد 3 </address> |
نمونه خروجی قطعه کد بالا:
تهران – خیابان مطهری – خیابان میرعماد – کوچه پنجم – پلاک 11- واحد 3* همانگونه که در متن بالا مشاهده میکنید متن های خروجی تگ <address> به صورت مورب و ایتالیک نمایش داده مشوند.
تمامی مرورگرها از این تگ پشتیبانی می کنند.