در حال بارگذاری...
SVG HTML
SVG شکلهای برداری مقیاسپذیر. HTML میتواند inline یا فایل.
پاسخ مستقیم
Inline: <svg>…</svg>. فایل: <img src="icon.svg" alt="…">. inline CSS راحتتر؛ img سادهتر.
Tiny inline SVG circle
html
HTML Code
<svg width="80" height="80" viewBox="0 0 80 80" role="img" aria-label="Green circle">
<circle cx="40" cy="40" r="32" fill="#2a7"></circle>
</svg>SVG as an image file
html
HTML Code
<img src="images/logo.svg" alt="Site logo" width="120">امتحان کنید
- دایره SVG
- resize — تیز بماند
- .svg با img
- alt یا aria-label
اشتباهات آسان
- بدون نام accessible
- SVG inline عظیم
- ترس قدیمی browser
خلاصه
- SVG برداری
- inline یا img
- label معنادار
- آیکون و illustration
🧠 دانش خود را بیازمایید
آماده شروع
دانش خود را بیازمایید
خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کردهاید
3
سوالات
70%
برای قبولی
∞
زمان
∞
تلاشها
📝 دستورالعملها
- هر سوال را با دقت بخوانید
- بهترین پاسخ را برای هر سوال انتخاب کنید
- میتوانید آزمون را هر چند بار که میخواهید تکرار کنید
- پیشرفت شما در بالا نمایش داده میشود