diff options
Diffstat (limited to 'files/zh-cn/web/html')
| -rw-r--r-- | files/zh-cn/web/html/element/img/clock-demo-200px.png | bin | 0 -> 90575 bytes | |||
| -rw-r--r-- | files/zh-cn/web/html/element/img/clock-demo-400px.png | bin | 0 -> 90575 bytes | |||
| -rw-r--r-- | files/zh-cn/web/html/element/img/favicon144.png | bin | 0 -> 3086 bytes | |||
| -rw-r--r-- | files/zh-cn/web/html/element/img/favicon72.png | bin | 0 -> 2061 bytes | |||
| -rw-r--r-- | files/zh-cn/web/html/element/img/index.html | 16 | ||||
| -rw-r--r-- | files/zh-cn/web/html/element/input/index.html | 44 |
6 files changed, 30 insertions, 30 deletions
diff --git a/files/zh-cn/web/html/element/img/clock-demo-200px.png b/files/zh-cn/web/html/element/img/clock-demo-200px.png Binary files differnew file mode 100644 index 0000000000..999ad528fe --- /dev/null +++ b/files/zh-cn/web/html/element/img/clock-demo-200px.png diff --git a/files/zh-cn/web/html/element/img/clock-demo-400px.png b/files/zh-cn/web/html/element/img/clock-demo-400px.png Binary files differnew file mode 100644 index 0000000000..999ad528fe --- /dev/null +++ b/files/zh-cn/web/html/element/img/clock-demo-400px.png diff --git a/files/zh-cn/web/html/element/img/favicon144.png b/files/zh-cn/web/html/element/img/favicon144.png Binary files differnew file mode 100644 index 0000000000..e30b574b65 --- /dev/null +++ b/files/zh-cn/web/html/element/img/favicon144.png diff --git a/files/zh-cn/web/html/element/img/favicon72.png b/files/zh-cn/web/html/element/img/favicon72.png Binary files differnew file mode 100644 index 0000000000..db68260ca1 --- /dev/null +++ b/files/zh-cn/web/html/element/img/favicon72.png diff --git a/files/zh-cn/web/html/element/img/index.html b/files/zh-cn/web/html/element/img/index.html index a1f6530952..fef8ea66e5 100644 --- a/files/zh-cn/web/html/element/img/index.html +++ b/files/zh-cn/web/html/element/img/index.html @@ -243,7 +243,7 @@ translation_of: Web/HTML/Element/img <p>下面的示例将图像嵌入到页面中，且包含用于改善可访问性的备用文本。</p> -<pre class="brush: html notranslate"><img src="https://developer.mozilla.org/static/img/favicon144.png" +<pre class="brush: html notranslate"><img src="favicon144.png" alt="MDN logo"> </pre> @@ -254,7 +254,7 @@ translation_of: Web/HTML/Element/img <p>此示例建立在前一个示例的基础上，展示了如何将图像转换为链接。为做到这一点，将 <code><img></code> 标签嵌套在 {{HTMLElement("a")}} 之内。这时，备用文本应当描述链接所指向的资源，就像是文本链接一样。</p> <pre class="brush: html notranslate"><a href="https://developer.mozilla.org"> - <img src="https://developer.mozilla.org/static/img/favicon144.png" + <img src="favicon144.png" alt="Visit the MDN site"> </a></pre> @@ -264,9 +264,9 @@ translation_of: Web/HTML/Element/img <p>在这个例子中，我们包含了一个 <code>srcset</code> 属性，它引用了 MDN 标志高清版本；在高分辨率设备上，它将被优先加载，取代 <code>src</code> 属性中的图像。在支持 <code>srcset</code> 的{{glossary("User agent", "用户代理")}}中，<code>src</code> 属性中的图片被作为 <code>1x</code> 候选项。</p> -<pre class="brush: html notranslate"> <img src="https://developer.mozilla.org/static/img/favicon72.png" +<pre class="brush: html notranslate"> <img src="favicon72.png" alt="MDN logo" - srcset="https://developer.mozilla.org/static/img/favicon144.png 2x"></pre> + srcset="favicon144.png 2x"></pre> <p>{{EmbedLiveSample("Using_the_srcset_attribute", "100%", "160")}}</p> @@ -274,16 +274,16 @@ translation_of: Web/HTML/Element/img <p>在支持 <code>srcset</code> 的用户代理中，当使用 <code>w</code> 描述符时，src 属性会被忽略。当匹配了媒体条件 <code>(min-width: 600px)</code> 时，图像将宽 200px，否则宽 50vw（视图宽度的50%）。</p> -<pre class="brush: html notranslate"> <img src="/files/16864/clock-demo-200px.png" +<pre class="brush: html notranslate"> <img src="clock-demo-200px.png" alt="Clock" - srcset="/files/16864/clock-demo-200px.png 200w, - /files/16797/clock-demo-400px.png 400w" + srcset="clock-demo-200px.png 200w, + clock-demo-400px.png 400w" sizes="(max-width: 600px) 200px, 50vw"></pre> <p>{{EmbedLiveSample("Using_the_srcset_and_sizes_attributes", "100%", 350)}}</p> <div class="blockIndicator note"> -<p>若要看到大小调整的效果，请<a href="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/img$samples/Using_the_srcset_and_sizes_attributes">打开单独的页面查看示例</a>，以便拖动窗口，调整内容区域的大小。</p> +<p>若要看到大小调整的效果，请{{LiveSampleLink('Using_the_srcset_and_sizes_attributes', '打开单独的页面查看示例')}}，以便拖动窗口，调整内容区域的大小。</p> </div> <h2 id="安全与隐私方面的考量">安全与隐私方面的考量</h2> diff --git a/files/zh-cn/web/html/element/input/index.html b/files/zh-cn/web/html/element/input/index.html index 80c9c68626..f0f61c5d8f 100644 --- a/files/zh-cn/web/html/element/input/index.html +++ b/files/zh-cn/web/html/element/input/index.html @@ -86,7 +86,7 @@ translation_of: Web/HTML/Element/input <td id="examplebutton"> <pre class="brush: html hidden"> <input type="button" name="button" /></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_examplebutton" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/examplebutton?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("examplebutton",200,55,"","", "nobutton")}}</td> <td></td> </tr> <tr> @@ -95,7 +95,7 @@ translation_of: Web/HTML/Element/input <td id="examplecheckbox"> <pre class="brush: html hidden"> <input type="checkbox" name="checkbox"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_examplecheckbox" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/examplecheckbox?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("examplecheckbox",200,55,"","", "nobutton")}}</td> <td></td> </tr> <tr> @@ -104,7 +104,7 @@ translation_of: Web/HTML/Element/input <td id="examplecolor"> <pre class="brush: html hidden"> <input type="color" name="color"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_examplecolor" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/examplecolor?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("examplecolor",200,55,"","", "nobutton")}}</td> <td>{{HTMLVersionInline("5")}}</td> </tr> <tr> @@ -113,7 +113,7 @@ translation_of: Web/HTML/Element/input <td id="exampledate"> <pre class="brush: html hidden"> <input type="date" name="date"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_exampledate" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/exampledate?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("exampledate",200,55,"","", "nobutton")}}</td> <td> {{HTMLVersionInline("5")}}</td> </tr> <tr> @@ -122,7 +122,7 @@ translation_of: Web/HTML/Element/input <td id="exampledtl"> <pre class="brush: html hidden"> <input type="datetime-local" name="datetime-local"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_exampledtl" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/exampledtl?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("exampledtl",200,55,"","", "nobutton")}}</td> <td>{{HTMLVersionInline("5")}}</td> </tr> <tr> @@ -131,7 +131,7 @@ translation_of: Web/HTML/Element/input <td id="exampleemail"> <pre class="brush: html hidden"> <input type="email" name="email"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_exampleemail" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/exampleemail?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("exampleemail",200,55,"","", "nobutton")}}</td> <td></td> </tr> <tr> @@ -140,7 +140,7 @@ translation_of: Web/HTML/Element/input <td id="examplefile"> <pre class="brush: html hidden"> <input type="file" accept="image/*, text/*" name="file"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_examplefile" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/examplefile?revision=1612291" width="100%"></iframe></td> + {{EmbedLiveSample("examplefile",'100%',55,"","", "nobutton")}}</td> <td></td> </tr> <tr> @@ -155,7 +155,7 @@ translation_of: Web/HTML/Element/input <td id="exampleimage"> <pre class="brush: html hidden"> <input type="image" name="image" src="" alt="image input"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_exampleimage" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/exampleimage?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("exampleimage",200,55,"","", "nobutton")}}</td> <td></td> </tr> <tr> @@ -164,7 +164,7 @@ translation_of: Web/HTML/Element/input <td id="examplemonth"> <pre class="brush: html hidden"> <input type="month" name="month"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_examplemonth" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/examplemonth?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("examplemonth",200,55,"","", "nobutton")}}</td> <td>{{HTMLVersionInline("5")}}</td> </tr> <tr> @@ -173,7 +173,7 @@ translation_of: Web/HTML/Element/input <td id="examplenumber"> <pre class="brush: html hidden"> <input type="number" name="number"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_examplenumber" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/examplenumber?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("examplenumber",200,55,"","", "nobutton")}}</td> <td></td> </tr> <tr> @@ -182,7 +182,7 @@ translation_of: Web/HTML/Element/input <td id="examplepassword"> <pre class="brush: html hidden"> <input type="password" name="password"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_examplepassword" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/examplepassword?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("examplepassword",200,55,"","", "nobutton")}}</td> <td></td> </tr> <tr> @@ -191,7 +191,7 @@ translation_of: Web/HTML/Element/input <td id="exampleradio"> <pre class="brush: html hidden"> <input type="radio" name="radio"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_exampleradio" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/exampleradio?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("exampleradio",200,55,"","", "nobutton")}}</td> <td></td> </tr> <tr> @@ -200,7 +200,7 @@ translation_of: Web/HTML/Element/input <td id="examplerange"> <pre class="brush: html hidden"> <input type="range" name="range" min="0" max="25"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_examplerange" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/examplerange?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("examplerange",200,55,"","", "nobutton")}}</td> <td> {{HTMLVersionInline("5")}}</td> </tr> <tr> @@ -209,7 +209,7 @@ translation_of: Web/HTML/Element/input <td id="examplereset"> <pre class="brush: html hidden"> <input type="reset" name="reset"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_examplereset" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/examplereset?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("examplereset",200,55,"","", "nobutton")}}</td> <td></td> </tr> <tr> @@ -218,7 +218,7 @@ translation_of: Web/HTML/Element/input <td id="examplesearch"> <pre class="brush: html hidden"> <input type="search" name="search"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_examplesearch" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/examplesearch?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("examplesearch",200,55,"","", "nobutton")}}</td> <td>{{HTMLVersionInline("5")}}</td> </tr> <tr> @@ -227,7 +227,7 @@ translation_of: Web/HTML/Element/input <td id="examplesubmit"> <pre class="brush: html hidden"> <input type="submit" name="submit"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_examplesubmit" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/examplesubmit?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("examplesubmit",200,55,"","", "nobutton")}}</td> <td></td> </tr> <tr> @@ -236,7 +236,7 @@ translation_of: Web/HTML/Element/input <td id="exampletel"> <pre class="brush: html hidden"> <input type="tel" name="tel"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_exampletel" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/exampletel?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("exampletel",200,55,"","", "nobutton")}}</td> <td>{{HTMLVersionInline("5")}}</td> </tr> <tr> @@ -245,7 +245,7 @@ translation_of: Web/HTML/Element/input <td id="exampletext"> <pre class="brush: html hidden"> <input type="text" name="text"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_exampletext" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/exampletext?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("exampletext",200,55,"","", "nobutton")}}</td> <td></td> </tr> <tr> @@ -254,7 +254,7 @@ translation_of: Web/HTML/Element/input <td id="exampletime"> <pre class="brush: html hidden"> <input type="time" name="time"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_exampletime" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/exampletime?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("exampletime",200,55,"","", "nobutton")}}</td> <td>{{HTMLVersionInline("5")}}</td> </tr> <tr> @@ -265,7 +265,7 @@ translation_of: Web/HTML/Element/input <td id="exampleurl"> <pre class="brush: html hidden"> <input type="url" name="url"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_exampleurl" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/exampleurl?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("exampleurl",200,55,"","", "nobutton")}}</td> <td>{{HTMLVersionInline("5")}}</td> </tr> <tr> @@ -274,7 +274,7 @@ translation_of: Web/HTML/Element/input <td id="exampleweek"> <pre class="brush: html hidden"> <input type="week" name="week"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="55" id="frame_exampleweek" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/exampleweek?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("exampleweek",200,55,"","", "nobutton")}}</td> <td></td> </tr> <tr> @@ -286,7 +286,7 @@ translation_of: Web/HTML/Element/input <td id="exampledatetime"> <pre class="brush: html hidden"> <input type="datetime" name="datetime"/></pre> - <iframe class="live-sample-frame nobutton" frameborder="0" height="75" id="frame_exampledatetime" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/input$samples/exampledatetime?revision=1612291" width="200"></iframe></td> + {{EmbedLiveSample("exampledatetime",200,75,"","", "nobutton")}}</td> <td></td> </tr> </tbody> |
