{"id":14599,"date":"2024-05-07T10:16:25","date_gmt":"2024-05-07T08:16:25","guid":{"rendered":"https:\/\/www.beseit.net\/?p=14599"},"modified":"2024-05-07T10:38:06","modified_gmt":"2024-05-07T08:38:06","slug":"iframe","status":"publish","type":"post","link":"http:\/\/www.beseit.net\/?p=14599","title":{"rendered":"iframe"},"content":{"rendered":"\n<div class=\"wp-block-group has-medium-font-size\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Un <strong>iframe<\/strong> \u00e9s un element HTML que cont\u00e9 un altre document HTML dins d&#8217;ell. Aix\u00f2 permet incrustar contingut d&#8217;altres llocs dins d&#8217;una p\u00e0gina web. Aqu\u00ed tens m\u00e9s detalls:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Per a qu\u00e8 serveix un iframe?<\/strong> Els llocs web sovint utilitzen iframes per incloure elements externs. Per exemple, v\u00eddeos. Si incrustes un v\u00eddeo de YouTube a la teva p\u00e0gina, no cal que emmagatzemis el v\u00eddeo al teu servidor; simplement el pots incrustar al teu codi HTML. Aix\u00f2 millora l&#8217;experi\u00e8ncia de navegaci\u00f3 dels visitants. Cada <strong>iframe<\/strong> t\u00e9 el seu propi historial de sessi\u00f3 i el seu propi objecte Document. Aix\u00f2 significa que pots tenir m\u00faltiples iframes a la mateixa p\u00e0gina, cadascun amb el seu contingut independent\u00b9\u00b2.<\/li>\n\n\n\n<li><strong>Difer\u00e8ncies entre iframe i elements incrustats:<\/strong> A m\u00e9s dels iframes, hi ha altres elements HTML5 coneguts com a \u00abelements incrustats\u00bb (o \u00abembed\u00bb). Aquests s&#8217;utilitzen per inserir altres tipus de contingut, com ara PDF, plugins i automatitzacions. Tot i que els elements incrustats poden incloure recursos de v\u00eddeo o imatges, \u00e9s millor utilitzar iframes per a aix\u00f2. Els elements incrustats funcionen nom\u00e9s per a tecnologies web antigues, mentre que els iframes s\u00f3n m\u00e9s comuns i sempre funcionen b\u00e9\u00b9. ?<\/li>\n\n\n\n<li>Exemple:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-background\" style=\"background-color:#eae8e8\"><code>&lt;iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/TU_ID_DEL_V\u00cdDEO\" frameborder=\"0\" allowfullscreen&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">En aquest codi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>L&#8217;atribut <code>width<\/code> i <code>height<\/code> defineixen les dimensions de l&#8217;iframe.<\/li>\n\n\n\n<li>L&#8217;atribut <code>src<\/code> cont\u00e9 la URL del v\u00eddeo de YouTube que vols incrustar. Hauries de substituir <code>TU_ID_DEL_V\u00cdDEO<\/code> per l&#8217;ID real del v\u00eddeo que vulguis mostrar.<\/li>\n\n\n\n<li>L&#8217;atribut <code>frameborder<\/code> estableix si es mostra o no el marc del v\u00eddeo.<\/li>\n\n\n\n<li>L&#8217;atribut <code>allowfullscreen<\/code> permet que el v\u00eddeo es pugui veure a pantalla completa.<\/li>\n\n\n\n<li><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Learn English through story ? level 6 ? &quot;Easy come, Easy go.&quot;\" width=\"584\" height=\"329\" src=\"https:\/\/www.youtube.com\/embed\/VjQblb_xPls?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Un iframe \u00e9s un element HTML que cont\u00e9 un altre document HTML dins d&#8217;ell. Aix\u00f2 permet incrustar contingut d&#8217;altres llocs dins d&#8217;una p\u00e0gina web. Aqu\u00ed tens m\u00e9s detalls: En aquest codi:<\/p>\n","protected":false},"author":2,"featured_media":8179,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-14599","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html"],"_links":{"self":[{"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/14599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14599"}],"version-history":[{"count":8,"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/14599\/revisions"}],"predecessor-version":[{"id":14609,"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/14599\/revisions\/14609"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/media\/8179"}],"wp:attachment":[{"href":"http:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14599"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=14599"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=14599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}