Kuinka tehdä monimutkainen html-objekti. Jotkut OBJECT-tunnisteen attribuutit

Kotiin / Selaimet
HTML-tunnisteet

Merkitys ja sovellus

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

Tässä esimerkissä lähetimme videon YouTube-videopalvelusta käyttämällä tunnistetta и . Ширину и высоту видео задали с использовнием атрибутов 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" >

Erot HTML 4.01:n ja HTML 5:n välillä

Useimpia määritteitä ei tueta HTML5:ssä. HTML5 on lisännyt uuden lomakeattribuutin, objekteja voidaan käyttää ja lähettää lomakkeissa, objekteja ei voi käyttää tagin sisällä

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

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

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

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

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

К счастью элемент object предоставляет решение. Если элемент object не отображается, будет выполнен код между тегами и . Tällä tavalla voimme käyttää useita sisäkkäisiä objektielementtejä (yksi per selain).

Selaimen tuki

Tag Kaikki yleisimmät selaimet tukevat.

Tag tukee seuraavia tapahtumamääritteitä:

Attribuutti Merkitys Kuvaus DTD
onclick käsikirjoitus Skripti käynnistettiin hiiren napsautuksella STF
ondblclick käsikirjoitus Kaksoisnapsauta komentosarjaa STF
hiiri alas käsikirjoitus Skripti, joka suoritetaan, kun hiiren painiketta painetaan STF
onmousemovessa käsikirjoitus Komentosarja, joka suoritetaan, kun hiiren osoitinta liikutetaan STF
on hiiri ulos käsikirjoitus Komentosarja, joka suoritetaan, kun hiiren osoitin siirtyy elementin ulkopuolelle STF
hiiren päällä käsikirjoitus Komentosarja suoritetaan, kun hiiren osoitin liikkuu elementin päällä STF
hiirellä käsikirjoitus Skripti, joka suoritetaan, kun hiiren painike vapautetaan STF
onkeydown käsikirjoitus Skripti suoritetaan näppäinpainalluksella STF
näppäinpainalluksella käsikirjoitus Komentosarja suoritetaan, kun näppäintä painetaan ja sitten vapautetaan STF
onkeyup käsikirjoitus Komentosarja, joka suoritetaan, kun avain vapautetaan STF

HTML -tunnistetta käytetään objektin upottamiseen HTML-dokumenttiin. Käytä tätä tunnistetta multimedian upottamiseen verkkosivuillesi.

Tapahtumakäsittelijän sisällön määritteet

Tapahtumakäsittelijän sisällön määritteiden avulla voit kutsua komentosarjan HTML-koodistasi. Skripti vedetään, kun tietty "tapahtuma" tapahtuu. Jokainen tapahtumakäsittelijän sisältömäärite käsittelee eri tapahtumaa.

Tässä ovat vakiomuotoiset HTML 5 -tapahtumakäsittelijän sisällön määritteet.

  • kesken
  • peruuttaa
  • onblur
  • oncanplay
  • oncanplaythrough
  • vaihdossa
  • onclick
  • kontekstivalikosta
  • ondblclick
  • ondrag
  • ondragend
  • ondragenter
  • ondragexit
  • ondragleave
  • ondragover
  • ondragstart
  • ondrop
  • keston muutos
  • tyhjennettynä
  • päättyi
  • virhe
  • keskittyä
  • onformchange
  • onforminput
  • sisääntulossa
  • ei kelpaa
  • onkeydown
  • näppäinpainalluksella
  • onkeyup
  • lataus
  • ladatut tiedot
  • ladatut metatiedot
  • onloadstart
  • hiiri alas
  • onmousemovessa
  • on hiiri ulos
  • hiiren päällä
  • hiirellä
  • hiiren pyörällä
  • tauko
  • pelissä
  • pelissä
  • käynnissä
  • kurssimuutoksella
  • valmiissa tilanmuutoksessa
  • rullaa
  • etsitty
  • etsimässä
  • onselect
  • esittelyssä
  • asennettu
  • lähettää
  • keskeyttää
  • ajankohtainen päivitys
  • äänenvoimakkuuden muutoksessa
  • odottamassa

Katso näiden ominaisuuksien täydellinen selitys.

Selaimesi ei välttämättä tue tämän artikkelin toimintoja.

Johdanto

Olemme käyttäneet JQuery- ja Dojo-kirjastoja monimutkaisten käyttöliittymäelementtien yksinkertaistamiseen, kuten animaatioita, pyöristettyjä kulmia ja vetämällä ja pudottamalla. Toki visuaalinen vetovoima on tärkeää laadukkaiden verkkosivustojen luomisessa, mutta miksi tarvitset kirjaston yleisiin tehtäviin, joita kaikki kehittäjät käyttävät?

Vedä selaimesta työpöydälle

Täydellinen opas Katso tästä CSS Ninja -sivuston artikkelista ohjeet tiedostojen vetämisestä selaimesta työpöydälle.

Esimerkkejä

Tässä lopullinen versio paranneltuina ulkonäkö ja liikelaskuri:

Johtopäätös

Vedä ja pudota -malli HTML5:ssä on monimutkaisempi kuin muut ratkaisut, kuten JQuery-käyttöliittymä. Jos sinulla on kuitenkin mahdollisuus käyttää selaimen sisäänrakennettua API:ta, sinun tulee käyttää sitä. Siitähän HTML5:ssä onkin kyse: standardoi ja tee kaikki saatavilla pakki omia kykyjä selain. Toivottavasti ajan myötä suositut vedä ja pudota -kirjastot sisältävät oletuksena tuen HTML5:lle ja mahdollisuuden mukauttaa JS-ratkaisua eri tavoin.

Linkit

  • Vedä ja pudota - määritys
  • Artikkeli Sisäänrakennettu vedä ja pudota -toiminto html5doctor-verkkosivustolla
  • Vedä ja pudota tiedostoja kuten Gmailista CSS Ninja -sivustolle

Tällä oppitunnilla tutustumme tunnisteeseen . Sen päätarkoitus on upottaa HTML-sivulle objekteja, joita selain ei pysty tunnistamaan. Se voi olla esimerkiksi flash-peli, kuvat, ääni, video, java-sovelmat, ActiveX-elementit, PDF.

HTML-tunnisteen syntaksi

... [] ...

Attribuutit-osio sisältää erittäin tärkeitä parametreja objektin toiminnalle (tarkastelemme niiden arvoja alla olevilla esimerkeillä). Lisäksi pakollisia on vain kaksi: tyyppi ja tiedot . Sulkevan ja avaavan objektitunnisteen välissä voit asettaa parametreja yhdistetylle objektille (jos niitä tietysti tarvitaan) .

Tunnisteen attribuutit

1. Kohdista

Tasaa - vastaa objektin kohdistamisesta muihin sivun elementteihin.

Esimerkiksi

VALUE voi ottaa seuraavat arvot:

  • absmiddle - tasaa nykyisen rivin keskelle
  • perusviiva , keskikohta - tasaus nykyisen rivin perusviivaan
  • pohja (oletus) - kohdistaa objektin alareunan ympäröivään tekstiin
  • vasen - objektin sijainti vasemmalla
  • oikea - objektin sijainti oikealla
  • alkuun - tasaa nykyisen rivin korkeimpaan elementtiin

2.Classid

Classid - kertoo selaimelle, mikä ohjelma, laajennus tai sovelma ladataan. Tämä ohjelma toimii edelleen kohteen kanssa

Esimerkiksi

URL-osoitteen sijasta voit kirjoittaa joko absoluuttisen tai suhteellisen osoitteen.

3. Tiedot

Data on tärkein argumentti, koska se määrittää kohteen osoitteen.

Esimerkiksi

Objektin osoite määritetään sen mukaan, määritimmekö koodikannan. Jos koodikantaa ei ole määritetty, objektiosoite määritetään suhteessa siihen hakemiston osaan, jossa olemme. Suosittelen, että määrität kohteen täydellisen osoitteen.

4. Korkeus ja leveys

Korkeus ja Leveys - aseta objektin korkeus ja leveys. Voidaan määrittää sekä pikseleinä että prosentteina. Jos asetamme sen prosentteina, arvot lasketaan sallitun alueen perusteella.

Esimerkiksi

5. Tyyppi

Tyyppi - määrittää dataattribuutissa määritettyjen tietojen MIME-tyypin. Sitä tarvitaan, jotta selain valmistelee tarvittavat resurssit. Useimmiten sen arvo on täsmälleen "application/x-shockwave-flash".

Jos selain ei tue objekteja (tämä tapahtuu usein, jos flash-soitin Adobe), sitten tagin sisällä Voit määrittää tekstin, joka ilmoittaa käyttäjälle, että objektia ei voi ladata.

Esimerkiksi

Valitettavasti objektia ei voida näyttää
Huomautus 1

IE-selain ei ehkä ymmärrä data-arvoa oikein, joten sinun tulee määrittää tiedostoosoite uudelleen parametritunnisteissa:

Esimerkki: kello käyttää objektia

Objektin avulla voit helposti näyttää multimediaobjekteja ja -elementtejä. Yksinkertaisin ja ilmeisin esimerkki on kello.

Toimittajan valinta

© 2024 ermake.ru - Tietoja PC-korjauksesta - Tietoportaali