كيفية إنشاء كائن HTML معقد. بعض سمات علامة OBJECT

بيت / المتصفحات
علامات HTML

المعنى والتطبيق

عنصر - это универсальный способ внедрения в страницу мультимедийного контента - видео, flash-роликов, апплетов, изображений и даже веб-страниц. Он может содержать несколько элементов , которые используются, чтобы определить параметры для плагинов, встроенных в элемент .

Внутри элемента также можно поместить резервный контент, который отображается, если не поддерживается мультимедийный файл. Атрибуты и параметры меняются в зависимости от типа объекта и иногда уникальны для сторонних плагинов, отображающих мультимедийный контент.

Поддержка браузерами

Тег
Opera
IExplorer
Edge
Да Да Да Да Да Да

Атрибуты

Атрибут Значение Описание
align top
bottom
middle
left
right 		Не поддерживается в HTML5 .
Определяет выравнивание элемента в соответствии с окружающими элементами.
archive URL Не поддерживается в HTML5 .
Атрибут позволяет установить произвольное число файлов необходимых для работы объекта (файлы перечисляются через пробел).
border pixels Не поддерживается в HTML5 .
Определяет ширину границы вокруг объекта
classid class_ID Не поддерживается в HTML5 .
Определяет класс ID значение, установленное в реестре Windows или URL.
codebase URL Не поддерживается в HTML5 .
Определяет, где найти код для объекта
codetype media_type Не поддерживается в HTML5 .
Указывает на тип объекта, заданный атрибутом classid .
data URL Задает адрес ресурса, который будет использоваться объектом.
declare declare Не поддерживается в HTML5 .
Определяет, что объект должен быть только объявлен (использование предполагается другим элементом).
form form_id Задает одну или несколько форм к которым объект принадлежит.
height pixels Указывает высоту объекта.
hspace pixels Не поддерживается в HTML5 .
Определяет пробелы слева и справа от объекта.
name name Задает имя объекта.
standby text Не поддерживается в HTML5 .
Определяет текст, отображаемый в то время как объект загружается.
type media_type Указывает MIME-тип , указанный в атрибуте данных
usemap #mapname Определяет имя карты с изображением, используемую с объектом.
vspace pixels Не поддерживается в HTML5 .
Определяет пробелы на верхней и нижней части объекта.
width pixels
% 		Указывает ширину объекта.

Пример использования

</span>Пример использования тегов <object> и <embed><span>

Размещение видео с YouTube

"https://www.youtube.com/embed/d9TpRfDdyU0">

في هذا المثال، قمنا بنشر مقطع فيديو من استضافة فيديو YouTube باستخدام العلامة и . Ширину и высоту видео задали с использовнием атрибутов width и height . Обратите внимание, что тег парный и путь к видео необходимо указывать атрибутом data , a тег имеет синтаксис схожий с размещением обычного изображения (тег ) - использует атрибут src и не требует закрывающего тега.

Результат нашего примера:

В следующем примере рассмотрено применение элемента совместно с тегом , который используется для определения параметров плагинов.

</span>Пример использования элемента <param><span> data = "video.mp4" name = "videoObject" > Name = "autoplay" value = "1" > Name = "allowFullScreen" value = "true" > data = "video.swf" name = "flashVideoObject" type = "application/x-shockwave-flash" > Name = "loop" value = "true" >

الاختلافات بين HTML 4.01 وHTML 5

معظم السمات غير مدعومة في HTML5. أضاف HTML5 سمة نموذج جديدة، ويمكن استخدام الكائنات وإرسالها في النماذج، ولا يمكن استخدام الكائنات داخل علامة

علامة HTML - Объект
Попробуйте сами »

Определение и Использование

Тег используется для включения объектов, таких как изображения, аудио, видео, Java апплеты, ActiveX, PDF документы, и Flash анимация.

Элемет object был создан для замены элементов img и applet. Однако, в силу наличия багов и отсутствия поддержки браузеров этого не произошло.

Поддержка элемента object браузерами зависит от типа объекта. К сожалению основные браузеры используют различные коды для загрузки объекта одного и того же типа.

К счастью элемент object предоставляет решение. Если элемент object не отображается, будет выполнен код между тегами и . بهذه الطريقة يمكننا استخدام عناصر كائنات متداخلة متعددة (واحد لكل متصفح).

دعم المتصفح

علامة بدعم من جميع المتصفحات الرئيسية.

علامة يدعم سمات الحدث التالية:

يصف معنى وصف دتد
عند النقر script تم إطلاق البرنامج النصي عند النقر بالماوس إس تي إف
com.ondblclick script انقر نقراً مزدوجاً فوق البرنامج النصي إس تي إف
com.onmousedown script البرنامج النصي للتشغيل عند الضغط على زر الماوس إس تي إف
com.onmousemove script البرنامج النصي الذي سيتم تشغيله عند تحريك مؤشر الماوس إس تي إف
onmouseout script برنامج نصي يتم تشغيله عندما يتحرك مؤشر الماوس خارج العنصر إس تي إف
com.onmouseover script يتم تشغيل البرنامج النصي عندما يتحرك مؤشر الماوس فوق عنصر ما إس تي إف
com.onmouseup script البرنامج النصي الذي سيتم تشغيله عند تحرير زر الماوس إس تي إف
عند الضغط على الزر لأسفل script تشغيل البرنامج النصي عند الضغط على المفاتيح إس تي إف
com.onkeypress script يتم تشغيل البرنامج النصي عند الضغط على مفتاح ثم تحريره إس تي إف
com.onkeyup script البرنامج النصي للتشغيل عند تحرير المفتاح إس تي إف

HTML يتم استخدام العلامة لتضمين كائن داخل مستند HTML. استخدم هذه العلامة لتضمين الوسائط المتعددة في صفحات الويب الخاصة بك.

سمات محتوى معالج الأحداث

تمكّنك سمات محتوى معالج الأحداث من استدعاء برنامج نصي من داخل HTML الخاص بك. يتم استدعاء البرنامج النصي عند حدوث "حدث" معين. تتعامل كل سمة محتوى لمعالج الحدث مع حدث مختلف.

فيما يلي سمات محتوى معالج أحداث HTML 5 القياسية.

  • onabort
  • يلغي
  • com.onblur
  • com.oncanplay
  • com.oncanplaythrough
  • onchange
  • عند النقر
  • com.oncontextmenu
  • com.ondblclick
  • ondrag
  • com.ondragend
  • com.ondragenter
  • com.ondragexit
  • com.ondragleave
  • com.ondragover
  • com.ondragstart
  • com.ondrop
  • com.ondurationchange
  • تم إفراغه
  • انتهى
  • com.onerror
  • com.onfocus
  • com.onformchange
  • com.onforminput
  • oninput
  • oninvalid
  • عند الضغط على الزر لأسفل
  • com.onkeypress
  • com.onkeyup
  • تحميل
  • com.onloadeddata
  • com.onloadedmetadata
  • com.onloadstart
  • com.onmousedown
  • com.onmousemove
  • onmouseout
  • com.onmouseover
  • com.onmouseup
  • على عجلة الماوس
  • على الإيقاف المؤقت
  • com.onplay
  • com.onplaying
  • com.onprogress
  • com.onratechange
  • onreadystatechange
  • على التمرير
  • سعى
  • ساعيًا
  • عند تحديد
  • عرض
  • مثبتة
  • على تقديم
  • com.onsuspend
  • com.ontimeupdate
  • com.onvolumechange
  • في انتظار

للحصول على شرح كامل لهذه الصفات، انظر.

قد لا يدعم متصفحك الوظيفة المذكورة في هذه المقالة.

مقدمة

لقد كنا نستخدم مكتبات JQuery وDojo لتبسيط عناصر واجهة المستخدم المعقدة مثل الرسوم المتحركة والزوايا المستديرة والسحب والإفلات لسنوات. من المؤكد أن الجاذبية المرئية مهمة لإنشاء مواقع ويب عالية الجودة، ولكن لماذا تحتاج إلى مكتبة للمهام الشائعة التي يستخدمها جميع المطورين؟

اسحب من المتصفح إلى سطح المكتب

الدليل الكاملللحصول على إرشادات حول سحب الملفات من متصفحك إلى سطح المكتب، راجع هذه المقالة على موقع ويب CSS Ninja.

أمثلة

هنا هو الإصدار النهائي مع تحسين مظهروعداد الحركة:

خاتمة

يعد نموذج السحب والإفلات في HTML5 أكثر تعقيدًا من الحلول الأخرى مثل واجهة JQuery. ومع ذلك، إذا كان لديك خيار استخدام واجهة برمجة التطبيقات (API) المضمنة في المتصفح، فيجب عليك استخدامه. بعد كل شيء، هذا هو ما يدور حوله HTML5: التوحيد والتصنيع كل ما هو متاحعدة القدرات الخاصة browser. نأمل، مع مرور الوقت، أن تتضمن المكتبات الشائعة التي تستخدم السحب والإفلات دعمًا لـ HTML5 افتراضيًا والقدرة على تخصيص حل JS بطرق مختلفة.

روابط

  • السحب والإفلات - المواصفات
  • مقالة وظيفة السحب والإفلات المضمنة على موقع html5doctor
  • قم بسحب وإفلات الملفات مثل تلك الموجودة في Gmail على موقع ويب CSS Ninja

في هذا الدرس سوف نتعرف على العلامة . والغرض الرئيسي منه هو تضمين بعض الكائنات في صفحة HTML التي لا يستطيع المتصفح التعرف عليها. على سبيل المثال، يمكن أن تكون لعبة فلاش، أو صور، أو صوت، أو فيديو، أو تطبيقات جافا، أو عناصر ActiveX، أو PDF.

بناء جملة علامة HTML

... [] ...

يحتوي قسم السمات على معلمات مهمة جدًا لتشغيل الكائن (سننظر إلى قيمها مع الأمثلة أدناه). علاوة على ذلك، هناك نوعان إلزاميان فقط: النوع والبيانات. بين علامتي الإغلاق والفتح للكائن، يمكنك تعيين معلمات للكائن المتصل (إذا كانت هناك حاجة إليها بالطبع) عبر .

سمات العلامة

1. محاذاة

محاذاة - مسؤول عن محاذاة الكائن بالنسبة لعناصر الصفحة الأخرى.

على سبيل المثال

<

VALUE يمكن أن تأخذ القيم التالية:

  • absmiddle - محاذاة إلى منتصف السطر الحالي
  • خط الأساس، الوسط - محاذاة لخط الأساس للخط الحالي
  • أسفل (افتراضي) - يقوم بمحاذاة الحد السفلي للكائن مع النص المحيط
  • اليسار - موقع الكائن على اليسار
  • اليمين - موقع الكائن على اليمين
  • أعلى - محاذاة لأعلى عنصر في السطر الحالي

2. كلاسي

Classid - يخبر المتصفح بالبرنامج أو البرنامج الإضافي أو التطبيق الصغير الذي سيتم تحميله. سيعمل هذا البرنامج أيضًا مع الكائن

على سبيل المثال

بدلاً من عنوان URL، يمكنك كتابة عنوان مطلق أو نسبي.

3. البيانات

البيانات هي الوسيطة الأكثر أهمية لأنها تحدد عنوان الكائن.

على سبيل المثال

يتم تحديد عنوان الكائن بناءً على ما إذا كنا قد حددنا قاعدة التعليمات البرمجية. إذا لم يتم تحديد قاعدة التعليمات البرمجية، فسيتم تحديد عنوان الكائن بالنسبة إلى جزء الدليل الذي نحن موجودون فيه. أوصي بتحديد العنوان الكامل للكائن.

4. الارتفاع والعرض

الارتفاع والعرض - قم بتعيين ارتفاع وعرض الكائن، على التوالي. يمكن تحديدها بالبكسل والنسب المئوية. إذا قمنا بتعيينها كنسبة مئوية، فسيتم حساب القيم بناءً على المساحة المسموح بها.

على سبيل المثال

5. النوع

النوع - يحدد نوع MIME للبيانات المحددة في سمة البيانات. من الضروري أن يقوم المتصفح بإعداد الموارد اللازمة. غالبًا ما تكون قيمته هي "application/x-shockwave-flash" بالضبط.

في حالة عدم دعم المتصفح للكائنات (يحدث هذا غالبًا إذا مشغل فلاش Adobe)، ثم داخل العلامة يمكنك تحديد نص لإعلام المستخدم بأنه لا يمكن تحميل الكائن.

على سبيل المثال

عذرًا، لا يمكن عرض الكائن
ملاحظة 1

قد لا يفهم متصفح IE قيمة البيانات بشكل صحيح، لذا يجب عليك تحديد عنوان الملف مرة أخرى في العلامات المعلمة:

مثال: الساعة باستخدام الكائن

باستخدام الكائن، يمكنك بسهولة عرض كائنات وعناصر الوسائط المتعددة. المثال الأبسط والأكثر وضوحًا هو الساعة.

اختيار المحرر

© 2024 ermake.ru - حول إصلاح أجهزة الكمبيوتر - بوابة المعلومات