audio

从 object 到 iframe——其他嵌入技术 - 学习 Web 开发 | MDN

现在，你应该已经掌握了将图像、视频和音频嵌入到网页上的诀窍了。此刻，让我们继续深入学习，来看一些能让你在网页中嵌入各种类型内容的元素：、<embed> 和 <object> 元素。<iframe> 用于嵌入其他网页，另外两个元素则用于嵌入外部资源，例如 PDF 文件。...的文章中已经了解了一些技术，如 <video> 、 <<strong>audio</strong>> 和 <img> ，但还有更多等待你去探索的技术，比如...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/zh-CN/docs/Learn/HTML/Mul...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result2"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/fr/docs/Learn/HTML/Introduction_to_HTML/Getting_started" data-uri="https://developer.mozilla.org/fr/docs/Learn/HTML/Introduction_to_HTML/Getting_started" data-order="0">Commencer avec le HTML - Apprendre le développe...</a> </h2> <div class="body"> <div class="description"><h3>Cet article porte sur les fondements du HTML, pour prendre un bon départ — nous définissons les éléments, les attributs et tout autre terme important que vous avez peut‑être entendu, ainsi que leur emplacement adéquat dans le langage. Nous montrons comment un élément HTML est structuré, comment une page HTML classique est structurée et expliquons les autres importants traits de base du langage. Dans ce parcours, nous jouons avec certains HTML pour exciter votre intérêt....vidéos, des jeux, des pistes <strong>audio</strong> jouables ou autre. Apprentissage...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/fr/docs/Learn/HTML/Introd...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result3"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/file" data-uri="https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/file" data-order="0"><input type="file"> - HTML: ハイパーテキストマークアップ言語 | MDN</a> </h2> <div class="body"> <div class="description"><h3><input> 要素の type="file" 型は、ユーザーが一つまたは複数のファイルを端末のストレージから選択することができるようにします。選択されると、ファイルはフォーム投稿を使用してサーバーにアップロードしたり、JavaScript コードとファイル API を使用して操作したりすることができます。... 文字列 <strong>audio</strong>/* で「任意の音声ファイル」を意味する。文字列 video/*...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/ja/docs/Web/HTML/Element/...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result4"> <h2 class="title text-truncate"> <a class="link" href="https://reference.groupdocs.com/conversion/java/com.groupdocs.conversion.contracts.documentinfo/index.xml" data-uri="https://reference.groupdocs.com/conversion/java/com.groupdocs.conversion.contracts.documentinfo/index.xml" data-order="0">index.xml</a> </h2> <div class="body"> <div class="description"><h3>2.0 http://www.w3.org/2005/Atom Groupdocs API References – com.groupdocs.conversion.contracts.documentinfo https://reference.groupdocs.com/conversion/java/com.groupdocs.conversion.contracts.documen......extends DocumentInfo Contains <strong>Audio</strong> document metadata constructors...</h3></div> </div> <div class="site text-truncate"> <cite>reference.groupdocs.com/conversion/java/com.gro...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result5"> <h2 class="title text-truncate"> <a class="link" href="https://github.com/mdn/content/blob/main/files/en-us/learn/html/introduction_to_html/getting_started/index.md?plain=1" data-uri="https://github.com/mdn/content/blob/main/files/en-us/learn/html/introduction_to_html/getting_started/index.md?plain=1" data-order="0">content/files/en-us/learn/html/introduction_to_...</a> </h2> <div class="body"> <div class="description"><h3>The content behind MDN Web Docs. Contribute to mdn/content development by creating an account on GitHub....images, videos, games, playable <strong>audio</strong> tracks, or whatever else. ###...</h3></div> </div> <div class="site text-truncate"> <cite>github.com/mdn/content/blob/main/files/en-us/le...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result6"> <h2 class="title text-truncate"> <a class="link" href="https://releases.groupdocs.com/res_repo/css/hugocustom.css" data-uri="https://releases.groupdocs.com/res_repo/css/hugocustom.css" data-order="0">hugocustom.css</a> </h2> <div class="body"> <div class="description"><h3>/* font-awesome.css */ @font-face{font-family:FontAwesome;font-display: swap;src:url(https://cms.admin.containerize.com/templates/aspose/App_Themes/V3/fonts/fontawesome-webfont.eot?v=4.6.3);src:url......fa-file-<strong>audio</strong>-o:before,.fa-file-sound-o:b...fa-blind:before{content:"\f29d"}.fa-<strong>audio</strong>-description:before{content:"\f29e"}...</h3></div> </div> <div class="site text-truncate"> <cite>releases.groupdocs.com/res_repo/css/hugocustom.css</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result7"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/ja/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images" data-uri="https://developer.mozilla.org/ja/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images" data-order="0">レスポンシブ画像 - ウェブ開発を学ぶ | MDN</a> </h2> <div class="body"> <div class="description"><h3>この記事では、レスポンシブ画像の概念 — 画面サイズ、解像度などの機能が大きく異なる機器で適切に動作する画像 — について学び、 HTML がそれを実装する上でどのような道具を提供しているかを見てみます。レスポンシブ画像は、レスポンシブウェブデザインの一部にすぎませんが（そしてそれを実現する上で良いステージになりますが）、 CSS のトピックの将来のモジュールで多くのことを学ぶトピックです。... <video> や <<strong>audio</strong>> と同様に、 <picture> 要素はラッパーで、ブ...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/ja/docs/Learn/HTML/Multim...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result8"> <h2 class="title text-truncate"> <a class="link" href="https://metrics.groupdocs.com/templates/asposecom/css/style.css" data-uri="https://metrics.groupdocs.com/templates/asposecom/css/style.css" data-order="0">style.css</a> </h2> <div class="body"> <div class="description"><h3>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap);.fa,.fas,.la,.lab,.lad,.lal,.lar,.las{-moz-osx-font-smoothing:grayscale;-webkit-font-smoo......la-<strong>audio</strong>-description:before{content:"\f29e"}...f1c6"}.la-file-<strong>audio</strong>:before,.la.la-file-<strong>audio</strong>-o:before,.la.l...</h3></div> </div> <div class="site text-truncate"> <cite>metrics.groupdocs.com/templates/asposecom/css/s...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result9"> <h2 class="title text-truncate"> <a class="link" href="https://form.groupdocs.com/styles/app-c941fae403.css" data-uri="https://form.groupdocs.com/styles/app-c941fae403.css" data-order="0">app-c941fae403.css</a> </h2> <div class="body"> <div class="description"><h3>@charset "UTF-8"; /*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normaliz......section,summary{display:block}<strong>audio</strong>,canvas,progress,video{displ...ck;vertical-align:baseline}<strong>audio</strong>:not([controls]){display:none;height:0}[hidden]...</h3></div> </div> <div class="site text-truncate"> <cite>form.groupdocs.com/styles/app-c941fae403.css</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result10"> <h2 class="title text-truncate"> <a class="link" href="https://metrics.aspose.com/templates/asposecom/css/style.css" data-uri="https://metrics.aspose.com/templates/asposecom/css/style.css" data-order="0">style.css</a> </h2> <div class="body"> <div class="description"><h3>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap); .form-control,body{font-size:1rem;font-weight:400;line-height:1.5;background-color:#fff}......la-<strong>audio</strong>-description:before{content:"\f29e"}...e{content:"\f1c6"}.la-file-<strong>audio</strong>:before{content:"\f1c7"}.la-...</h3></div> </div> <div class="site text-truncate"> <cite>metrics.aspose.com/templates/asposecom/css/styl...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> </ol> </div> </div>  <div class="row"> <nav id="subfooter"> <ul class="pagination"> <li class="page-item" aria-label="Previous"> <a class="page-link" href="/q/Audio-108.html"> <span aria-hidden="true">«</span> <span class="sr-only">Prev</span> </a> </li> <li class="page-item"> <a href="/q/Audio-104.html" class="page-link">104</a> </li> <li class="page-item"> <a href="/q/Audio-105.html" class="page-link">105</a> </li> <li class="page-item"> <a href="/q/Audio-106.html" class="page-link">106</a> </li> <li class="page-item"> <a href="/q/Audio-107.html" class="page-link">107</a> </li> <li class="page-item"> <a href="/q/Audio-108.html" class="page-link">108</a> </li> <li class="page-item active"> <a href="/q/Audio-109.html" class="page-link">109</a> </li> <li class="page-item"> <a href="/q/Audio-110.html" class="page-link">110</a> </li> <li class="page-item"> <a href="/q/Audio-111.html" class="page-link">111</a> </li> <li class="page-item"> <a href="/q/Audio-112.html" class="page-link">112</a> </li> <li class="page-item"> <a href="/q/Audio-113.html" class="page-link">113</a> </li> <li class="page-item"> <a href="/q/Audio-114.html" class="page-link">114</a> </li> <li class="page-item"><a href="/q/Audio-110.html" class="page-link"><span class="sr-only">Next</span> <span aria-hidden="true">»</span></a></li> </ul> </nav> </div>  </div></div> <div id="back-top"><a href="#top" class="backtop" style="cursor: pointer; display: inline;"> </a></div> <div id=DynabicMenuFooter></div>  <script src="/static/vendors/jquery/v2.2.3/jquery.min.js"></script>  <script>(function(i,s,o,g,r,a,m){i['ContainerizeMenuObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.append(a)})(window,document,'script','https://menu.containerize.com/scripts/engine.min.js?v=1.0.1','groupdocs-en');</script>  <script src="/static/vendors/bootstrap/v4.3.1/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="/static/js/groupdocs/suggestor.js"></script> <script type="text/javascript" src="/static/js/groupdocs/index.js"></script> <script> $(function() { var isEnterClicked = false; $('.sideopen, #searchOptionsButton, #searchOptionsCloseButton').click(function(){ $('.sideopen').toggleClass('movebtn'); if(isEnterClicked === true){ $("#searchOptions").removeClass("active") } }); $('.searchinput').on('keypress', function(e) { var keycode = e.charCode || e.keyCode; if (keycode === 13) { // Trigger the button element with a click document.getElementById("searchButton").click(); // $("#searchOptions").removeClass('active'); isEnterClicked = true; } }); }); </script> </body> </html>

audio

从 object 到 iframe——其他嵌入技术 - 学习 Web 开发 | MDN