ایجاد فاصله بین خطوط در وردپرس با شورت‌کد
سلام و درود به شما دوستان عزیز وردپرسی و همراهان مِستر آموز.
در وردپرس به راحتی و با زدن Enter به دلخواه می توانیم فاصله بین خطوط ایجاد کنیم. اما اگر بخواهیم به صورت استاندارد فاصله را ایجاد کنیم، باید از روش دیگری استفاده کنیم.
در این مقاله آموزشی در مِستر آموز قصد معرفی شورت کدی را داریم که در پست های گذشته در مطالب آموزش HTML آن را توضیح داده ایم.
تگ <br>:
عبارت br مخفف کلمه Break می باشد. ما می توانیم با استفاده از تگ <br /> یک خط فاصله بین خطوط ایجاد کنیم.
در قدم اول میخواهیم بررسی کنیم که ارتباط تگ br با مرورگر ها به چه شکل است؟
تگ br با مرورگر هایی مانند IE ، گوگل کروم ، فایرفاکس ، اپرا و هر مرورگر دیگری سازگاری دارد، و در آن ها نمایش داده می شود. یکی دیگر از کاربردهای مهم این تگ در نوشتن آدرس است. که با استفاده از آن یک خط خالی ایجاد می کنند، که باعث نظم بیشتر می شود.
نکته:
کسانی که با کد های HTML آشنایی دارند می دانند که برای همه تگ ها در این زبان یک تگ پایانی وجود دارد، اما تگ br ، تگ پایان ندارد و آن را با یک اسلش / در همان تگ ابتدایی می بیندیم. <br />
تگ <br> در XHTML
در XHTML متفاوت است و باید به صورت اجباری تگ را ببندیم. یعنی این تگ باید به صورت <br/> بسته شود. ولی طبق تصویر زیر در HTML اگر اسلش / را نزاریم هم هیچ مشکلی را به وجود نمی آورد.
تفاوتی در کاربرد این تگ در XHTML وجود دارد و آن بستن اجباری این تگ است. یعنی این تگ باید به صورت </br> بسته شود.
چگونگی استفاده از این تگ
دقت داشته باشید که برای استفاده از تگ <br> حتما باید در قسمت متن ویرایشگر استفاده کنیم.
نکته:
اگر می‌خواهید چند پیکسل فاصله بگذارید، می‌توانید از تگ <p> به روش زیر عمل کنید:
اکنون برای دیدن نتیجه به سربرگ دیداری یا Visual بروید. طبق تصویر می بینید که فاصله ای به اندازه 50 پیکسل ایجاد شده است.
موفق و پیروز باشید.
