HTML5, вградени елементи - част 2

Много пъти в нашите документи HTML Трябва да обогатим съдържанието и вече не става въпрос за добавяне на изображение, но и за това на медийно ниво като цяло, за това трябва да включим съдържание от други страници, да включим видеоклипове и т.н. За да направим това, ще видим как да вградим други видове елементи, различни от изображения.
За да включим HTML съдържание ще използваме елемента iframe, Този елемент ни позволява да включим страница, различна от текущата, в нашия документ, атрибутите, които има, са следните:

• src
• srcdoc
• ям
• ширина
• височина
• пясъчник
• безпроблемно

Нека разгледаме пример на ниво код за това как да се реализира a iframe в HTML5 документ:

 Пример

Плодове, които харесвам
Дейности, които харесвам

В този пример виждаме как използваме някои елементи да се за генериране на връзки, с които можем да заредим различен документ в iframe, в него виждаме атрибути като напр ям което показва името на елемента, като ширина Y височина които ни позволяват да зададем размера на елемента.
Нека да видим как изглежда този пример, когато го стартираме в браузъра си:

В HTML5 имаме два нови атрибутаНека видим първото безпроблемно, този атрибут ни позволява да покажем iframe сякаш е неразделна част от нашия документ, тоест потребителят няма да осъзнае, че вижда съдържание, което не принадлежи на сайта, вторият атрибут, пясъчник, това ни помага да предотвратим работата на следните атрибути в документа, който се отваря в iframe:

• скриптове
• форми
• плъгини
• връзки към други документи

Стойностите, които атрибутът може да приеме пясъчник са както следва:

• разрешителни форми: Позволява използването на формуляри.
• скриптове за разрешаване: Позволява използването на скриптове, като javascript.
• allow-top-navigation: Той позволява връзките, така че да могат да заменят текущия документ, от който iframe или също така да отворите нови раздели и прозорци.
• разреши-същия произход: Тя позволява съдържанието на iframe да се третира така, сякаш е генериран в същия документ, който прави повикването.

Този елемент ни позволява да включим обекти в нашия HTML документ, като например видео на YouTube, Нека разгледаме пример за това:

 Пример 

Както можем да видим в примера имаме атрибута src което показва източника на обекта, който ще бъде вграден, след това Тип което ни казва какъв тип обект е, както и ширина и височина за да зададете размера на нашия елемент.
Този елемент е доста полезен, когато продължаваме да обогатяваме нашите страници, сега не само с други документи и изображения, но и с видеоклипове и флаш съдържание.
С това приключваме този урок, вече би трябвало да можем да произвеждаме документи HTML обогатени, които се приспособяват към изображението, което може да имаме в съзнанието си за това как трябва да изглежда нашата страница, или за показване на изображения или видеоклипове от различни видове източници.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка