Cum să faci un obiect html complex. Unele atribute ale etichetei OBJECT

Acasă / Browsere
Etichete HTML

Semnificație și aplicare

Element - это универсальный способ внедрения в страницу мультимедийного контента - видео, 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”>

În acest exemplu, am postat un videoclip de la găzduirea video YouTube folosind eticheta и . Ширину и высоту видео задали с использовнием атрибутов 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" >

Diferențele dintre HTML 4.01 și HTML 5

Majoritatea atributelor nu sunt acceptate în HTML5. HTML5 a adăugat un nou atribut de formular, obiectele pot fi folosite și trimise în formulare, obiectele nu pot fi folosite în interiorul unei etichete

Etichetă HTML - Объект
Попробуйте сами »

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

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

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

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

К счастью элемент object предоставляет решение. Если элемент object не отображается, будет выполнен код между тегами и . În acest fel putem folosi mai multe elemente de obiect imbricate (unul pentru fiecare browser).

Suport pentru browser

Etichetă Sprijinit de toate browserele majore.

Etichetă acceptă următoarele atribute de eveniment:

Atribut Sens Descriere DTD
onclick scenariu Scriptul a fost lansat la clic de mouse STF
ondblclick scenariu Faceți dublu clic pe script STF
onmousedown scenariu Scriptul de rulat când este apăsat butonul mouse-ului STF
onmousemove scenariu Scriptul de rulat atunci când cursorul mouse-ului este mutat STF
onmouseout scenariu Scriptul de rulat atunci când cursorul mouse-ului se mișcă în afara unui element STF
onmouseover scenariu Scriptul rulează când cursorul mouse-ului se deplasează peste un element STF
onmouseup scenariu Scriptul de rulat când butonul mouse-ului este eliberat STF
onkeydown scenariu Scriptul rulat la apăsarea tastei STF
la apăsarea tastei scenariu Scriptul rulează atunci când o tastă este apăsată și apoi eliberată STF
onkeyup scenariu Scriptul de rulat când cheia este eliberată STF

HTML-ul eticheta este folosită pentru încorporarea unui obiect într-un document HTML. Utilizați această etichetă pentru a încorpora conținut multimedia în paginile dvs. web.

Atribute de conținut pentru gestionarea evenimentelor

Atributele de conținut de gestionare a evenimentelor vă permit să invocați un script din HTML. Scriptul este invocat atunci când are loc un anumit „eveniment”. Fiecare atribut de conținut de gestionare a evenimentelor tratează un eveniment diferit.

Iată atributele standard de conținut HTML 5 pentru gestionarea evenimentelor.

  • onabort
  • anula
  • onblur
  • oncanplay
  • oncanplaythrough
  • la schimbare
  • onclick
  • oncontextmeniu
  • ondblclick
  • ondrag
  • ondragend
  • ondragente
  • ondragexit
  • ondragleave
  • ondragover
  • ondragstart
  • ondrop
  • schimbarea duratei
  • golit
  • încheiat
  • la eroare
  • onfocus
  • onformchange
  • onforminput
  • la intrare
  • oninvalid
  • onkeydown
  • la apăsarea tastei
  • onkeyup
  • onload
  • date încărcate
  • metadate încărcate
  • onloadstart
  • onmousedown
  • onmousemove
  • onmouseout
  • onmouseover
  • onmouseup
  • pe roata mouse-ului
  • în pauză
  • onplay
  • onplaying
  • pe progres
  • onratechange
  • onreadystatechange
  • onscroll
  • cautat
  • căutând
  • onselect
  • onshow
  • instalat
  • onsubmit
  • onsuspend
  • ontimeupdate
  • la schimbarea volumului
  • în așteptare

Pentru o explicație completă a acestor atribute, vezi.

Este posibil ca browserul dvs. să nu accepte funcționalitatea din acest articol.

Introducere

De ani de zile folosim bibliotecile JQuery și Dojo pentru a simplifica elemente complexe ale UI, cum ar fi animațiile, colțurile rotunjite și glisați și plasați. Sigur, atractivitatea vizuală este importantă pentru a crea site-uri web de calitate, dar de ce aveți nevoie de o bibliotecă pentru sarcini comune pe care le folosesc toți dezvoltatorii?

Trageți din browser pe desktop

Ghid complet Pentru instrucțiuni despre tragerea fișierelor din browser pe desktop, consultați acest articol de pe site-ul web CSS Ninja.

Exemple

Iată versiunea finală cu îmbunătățire aspectși un numărător de mișcări:

Concluzie

Modelul drag and drop din HTML5 este mai complex decât alte soluții precum interfața JQuery. Cu toate acestea, dacă aveți opțiunea de a utiliza API-ul încorporat al browserului, ar trebui să îl utilizați. La urma urmei, despre asta este HTML5: standardizați și faceți toate disponibile trusa propriile capacități browser. Sperăm că, în timp, bibliotecile populare care folosesc drag-and-drop vor include suport pentru HTML5 în mod implicit și capacitatea de a personaliza soluția JS în moduri diferite.

Legături

  • Drag and Drop - Specificații
  • Articol Funcționalitate de glisare și plasare încorporată pe site-ul web html5doctor
  • Trageți și plasați fișiere ca din Gmail pe un site web CSS Ninja

În această lecție ne vom familiariza cu eticheta . Scopul său principal este de a încorpora unele obiecte într-o pagină HTML pe care browserul nu este capabil să o recunoască. De exemplu, ar putea fi un joc flash, imagini, audio, video, applet-uri java, elemente activeX, PDF.

Sintaxa etichetei HTML

... [] ...

Secțiunea de atribute conține parametri foarte importanți pentru funcționarea obiectului (vom analiza valorile acestora cu exemple de mai jos). Mai mult, există doar două obligatorii: tip și date. Între etichetele obiectului de închidere și deschidere, puteți seta parametrii pentru obiectul conectat (dacă, desigur, sunt necesari) prin .

Atributele etichetei

1. Aliniați

Align - este responsabil pentru alinierea obiectului în raport cu alte elemente ale paginii.

De exemplu

VALUE poate lua următoarele valori:

  • absmiddle - aliniați la mijlocul liniei curente
  • linia de bază , alinierea de mijloc la linia de bază a liniei curente
  • jos (implicit) - aliniază chenarul de jos al obiectului cu textul din jur
  • stânga - locația obiectului în stânga
  • dreapta - locația obiectului din dreapta
  • sus - aliniați la cel mai înalt element al liniei curente

2.Clasid

Classid - spune browserului ce program, plugin sau applet să încarce. Acest program va funcționa în continuare cu obiectul

De exemplu

În loc de o adresă URL, puteți scrie fie o adresă absolută, fie o adresă relativă.

3.Date

Datele sunt cel mai important argument deoarece specifică adresa obiectului.

De exemplu

Adresa obiectului este specificată în funcție de dacă am specificat codul de bază. Dacă codul de bază nu este specificat, atunci adresa obiectului este specificată în raport cu partea din directorul în care ne aflăm. Aș recomanda să specificați adresa completă a obiectului.

4. Înălțime și lățime

Înălțime și lățime - setați înălțimea și, respectiv, lățimea obiectului. Poate fi specificat atât în ​​pixeli, cât și în procente. Dacă îl setăm ca procent, atunci valorile sunt calculate pe baza zonei permise.

De exemplu

5.Tip

Tip - definește tipul MIME al datelor specificate în atributul de date. Este necesar ca browserul să pregătească resursele necesare. Cel mai adesea valoarea sa este exact „application/x-shockwave-flash”.

În cazul în care browserul nu acceptă obiecte (acest lucru se întâmplă adesea dacă player flash Adobe), apoi în interiorul etichetei Puteți specifica un text care va informa utilizatorul că obiectul nu poate fi încărcat.

De exemplu

Ne pare rău, obiectul nu poate fi afișat
Nota 1

Este posibil ca browserul IE să nu înțeleagă corect valoarea datelor, așa că ar trebui să specificați din nou adresa fișierului în etichetele param:

Exemplu: ceas folosind obiect

Folosind obiectul, puteți afișa cu ușurință obiecte și elemente multimedia. Cel mai simplu și mai evident exemplu este un ceas.

Alegerea editorului

© 2024 ermake.ru -- Despre repararea PC-ului - Portal de informații