როგორ შევქმნათ რთული 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 не отображается, будет выполнен код между тегами и . ამ გზით ჩვენ შეგვიძლია გამოვიყენოთ მრავალი ჩადგმული ობიექტის ელემენტი (თითო ბრაუზერზე).

ბრაუზერის მხარდაჭერა

მონიშნეთ მხარდაჭერილია ყველა ძირითადი ბრაუზერის მიერ.

მონიშნეთ მხარს უჭერს შემდეგი მოვლენის ატრიბუტებს:

ატრიბუტი მნიშვნელობა აღწერა DTD
დააწკაპუნეთ სკრიპტი სკრიპტი გაშვებულია მაუსის დაწკაპუნებით STF
ondblccck სკრიპტი ორჯერ დააწკაპუნეთ სკრიპტზე STF
onmousedown სკრიპტი სკრიპტი გასაშვებად მაუსის ღილაკზე დაჭერისას STF
onmousemove სკრიპტი სკრიპტი გასაშვებად მაუსის მაჩვენებლის გადაადგილებისას STF
onmouseout სკრიპტი სკრიპტი გასაშვებად, როდესაც მაუსის მაჩვენებელი მოძრაობს ელემენტის გარეთ STF
მაუსის თავზე სკრიპტი სკრიპტის გაშვება, როდესაც მაუსის მაჩვენებელი მოძრაობს ელემენტზე STF
onmouseup სკრიპტი სკრიპტი გასაშვებად, როდესაც მაუსის ღილაკი გათავისუფლდება STF
onkeydown სკრიპტი სკრიპტის გაშვება კლავიშზე STF
ღილაკზე დაჭერით სკრიპტი სკრიპტი გადის კლავიშზე დაჭერისას და შემდეგ გამოშვების დროს STF
onkeyup სკრიპტი სკრიპტი გასაშვებად გასაღების გამოშვებისას STF

HTML ტეგი გამოიყენება HTML დოკუმენტში ობიექტის ჩასართავად. გამოიყენეთ ეს ტეგი თქვენს ვებ გვერდებზე მულტიმედიის ჩასართავად.

მოვლენის დამმუშავებლის კონტენტის ატრიბუტები

მოვლენის დამმუშავებლის შიგთავსის ატრიბუტები საშუალებას გაძლევთ გამოიძახოთ სკრიპტი თქვენი HTML-დან. სკრიპტის გამოძახება ხდება, როდესაც ხდება გარკვეული „მოვლენა“. თითოეული მოვლენის დამმუშავებლის შინაარსის ატრიბუტი განსხვავებულ მოვლენას ეხება.

აქ არის სტანდარტული HTML 5 მოვლენის დამმუშავებლის კონტენტის ატრიბუტები.

  • აბორტი
  • გააუქმოს
  • ბლომად
  • oncanplay
  • oncanplaythrough
  • შეცვლა
  • დააწკაპუნეთ
  • კონტექსტური მენიუ
  • ondblccck
  • ონდრაგი
  • ონდრაგენდი
  • ondragenter
  • ონდრაგექსიტი
  • ondragleave
  • ონდრაგოვერი
  • ondragstart
  • წვეთი
  • ხანგრძლივობის ცვლილება
  • ერთი დაცარიელებული
  • დასრულდა
  • ერთი შეცდომა
  • ფოკუსირება
  • შეცვლაზე
  • onforminput
  • შეყვანა
  • არასწორი
  • onkeydown
  • ღილაკზე დაჭერით
  • onkeyup
  • ჩატვირთვა
  • ჩატვირთული მონაცემები
  • ჩატვირთული მეტამონაცემები
  • onloadstart
  • onmousedown
  • onmousemove
  • onmouseout
  • მაუსის თავზე
  • onmouseup
  • მაუსის ბორბალი
  • პაუზა
  • თამაშში
  • თამაშობს
  • პროგრესი
  • onratechge
  • მზადყოფნის შეცვლაზე
  • გადახვევა
  • ეძებდა
  • ეძებს
  • არჩევა
  • გამოფენა
  • დაყენებული
  • წარდგენაზე
  • შეჩერება
  • დროულად განახლება
  • მოცულობის ცვლილება
  • მოლოდინში

ამ ატრიბუტების სრული ახსნისთვის იხ.

შესაძლოა თქვენს ბრაუზერს არ ჰქონდეს ამ სტატიაში მოცემული ფუნქციის მხარდაჭერა.

შესავალი

ჩვენ ვიყენებთ JQuery და Dojo ბიბლიოთეკებს რთული ინტერფეისის ელემენტების გასამარტივებლად, როგორიცაა ანიმაციები, მომრგვალებული კუთხეები და გადაათრიეთ და ჩამოაგდეთ წლების განმავლობაში. რა თქმა უნდა, ვიზუალური მიმზიდველობა მნიშვნელოვანია ხარისხიანი ვებსაიტების შესაქმნელად, მაგრამ რატომ გჭირდებათ ბიბლიოთეკა საერთო ამოცანებისთვის, რომელსაც ყველა დეველოპერი იყენებს?

გადაიტანეთ ბრაუზერიდან სამუშაო მაგიდაზე

სრული სახელმძღვანელოთქვენი ბრაუზერიდან დესკტოპზე ფაილების გადატანის ინსტრუქციებისთვის იხილეთ ეს სტატია CSS Ninja ვებსაიტზე.

მაგალითები

აქ არის საბოლოო ვერსია გაუმჯობესებული გარეგნობადა მოძრაობის მრიცხველი:

დასკვნა

გადაათრიეთ და ჩამოაგდეთ მოდელი HTML5-ში უფრო რთულია, ვიდრე სხვა გადაწყვეტილებები, როგორიცაა JQuery ინტერფეისი. თუმცა, თუ თქვენ გაქვთ შესაძლებლობა გამოიყენოთ ბრაუზერის ჩაშენებული API, უნდა გამოიყენოთ იგი. ბოლოს და ბოლოს, სწორედ ეს არის HTML5: სტანდარტიზაცია და შექმნა ყველა ხელმისაწვდომინაკრები საკუთარი შესაძლებლობებიბრაუზერი. იმედია, დროთა განმავლობაში, პოპულარული ბიბლიოთეკები, რომლებიც იყენებენ drag-and-drop-ს, მოიცავენ HTML5-ის მხარდაჭერას ნაგულისხმევად და JS გადაწყვეტის სხვადასხვა გზით მორგების შესაძლებლობას.

ბმულები

  • გადაათრიეთ და ჩამოაგდეთ - სპეციფიკაცია
  • სტატია ჩაშენებული გადაადგილების ფუნქცია html5doctor ვებსაიტზე
  • გადაიტანეთ და ჩამოაგდეთ ფაილები, როგორიცაა Gmail-იდან CSS Ninja ვებსაიტზე

ამ გაკვეთილზე ჩვენ გავეცნობით ტეგს . მისი მთავარი მიზანია ზოგიერთი ობიექტის ჩასმა HTML გვერდზე, რომელსაც ბრაუზერი ვერ ცნობს. მაგალითად, ეს შეიძლება იყოს ფლეშ თამაში, სურათები, აუდიო, ვიდეო, java აპლეტები, ActiveX ელემენტები, PDF.

HTML ტეგის სინტაქსი

... [] ...

ატრიბუტების განყოფილება შეიცავს ძალიან მნიშვნელოვან პარამეტრებს ობიექტის ფუნქციონირებისთვის (მათ მნიშვნელობებს ქვემოთ განვიხილავთ მაგალითებით). უფრო მეტიც, არსებობს მხოლოდ ორი სავალდებულო: ტიპი და მონაცემები. ობიექტის დახურვისა და გახსნის ტეგებს შორის შეგიძლიათ დააყენოთ პარამეტრები დაკავშირებული ობიექტისთვის (თუ, რა თქმა უნდა, საჭიროა) .

ტეგის ატრიბუტები

1. გასწორება

Align - პასუხისმგებელია ობიექტის გასწორებაზე სხვა გვერდის ელემენტებთან.

მაგალითად

VALUE-ს შეუძლია მიიღოს შემდეგი მნიშვნელობები:

  • absmiddle - გასწორება მიმდინარე ხაზის შუაზე
  • საბაზისო , შუა - გასწორება მიმდინარე ხაზის საბაზისო ხაზთან
  • bottom (ნაგულისხმევი) - ასწორებს ობიექტის ქვედა საზღვარს მიმდებარე ტექსტთან
  • მარცხენა - ობიექტის მდებარეობა მარცხნივ
  • მარჯვნივ - ობიექტის მდებარეობა მარჯვნივ
  • ზედა - გასწორება მიმდინარე ხაზის უმაღლეს ელემენტთან

2.კლასიდი

Classid - ეუბნება ბრაუზერს რომელი პროგრამა, დანამატი ან აპლეტი ჩატვირთოს. ეს პროგრამა შემდგომში იმუშავებს ობიექტთან

მაგალითად

URL-ის ნაცვლად, შეგიძლიათ დაწეროთ აბსოლუტური ან ფარდობითი მისამართი.

3.მონაცემები

მონაცემები ყველაზე მნიშვნელოვანი არგუმენტია, რადგან ის განსაზღვრავს ობიექტის მისამართს.

მაგალითად

ობიექტის მისამართი მითითებულია იმის მიხედვით, დავაზუსტეთ თუ არა კოდის ბაზა. თუ კოდის ბაზა არ არის მითითებული, მაშინ ობიექტის მისამართი მითითებულია დირექტორიას იმ ნაწილთან, რომელშიც ჩვენ ვიმყოფებით. მე გირჩევდი ობიექტის სრული მისამართის მითითებას.

4. სიმაღლე და სიგანე

სიმაღლე და სიგანე - დააყენეთ ობიექტის სიმაღლე და სიგანე, შესაბამისად. შეიძლება მითითებული იყოს როგორც პიქსელებში, ასევე პროცენტებში. თუ მას პროცენტულად დავაყენებთ, მაშინ მნიშვნელობები გამოითვლება დაშვებული ფართობის მიხედვით.

მაგალითად

5.ტიპი

ტიპი - განსაზღვრავს მონაცემთა ატრიბუტში მითითებული მონაცემების MIME ტიპს. ბრაუზერისთვის საჭიროა საჭირო რესურსების მოსამზადებლად. ყველაზე ხშირად მისი მნიშვნელობა არის ზუსტად "აპლიკაცია/x-shockwave-flash".

იმ შემთხვევაში, თუ ბრაუზერს არ აქვს ობიექტების მხარდაჭერა (ეს ხშირად ხდება, თუ ფლეშ ფლეერი Adobe), შემდეგ ტეგის შიგნით თქვენ შეგიძლიათ მიუთითოთ ტექსტი, რომელიც აცნობებს მომხმარებელს, რომ ობიექტის ჩატვირთვა შეუძლებელია.

მაგალითად

უკაცრავად, ობიექტის ჩვენება შეუძლებელია
შენიშვნა 1

IE ბრაუზერმა შეიძლება სწორად ვერ გაიგოს მონაცემთა მნიშვნელობა, ასე რომ თქვენ კვლავ უნდა მიუთითოთ ფაილის მისამართი პარამეტრის ტეგებში:

მაგალითი: საათი ობიექტის გამოყენებით

ობიექტის გამოყენებით, თქვენ შეგიძლიათ მარტივად აჩვენოთ მულტიმედიური ობიექტები და ელემენტები. უმარტივესი და ყველაზე ნათელი მაგალითია საათი.

რედაქტორის არჩევანი

© 2024 ermake.ru -- კომპიუტერის შეკეთების შესახებ - საინფორმაციო პორტალი