این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ embed در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ embed در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Embed در HTML
تگ embed تگی است که با استفاده از آن میتوان یک محتوای خارجی ( مثلا عکس ، آهنگ ، ویدئو و.. ) را در یک صفحه ی وب قرار داد.
کمی قبلتر فایل های فلش ( swf. ) بروی مرورگرهای مدرن پشتیبانی میشد و با استفاده از همین تگ embed میشد این فایل هارو به نمایش درآورد، ولی الانه دیگه اکثر مرورگرها بکل نشون نمیدن و این ویژگی رو حذف کردن.
Free-Learn
مثال از تگ embed در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : نمایش فایل PDF
|
1 2 3 4 5 |
<body> <embed src="files/test-object.pdf" width="500" height="300"> </body> |
مثال شماره ۲ : نمایش فایل HTML
|
1 2 3 4 5 |
<body> <embed src="files/test-object.html" width="500" height="300"> </body> |
مثال شماره ۳ : نمایش سایت آموزشی فری لرن
|
1 2 3 4 5 |
<body> <embed src="https://free-learn.ir/" width="500" height="300"> </body> |
مثال شماره ۴ : نمایش یک ویدئو
|
1 2 3 4 5 |
<body> <embed src="files/myvideo.mp4" type="video/mp4"> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ embed در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ embed در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| height | pixels | اندازه ارتفاع تگ embed را مشخص میکند |
| src | URL | آدرس URL جهت نمایش در تگ embed را مشخص میکند |
| type | media_type | نوع رسانه ای ،محتوای تگ embed را مشخص میکند |
| width | pixels | اندازه عرض تگ embed را مشخص میکند |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ embed از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- برای فریم گذاشتن تو صفحه باید از تگ IFrame استفاده کرد
- برای عکس گذاشتن باید از تگ Img استفاده کرد
- برای آهنگ گذاشتن باید از تگ Audio استفاده کرد
- برای ویدئو گذاشتن باید از تگ Video استفاده کرد
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ embed را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
embed:focus { outline: none; } |
