国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Home Web Front-end HTML Tutorial How to use HTML framework

How to use HTML framework

Nov 30, 2017 am 09:28 AM
html use frame

The advantage of using htmlframework is that you don’t have to write the troublesome responsiveness yourself. The use of html tags is also more rigorous than that used by novice programmers. Wait, we will use the html framework, which will also reduce the amount of our html code writing!

Previous Page

Next Page

By using frames, you can More than one page is displayed in .

Frames

By using frames, you can display more than one page in the same browser window. Each HTML document is called a frame, and each frame is independent of other frames.

Disadvantages of using frames:

Developers must keep track of more HTML documents at the same time

It is difficult to print the entire page

Frame structure tag (< ;frameset>)

The frame structure tag () defines how the window is divided into frames

Each frameset defines a series of rows or columns

rows/ The value of columns specifies the area of ??the screen occupied by each row or column

Editor's Note: The frameset tag is also translated as a frameset by some articles and books.

Frame tag (Frame)

The Frame tag defines the HTML document placed in each frame.

In the example below, we set up a two-column frameset. The first column is set to take up 25% of the browser window. The second column is set to take up 75% of the browser window. The HTML document "frame_a.htm" is placed in the first column, and the HTML document "frame_b.htm" is placed in the second column:

<frameset cols="25%,75%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
</frameset>

BasicNotes - Helpful Tip:

If a frame has visible borders, the user can drag the borders to change its size. To prevent this from happening, add: noresize="noresize" to the tag.

Add the tag for browsers that don't support frames. </p> <p><span style="font-size: 16px;"><strong>Important note: </strong></span>You cannot use the <body></body> tag and the <frameset></frameset> tag at the same time! However, if you add a <noframes> tag that contains text, the text must be nested within a <body></body> tag. (In the first example below, you can see how it is implemented.) </p> <p>The above is all about how to use the HTML framework. I hope it will be helpful to the students! </p> <p><span style="font-size: 16px;"><strong>Related recommendations: </strong></span></p> <p><span style="font-size: 14px;"><a href="http://www.miracleart.cn/div-tutorial-364137.html" target="_blank">Summary of the role of HTML frame tags</a></span></p> <p><a href="http://www.miracleart.cn/div-tutorial-364135.html" target="_blank">Example application of HTML frame tag</a></p> <p><a href="http://www.miracleart.cn/div-tutorial-361439.html" target="_blank">Introduction What are the uses of HTML frames (Frames)? </a></p><p>The above is the detailed content of How to use HTML framework. For more information, please follow other related articles on the PHP Chinese website!</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">Statement of this Website</div> <div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <div id="377j5v51b" class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <!-- <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Hot Article</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/1796821119.html" title="Guide: Stellar Blade Save File Location/Save File Lost/Not Saving" class="phpgenera_Details_mainR4_bottom_title">Guide: Stellar Blade Save File Location/Save File Lost/Not Saving</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 weeks ago</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/1796827210.html" title="Oguri Cap Build Guide | A Pretty Derby Musume" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide | A Pretty Derby Musume</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>2 weeks ago</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/1796828723.html" title="Agnes Tachyon Build Guide | A Pretty Derby Musume" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide | A Pretty Derby Musume</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 weeks ago</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/1796821436.html" title="Dune: Awakening - Advanced Planetologist Quest Walkthrough" class="phpgenera_Details_mainR4_bottom_title">Dune: Awakening - Advanced Planetologist Quest Walkthrough</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/1796821278.html" title="Date Everything: Dirk And Harper Relationship Guide" class="phpgenera_Details_mainR4_bottom_title">Date Everything: Dirk And Harper Relationship Guide</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 weeks ago</span> <span>By Jack chen</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/article.html">Show More</a> </div> </div> </div> --> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Hot AI Tools</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Undress images for free</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>AI-powered app for creating realistic nude photos</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Online AI tool for removing clothes from photos.</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI clothes remover</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>Swap faces in any video effortlessly with our completely free AI face swap tool!</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ai">Show More</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Hot Article</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/1796821119.html" title="Guide: Stellar Blade Save File Location/Save File Lost/Not Saving" class="phpgenera_Details_mainR4_bottom_title">Guide: Stellar Blade Save File Location/Save File Lost/Not Saving</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 weeks ago</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/1796827210.html" title="Oguri Cap Build Guide | A Pretty Derby Musume" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide | A Pretty Derby Musume</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>2 weeks ago</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/1796828723.html" title="Agnes Tachyon Build Guide | A Pretty Derby Musume" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide | A Pretty Derby Musume</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 weeks ago</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/1796821436.html" title="Dune: Awakening - Advanced Planetologist Quest Walkthrough" class="phpgenera_Details_mainR4_bottom_title">Dune: Awakening - Advanced Planetologist Quest Walkthrough</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/1796821278.html" title="Date Everything: Dirk And Harper Relationship Guide" class="phpgenera_Details_mainR4_bottom_title">Date Everything: Dirk And Harper Relationship Guide</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 weeks ago</span> <span>By Jack chen</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/article.html">Show More</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Hot Tools</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Easy-to-use and free code editor</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/toolset/development-tools/93" title="SublimeText3 Chinese version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Chinese version" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/toolset/development-tools/93" title="SublimeText3 Chinese version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Chinese version</h3> </a> <p>Chinese version, very easy to use</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Zend Studio 13.0.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Zend Studio 13.0.1</h3> </a> <p>Powerful PHP integrated development environment</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Visual web development tools</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/toolset/development-tools/500" title="SublimeText3 Mac version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac version" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/toolset/development-tools/500" title="SublimeText3 Mac version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac version</h3> </a> <p>God-level code editing software (SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ai">Show More</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Hot Topics</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/gmailyxdlrkzn" title="Where is the login entrance for gmail email?" class="phpgenera_Details_mainR4_bottom_title">Where is the login entrance for gmail email?</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>8637</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>17</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/java-tutorial" title="Java Tutorial" class="phpgenera_Details_mainR4_bottom_title">Java Tutorial</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1783</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>16</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/cakephp-tutor" title="CakePHP Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP Tutorial</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1727</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>56</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/laravel-tutori" title="Laravel Tutorial" class="phpgenera_Details_mainR4_bottom_title">Laravel Tutorial</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1577</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>28</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/faq/php-tutorial" title="PHP Tutorial" class="phpgenera_Details_mainR4_bottom_title">PHP Tutorial</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1442</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>31</span> </div> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/faq/zt">Show More</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main2"> <div id="377j5v51b" class="phpgenera_Details_mainL4"> <div id="377j5v51b" class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div id="377j5v51b" class="phpgenera_Details_mainL4_info"> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/faq/1796823670.html" title="How do I minimize the size of HTML files?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175069761263762.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How do I minimize the size of HTML files?" /> </a> <a href="http://www.miracleart.cn/faq/1796823670.html" title="How do I minimize the size of HTML files?" class="phphistorical_Version2_mids_title">How do I minimize the size of HTML files?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 24, 2025 am 12:53 AM</span> <p class="Articlelist_txts_p">To reduce the size of HTML files, you need to clean up redundant code, compress content, and optimize structure. 1. Delete unused tags, comments and extra blanks to reduce volume; 2. Move inline CSS and JavaScript to external files and merge multiple scripts or style blocks; 3. Simplify label syntax without affecting parsing, such as omitting optional closed tags or using short attributes; 4. After cleaning, enable server-side compression technologies such as Gzip or Brotli to further reduce the transmission volume. These steps can significantly improve page loading performance without sacrificing functionality.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/faq/1796823674.html" title="How has HTML evolved over time, and what are the key milestones in its history?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175069767173496.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How has HTML evolved over time, and what are the key milestones in its history?" /> </a> <a href="http://www.miracleart.cn/faq/1796823674.html" title="How has HTML evolved over time, and what are the key milestones in its history?" class="phphistorical_Version2_mids_title">How has HTML evolved over time, and what are the key milestones in its history?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 24, 2025 am 12:54 AM</span> <p class="Articlelist_txts_p">HTMLhasevolvedsignificantlysinceitscreationtomeetthegrowingdemandsofwebdevelopersandusers.Initiallyasimplemarkuplanguageforsharingdocuments,ithasundergonemajorupdates,includingHTML2.0,whichintroducedforms;HTML3.x,whichaddedvisualenhancementsandlayout</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/faq/1796824133.html" title="How do I use the element to represent the footer of a document or section?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175078424215034.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How do I use the element to represent the footer of a document or section?" /> </a> <a href="http://www.miracleart.cn/faq/1796824133.html" title="How do I use the element to represent the footer of a document or section?" class="phphistorical_Version2_mids_title">How do I use the element to represent the footer of a document or section?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 25, 2025 am 12:57 AM</span> <p class="Articlelist_txts_p">It is a semantic tag used in HTML5 to define the bottom of the page or content block, usually including copyright information, contact information or navigation links; it can be placed at the bottom of the page or nested in, etc. tags as the end of the block; when using it, you should pay attention to avoid repeated abuse and irrelevant content.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/faq/1796823682.html" title="How do I use the tabindex attribute to control the tab order of elements?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175069781150026.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How do I use the tabindex attribute to control the tab order of elements?" /> </a> <a href="http://www.miracleart.cn/faq/1796823682.html" title="How do I use the tabindex attribute to control the tab order of elements?" class="phphistorical_Version2_mids_title">How do I use the tabindex attribute to control the tab order of elements?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 24, 2025 am 12:56 AM</span> <p class="Articlelist_txts_p">ThetabindexattributecontrolshowelementsreceivefocusviatheTabkey,withthreemainvalues:tabindex=&quot;0&quot;addsanelementtothenaturaltaborder,tabindex=&quot;-1&quot;allowsprogrammaticfocusonly,andtabindex=&quot;n&quot;(positivenumber)setsacustomtabbing</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/faq/1796823685.html" title="What is the declaration, and what does it do?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175069787248995.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="What is the declaration, and what does it do?" /> </a> <a href="http://www.miracleart.cn/faq/1796823685.html" title="What is the declaration, and what does it do?" class="phphistorical_Version2_mids_title">What is the declaration, and what does it do?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 24, 2025 am 12:57 AM</span> <p class="Articlelist_txts_p">Adeclarationisaformalstatementthatsomethingistrue,official,orrequired,usedtoclearlydefineorannounceanintent,fact,orrule.Itplaysakeyroleinprogrammingbydefiningvariablesandfunctions,inlegalcontextsbyreportingfactsunderoath,andindailylifebymakingintenti</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/faq/1796823639.html" title="How do I use the and elements to provide a caption for an image?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175069710225914.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How do I use the and elements to provide a caption for an image?" /> </a> <a href="http://www.miracleart.cn/faq/1796823639.html" title="How do I use the and elements to provide a caption for an image?" class="phphistorical_Version2_mids_title">How do I use the and elements to provide a caption for an image?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 24, 2025 am 12:45 AM</span> <p class="Articlelist_txts_p">The standard way to add titles to images in HTML is to use and elements. 1. The basic usage is to wrap the image in the tag and add a title inside it, for example: this is the title of the image; 2. The reasons for using these two tags include clear semantics, convenient style control, and strong accessibility, which helps the browser, crawler and screen readers to understand the content structure; 3. Notes include that it can be placed up and down but needs to maintain logical order, cannot replace the alt attribute, and can contain multiple media elements to form a whole unit.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/faq/1796827654.html" title="What is the loading='lazy' one of the html attributes and how does it improve page performance?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175130480185887.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="What is the loading='lazy' one of the html attributes and how does it improve page performance?" /> </a> <a href="http://www.miracleart.cn/faq/1796827654.html" title="What is the loading='lazy' one of the html attributes and how does it improve page performance?" class="phphistorical_Version2_mids_title">What is the loading='lazy' one of the html attributes and how does it improve page performance?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 01, 2025 am 01:33 AM</span> <p class="Articlelist_txts_p">loading=&quot;lazy&quot; is an HTML attribute for and which enables the browser's native lazy loading function to improve page performance. 1. It delays loading non-first-screen resources, reduces initial loading time, saves bandwidth and server requests; 2. It is suitable for large amounts of pictures or embedded content in long pages; 3. It is not suitable for first-screen images, small icons, or lazy loading using JavaScript; 4. It is necessary to cooperate with optimization measures such as setting sizes and compressing files to avoid layout offsets and ensure compatibility. When using it, you should test the scrolling experience and weigh the user experience.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/faq/1796823676.html" title="How do I use the element to represent a section of navigation links?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175069771219384.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How do I use the element to represent a section of navigation links?" /> </a> <a href="http://www.miracleart.cn/faq/1796823676.html" title="How do I use the element to represent a section of navigation links?" class="phphistorical_Version2_mids_title">How do I use the element to represent a section of navigation links?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 24, 2025 am 12:55 AM</span> <p class="Articlelist_txts_p">The key to using elements to represent navigation link areas is semantics and clear structure, usually in conjunction with organizational links. 1. The basic structure is to put the parallel links in and wrap them inside, which is friendly to auxiliary tools and is conducive to style control and SEO; 2. Commonly used in or, for placing main navigation or footer link collections; 3. A page can contain multiple areas, such as main menu, sidebar or footer independent navigation.</p> </div> </div> <a href="http://www.miracleart.cn/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div id="377j5v51b" class="footer"> <div id="377j5v51b" class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Public welfare online PHP training,Help PHP learners grow quickly!</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://www.miracleart.cn/about/us.html">About us</a> <a href="http://www.miracleart.cn/about/disclaimer.html">Disclaimer</a> <a href="http://www.miracleart.cn/update/article_0_1.html">Sitemap</a> </div> <div id="377j5v51b" class="footerbottom"> <p> ? php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p> <a href="http://www.miracleart.cn/" title="&#22269;&#20135;&#97;&#118;&#26085;&#38889;&#19968;&#21306;&#20108;&#21306;&#19977;&#21306;&#31934;&#21697;">&#22269;&#20135;&#97;&#118;&#26085;&#38889;&#19968;&#21306;&#20108;&#21306;&#19977;&#21306;&#31934;&#21697;</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="jrfjx" class="pl_css_ganrao" style="display: none;"><th id="jrfjx"></th><big id="jrfjx"><strong id="jrfjx"><style id="jrfjx"><sub id="jrfjx"></sub></style></strong></big><big id="jrfjx"></big><small id="jrfjx"><style id="jrfjx"></style></small><dfn id="jrfjx"><meter id="jrfjx"><b id="jrfjx"><sup id="jrfjx"></sup></b></meter></dfn><small id="jrfjx"><big id="jrfjx"><pre id="jrfjx"><b id="jrfjx"></b></pre></big></small><p id="jrfjx"><video id="jrfjx"></video></p><span id="jrfjx"></span><small id="jrfjx"></small><span id="jrfjx"><address id="jrfjx"></address></span><form id="jrfjx"></form><dfn id="jrfjx"></dfn><address id="jrfjx"><form id="jrfjx"><p id="jrfjx"><thead id="jrfjx"></thead></p></form></address><video id="jrfjx"></video><track id="jrfjx"></track><ol id="jrfjx"><output id="jrfjx"></output></ol><form id="jrfjx"></form><ins id="jrfjx"><i id="jrfjx"></i></ins><acronym id="jrfjx"><tt id="jrfjx"><label id="jrfjx"><thead id="jrfjx"></thead></label></tt></acronym><strong id="jrfjx"><sup id="jrfjx"><output id="jrfjx"><form id="jrfjx"></form></output></sup></strong><form id="jrfjx"><pre id="jrfjx"></pre></form><style id="jrfjx"><acronym id="jrfjx"><progress id="jrfjx"><label id="jrfjx"></label></progress></acronym></style><label id="jrfjx"></label><pre id="jrfjx"><font id="jrfjx"><tt id="jrfjx"><nobr id="jrfjx"></nobr></tt></font></pre><thead id="jrfjx"><sub id="jrfjx"><strong id="jrfjx"><strike id="jrfjx"></strike></strong></sub></thead><label id="jrfjx"></label><p id="jrfjx"><thead id="jrfjx"><div id="jrfjx"><dfn id="jrfjx"></dfn></div></thead></p><strike id="jrfjx"></strike><mark id="jrfjx"><label id="jrfjx"><i id="jrfjx"><big id="jrfjx"></big></i></label></mark><form id="jrfjx"><pre id="jrfjx"></pre></form><dfn id="jrfjx"><span id="jrfjx"><address id="jrfjx"><small id="jrfjx"></small></address></span></dfn><em id="jrfjx"><pre id="jrfjx"></pre></em><ruby id="jrfjx"><nobr id="jrfjx"><ol id="jrfjx"><font id="jrfjx"></font></ol></nobr></ruby><legend id="jrfjx"><thead id="jrfjx"></thead></legend><optgroup id="jrfjx"></optgroup><label id="jrfjx"></label><rp id="jrfjx"><var id="jrfjx"></var></rp><u id="jrfjx"></u><track id="jrfjx"><style id="jrfjx"></style></track><dfn id="jrfjx"><form id="jrfjx"><p id="jrfjx"><thead id="jrfjx"></thead></p></form></dfn><th id="jrfjx"></th><style id="jrfjx"><em id="jrfjx"><video id="jrfjx"><strike id="jrfjx"></strike></video></em></style><pre id="jrfjx"><b id="jrfjx"></b></pre><acronym id="jrfjx"></acronym><label id="jrfjx"><ins id="jrfjx"></ins></label><dl id="jrfjx"></dl><div id="jrfjx"><progress id="jrfjx"></progress></div><address id="jrfjx"><rp id="jrfjx"><strong id="jrfjx"><thead id="jrfjx"></thead></strong></rp></address><strong id="jrfjx"><sub id="jrfjx"><output id="jrfjx"><var id="jrfjx"></var></output></sub></strong><big id="jrfjx"><u id="jrfjx"><legend id="jrfjx"><strike id="jrfjx"></strike></legend></u></big><thead id="jrfjx"><thead id="jrfjx"></thead></thead><address id="jrfjx"><u id="jrfjx"></u></address><sub id="jrfjx"><legend id="jrfjx"></legend></sub><mark id="jrfjx"><pre id="jrfjx"></pre></mark><big id="jrfjx"><video id="jrfjx"><ol id="jrfjx"><sub id="jrfjx"></sub></ol></video></big><rp id="jrfjx"><strong id="jrfjx"></strong></rp><meter id="jrfjx"></meter><thead id="jrfjx"></thead><div id="jrfjx"></div><sup id="jrfjx"><big id="jrfjx"><ruby id="jrfjx"><thead id="jrfjx"></thead></ruby></big></sup><mark id="jrfjx"><output id="jrfjx"></output></mark><style id="jrfjx"><div id="jrfjx"><font id="jrfjx"><track id="jrfjx"></track></font></div></style><nobr id="jrfjx"></nobr><i id="jrfjx"><p id="jrfjx"><thead id="jrfjx"><div id="jrfjx"></div></thead></p></i><pre id="jrfjx"><style id="jrfjx"><font id="jrfjx"><th id="jrfjx"></th></font></style></pre><ol id="jrfjx"><video id="jrfjx"></video></ol><dfn id="jrfjx"><dl id="jrfjx"></dl></dfn><dfn id="jrfjx"><progress id="jrfjx"><track id="jrfjx"><nobr id="jrfjx"></nobr></track></progress></dfn><font id="jrfjx"><tt id="jrfjx"><small id="jrfjx"><thead id="jrfjx"></thead></small></tt></font><ruby id="jrfjx"><label id="jrfjx"></label></ruby><listing id="jrfjx"><i id="jrfjx"><track id="jrfjx"><pre id="jrfjx"></pre></track></i></listing><mark id="jrfjx"><th id="jrfjx"></th></mark><thead id="jrfjx"></thead><thead id="jrfjx"><optgroup id="jrfjx"><strong id="jrfjx"><th id="jrfjx"></th></strong></optgroup></thead><form id="jrfjx"></form><big id="jrfjx"></big><nobr id="jrfjx"></nobr><sup id="jrfjx"></sup><track id="jrfjx"></track><address id="jrfjx"><u id="jrfjx"></u></address><listing id="jrfjx"></listing><small id="jrfjx"></small><ol id="jrfjx"><optgroup id="jrfjx"></optgroup></ol><style id="jrfjx"><acronym id="jrfjx"></acronym></style><ins id="jrfjx"><var id="jrfjx"></var></ins><legend id="jrfjx"><span id="jrfjx"><tt id="jrfjx"><dl id="jrfjx"></dl></tt></span></legend><form id="jrfjx"></form><optgroup id="jrfjx"></optgroup><span id="jrfjx"><menuitem id="jrfjx"></menuitem></span><mark id="jrfjx"><dfn id="jrfjx"><rp id="jrfjx"><span id="jrfjx"></span></rp></dfn></mark><strong id="jrfjx"><style id="jrfjx"></style></strong><span id="jrfjx"><track id="jrfjx"><nobr id="jrfjx"><dfn id="jrfjx"></dfn></nobr></track></span><acronym id="jrfjx"></acronym><small id="jrfjx"><u id="jrfjx"><strong id="jrfjx"><span id="jrfjx"></span></strong></u></small><th id="jrfjx"><pre id="jrfjx"></pre></th><label id="jrfjx"></label><em id="jrfjx"></em><dfn id="jrfjx"></dfn><meter id="jrfjx"><video id="jrfjx"></video></meter><label id="jrfjx"></label><ol id="jrfjx"></ol><meter id="jrfjx"></meter><div id="jrfjx"></div><output id="jrfjx"><form id="jrfjx"><track id="jrfjx"><pre id="jrfjx"></pre></track></form></output><i id="jrfjx"></i><ol id="jrfjx"></ol><strong id="jrfjx"><strike id="jrfjx"><dfn id="jrfjx"><var id="jrfjx"></var></dfn></strike></strong><video id="jrfjx"></video><th id="jrfjx"></th><video id="jrfjx"></video><strike id="jrfjx"><tt id="jrfjx"></tt></strike><style id="jrfjx"><video id="jrfjx"></video></style><meter id="jrfjx"><form id="jrfjx"><ol id="jrfjx"><progress id="jrfjx"></progress></ol></form></meter><b id="jrfjx"><mark id="jrfjx"><output id="jrfjx"><form id="jrfjx"></form></output></mark></b><listing id="jrfjx"><dl id="jrfjx"><menuitem id="jrfjx"><nobr id="jrfjx"></nobr></menuitem></dl></listing><legend id="jrfjx"><b id="jrfjx"><pre id="jrfjx"><dl id="jrfjx"></dl></pre></b></legend><ins id="jrfjx"></ins><ruby id="jrfjx"><optgroup id="jrfjx"><ol id="jrfjx"><output id="jrfjx"></output></ol></optgroup></ruby><ruby id="jrfjx"><optgroup id="jrfjx"><ol id="jrfjx"><acronym id="jrfjx"></acronym></ol></optgroup></ruby><mark id="jrfjx"><ol id="jrfjx"><font id="jrfjx"><form id="jrfjx"></form></font></ol></mark><legend id="jrfjx"><strike id="jrfjx"><output id="jrfjx"><i id="jrfjx"></i></output></strike></legend><address id="jrfjx"><form id="jrfjx"><pre id="jrfjx"><em id="jrfjx"></em></pre></form></address><meter id="jrfjx"><b id="jrfjx"></b></meter><form id="jrfjx"></form><thead id="jrfjx"></thead><u id="jrfjx"><dfn id="jrfjx"><strike id="jrfjx"><output id="jrfjx"></output></strike></dfn></u><ol id="jrfjx"><div id="jrfjx"><progress id="jrfjx"><sup id="jrfjx"></sup></progress></div></ol><ol id="jrfjx"><div id="jrfjx"><font id="jrfjx"><var id="jrfjx"></var></font></div></ol><strike id="jrfjx"></strike><u id="jrfjx"><strong id="jrfjx"></strong></u><progress id="jrfjx"></progress><font id="jrfjx"><form id="jrfjx"></form></font><address id="jrfjx"><style id="jrfjx"></style></address><rp id="jrfjx"><sup id="jrfjx"><menuitem id="jrfjx"><small id="jrfjx"></small></menuitem></sup></rp><ins id="jrfjx"><var id="jrfjx"></var></ins><dfn id="jrfjx"></dfn><sub id="jrfjx"><legend id="jrfjx"></legend></sub><acronym id="jrfjx"></acronym><address id="jrfjx"><small id="jrfjx"><u id="jrfjx"><form id="jrfjx"></form></u></small></address><rp id="jrfjx"></rp><acronym id="jrfjx"><tt id="jrfjx"><pre id="jrfjx"><thead id="jrfjx"></thead></pre></tt></acronym><style id="jrfjx"><meter id="jrfjx"></meter></style><dfn id="jrfjx"></dfn><label id="jrfjx"><thead id="jrfjx"><ruby id="jrfjx"><video id="jrfjx"></video></ruby></thead></label><mark id="jrfjx"></mark><p id="jrfjx"><form id="jrfjx"></form></p><mark id="jrfjx"><pre id="jrfjx"></pre></mark><div id="jrfjx"><progress id="jrfjx"><strong id="jrfjx"><address id="jrfjx"></address></strong></progress></div><menuitem id="jrfjx"></menuitem><big id="jrfjx"><meter id="jrfjx"><b id="jrfjx"><acronym id="jrfjx"></acronym></b></meter></big></div> </html>