اگر با HTML و CSS کار میکنی، ابزار
Emmet میتونه کلی تایپ اضافه رو برات حذف کنهچندتا از کاربردیترینها 👇
🔹 ساخت سریع ساختار HTML:
با نوشتن!میتونی ساختار اولیهی یک فایل HTML رو سریع ایجاد کنی
🔹 ساخت عنصر با کلاس:
با نوشتنdiv.containerمیتونی یکdivبا کلاسcontainerبسازی
🔹 ساخت عنصر با شناسه:
با نوشتن#headerمیتونی یکdivبا شناسهیheaderایجاد کنی
🔹 ساخت چند عنصر مشابه:
با نوشتنul>li*5میتونی یک لیست شامل ۵ عنصرliبسازی
🔹 ساخت عناصر تودرتو:
با نوشتنdiv>h2+pمیتونی یکdivبسازی که داخلشh2وpقرار داشته باشن
🔹 ترکیب کلاس و عناصر تودرتو:
با نوشتنdiv.box>p.textمیتونی عناصر تودرتو همراه با کلاسهای موردنظر بسازی
🔹 ساخت سریع منو:
با نوشتنnav>ul>li*4>aمیتونی ساختار اولیهی یک منوی چهارگزینهای رو ایجاد کنی
🔹 شمارهگذاری خودکار کلاسها:
با نوشتنdiv.item$*5میتونی پنج عنصر با کلاسهایitem1تاitem5بسازی
🔹 ساخت متن آزمایشی:
با نوشتنlorem10میتونی بهصورت خودکار ۱۰ کلمه متن آزمایشی ایجاد کنی
🔹 ساخت ورودی متنی:
با نوشتنinput:textمیتونی یک ورودی از نوع متن ایجاد کنی
🔹 ساخت ورودی ایمیل:
با نوشتنinput:emailمیتونی یک ورودی مخصوص ایمیل بسازی
🔹 ساخت لینک با ویژگی:
با نوشتنa[href="#"]میتونی یک لینک همراه با ویژگیhrefایجاد کنی
🔹 ساخت تصویر با ویژگیها:
با نوشتنimg[src="image.jpg"][alt="تصویر"]میتونی یک تصویر همراه باsrcوaltبسازی
🔹 ساخت چند عنصر تودرتو:
با نوشتنdiv.container>div.item*3میتونی یک ساختار شامل سه عنصر مشابه ایجاد کنی
📌 این پست رو ذخیره کن
موقع کدنویسی HTML کلی تایپ اضافه رو ازت میگیره⌨