search
HomeWeb Front-endHTML TutorialHTML Tutorial: Collection of Commonly Used HTML Tags (4)_HTML/Xhtml_Web Page Production

HTML Tutorial: Collection of Commonly Used HTML Tags (4)_HTML/Xhtml_Web Page Production

May 16, 2016 pm 04:45 PM
Commonly usedcollectTutorialLabelmarkFinishillustrateneed

The HTML tags introduced may not fully comply with the XHTML specification. You should make some choices when making the actual layout. For example, B tags and FONT tags do not comply with XHTML specifications.                   ​ Related articles: Beginners get in touch with HTML and learn some HTML tags (3) The HTML tags introduced may not fully conform to XHTML
​                   These introduced HTML tags may not fully comply with the XHTML specification. You should make some choices when making the actual layout. For example, B tags and FONT tags do not comply with XHTML specifications.                  
Related articles: Beginners get in touch with HTML and learn about some HTML tags (3)
The HTML tags introduced do not necessarily fully comply with the XHTML specification. You should make some choices when making the actual layout. For example, B tags and FONT tags do not comply with XHTML specifications.

61---------------------------------------- -------------------------------------
ACCESSKEY=key
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |
RIGHT | TEXTTOP | TOP
CLASS=classname
CLASSID=id
CODE=url
CODEBASE=url
CODETYPE=media-type
DATA=url
DATAFLD=colname
DATASRC=#ID
HEIGHT=n
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NAME=name
STYLE=css1-properties
TABINDEX=n
TITLE=text
TYPE=MIME-type
WIDTH=n
event = script
>
Description: Insert an object into the HTML document. A closing tag is required.
62------------------------------------------------ ----------------------------

    CLASS=classname
    ID=value
    LANG =language
    LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
    START=n
    STYLE=css1-properties
    TITLE=text
    TYPE=1 | a | A | i | I
    event = script
    >
    Description: Create an ordered list. A closing tag is required.
    63------------------------------------------------ ----------------------------------
    CLASS=classname
    ID =value
    LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
    SelectED
    VALUE=value
    event = script
    >
    Description: Define a selection item for the Select element. The closing tag is optional.
    64------------------------------------------------ ----------------------------------

    ALIGN=CENTER | LEFT | RIGHT
    CLASS=classname
    ID=value
    LANG=language
    LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
    STYLE=css1-properties
    TITLE=text
    event = script
    >
    Description: Represents a paragraph. A closing tag is required.
    65------------------------------------------------ ----------------------------------
    DATAFLD=colname
    DATAFORMATAS =HTML |TEXT
    DATASRC=#ID
    NAME=name
    VALUE=value
    >
    Description: Set parameters for the object. Valid for APPLET, EMBED, and OBJECT.
    66------------------------------------------------ ----------------------------------
    </plaintext>CLASS=classname <br>ID =value <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>STYLE=css1-properties <br>TITLE=text <br>event = script <br>> <br>Instructions: HTML tags are not processed and monospaced fonts are displayed. Not recommended. It is recommended to use PRE elements instead. <br>67------------------------------------------------ ---------------------------------- <br><pre class="brush:php;toolbar:false"></pre>CLASS=classname <br>ID =value <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>STYLE=css1-properties <br>TITLE=text <br>event = script <br>> <br>Instructions: Display text in a fixed-width font, preserving spacing and line breaks. A closing tag is required. <br>68------------------------------------------------ ---------------------------------- <br><q></q>CLASS=classname <br>ID =value <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>STYLE=css1-properties <br>TITLE=text <br>event = script <br>> <br>Instructions: Set paragraph spacing for text (smaller). A closing tag is required. <br>69------------------------------------------------ ---------------------------------- <br><s></s>CLASS=classname <br>ID =value <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>STYLE=css1-properties <br>TITLE=text <br>event = script <br>> <br>Instructions: Displays strikethrough text. A closing tag is required. <br>70------------------------------------------------ ---------------------------------- <br><samp></samp>CLASS=classname <br>ID =value <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>STYLE=css1-properties <br>TITLE=text <br>event = script <br>> <br>Instructions: Display text in a smaller font. The default is fixed-width font. A closing tag is required. <br>                                                                                        #p#<br> ​                   These introduced HTML tags may not fully comply with the XHTML specification. You should make some choices when making the actual layout. For example, B tags and FONT tags do not comply with XHTML specifications.                   <br>71------------------------------------------------ ---------------------------------- <br>&lt;script&gt;&lt;/script&gt;CLASS=classname <br>DEFER <br>EVENT=eventname <br>FOR=element <br>ID=value <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>SRC=url <br>TITLE=text <br>TYPE=MIME-type <br>> <br>Description: Indicates the script code area that needs to be interpreted and executed by the script engine. A closing tag is required. <br>72------------------------------------------------ ---------------------------------- <br><select></select>ACCESSKEY=key <br>ALIGN =ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>MULTIPLE <br>NAME=name <br>SIZE=n <br>STYLE=css1-properties <br>TABINDEX=n <br>event = script <br>> <br>Description: Set up a drop-down selection box and use OPTION to define the selection. A closing tag is required. <br>73------------------------------------------------ ---------------------------------- <br><small></small>CLASS=classname <br>ID =value <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>STYLE=css1-properties <br>TITLE=text <br>event = script <br>> <br>Instructions: Display text in a smaller font. A closing tag is required. <br>74------------------------------------------------ ---------------------------------- <br><span></span>CLASS=classname <br>DATAFLD =colname <br>DATAFORMATAS=HTML | TEXT <br>DATASRC=#ID <br>ID=value <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>STYLE=css1-properties <br>TITLE=text <br>event = script <br>> <br>Description: Define a range without affecting the page structure and display. A closing tag is required. <br>75------------------------------------------------ ---------------------------------- <br><strike></strike>CLASS=classname <br>ID =value <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>STYLE=css1-properties <br>TITLE=text <br>event = script <br>> <br>Instructions: Displays strikethrough text. A closing tag is required. <br>76------------------------------------------------ ---------------------------------- <br><strong></strong>CLASS=classname <br>ID =value <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>STYLE=css1-properties <br>TITLE=text <br>event = script <br>> <br>Instructions: Focus on the key points. Usually black body. A closing tag is required. <br>77------------------------------------------------ ---------------------------------- <br><style></style>DISABLED <br>MEDIA=SCREEN | PRINT | ALL <br>TITLE=text <br>TYPE="text/css" <br>> <br>Description: Set the display style for the page. A closing tag is required. <br>78------------------------------------------------ ---------------------------------- <br><sub></sub>CLASS=classname <br>ID =value <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>STYLE=css1-properties <br>TITLE=text <br>event = script <br>> <br>Instructions: Display the text in the lower corner in a smaller font. A closing tag is required. <br>79------------------------------------------------ ---------------------------------- <br><sup></sup>CLASS=classname <br>ID =value <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>STYLE=css1-properties <br>TITLE=text <br>event = script <br>> <br>Instructions: Display the text in the lower corner in a smaller font. A closing tag is required. <br>80------------------------------------------------ ---------------------------------- <br><table></table>ALIGN=CENTER | LEFT | RIGHT <br>BACKGROUND=url <br>BGCOLOR=color <br>BORDER=n <br>BORDERCOLOR=color <br>BORDERCOLORDARK=color <br>BORDERCOLORLIGHT=color <br>CELLPADDING=n <br>CELLSPACING=n <br>CLASS=classname <br>COLS=n <br>DATAPAGESIZE=n <br>DATASRC=#ID <br>FRAME=ABOVE | BELOW | BORDER | BOX | INSIDES | LHS | RHS | VOID | <br>VSIDES <br>HEIGHT=n <br>ID=value <br>LANG=language <br>LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>RULES=ALL | COLS | GROUPS | NONE | ROWS <br>STYLE=css1-properties <br>TITLE=text <br>WIDTH=n <br>event = script <br>> <br>Description: Define a table. Use TR, TD, and TH elements to define rows, columns, and cells. Optional elements CAPTION, THEAD, TBODY, TFOOT, COLGROUP, and COL can be used to organize tables and process column and column group attributes. A closing tag is required.                                                                                                                                          </div><div class="wzconShengming_sp"><div class="bzsmdiv_sp">Statement</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><div class="phpgenera_Details_mainL4"><div class="phpmain1_2_top"><a href="javascript:void(0);" class="phpmain1_2_top_title">Related Article<img class="lazy" data-src="/static/imghwm/index2_title2.png" src="/static/imghw/default1.png" alt="" /></a></div><div class="phpgenera_Details_mainL4_info"><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796805717.html" title="HTML, CSS, and JavaScript: Examples and Practical Applications" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174672011334314.jpg?x-oss-process=image/resize,p_40" alt="HTML, CSS, and JavaScript: Examples and Practical Applications" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796805717.html" title="HTML, CSS, and JavaScript: Examples and Practical Applications" class="phphistorical_Version2_mids_title">HTML, CSS, and JavaScript: Examples and Practical Applications</a><span class="Articlelist_txts_time">May 09, 2025 am 12:01 AM</span><p class="Articlelist_txts_p">The roles of HTML, CSS and JavaScript in web development are: 1. HTML is used to build web page structure; 2. CSS is used to beautify the appearance of web pages; 3. JavaScript is used to achieve dynamic interaction. Through tags, styles and scripts, these three together build the core functions of modern web pages.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796805257.html" title="How do you set the lang attribute on the tag? Why is this important?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174663382259830.jpg?x-oss-process=image/resize,p_40" alt="How do you set the lang attribute on the tag? Why is this important?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796805257.html" title="How do you set the lang attribute on the tag? Why is this important?" class="phphistorical_Version2_mids_title">How do you set the lang attribute on the tag? Why is this important?</a><span class="Articlelist_txts_time">May 08, 2025 am 12:03 AM</span><p class="Articlelist_txts_p">Setting the lang attributes of a tag is a key step in optimizing web accessibility and SEO. 1) Set the lang attribute in the tag, such as. 2) In multilingual content, set lang attributes for different language parts, such as. 3) Use language codes that comply with ISO639-1 standards, such as "en", "fr", "zh", etc. Correctly setting the lang attribute can improve the accessibility of web pages and search engine rankings.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796804867.html" title="What is the purpose of HTML attributes?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174654727339266.jpg?x-oss-process=image/resize,p_40" alt="What is the purpose of HTML attributes?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796804867.html" title="What is the purpose of HTML attributes?" class="phphistorical_Version2_mids_title">What is the purpose of HTML attributes?</a><span class="Articlelist_txts_time">May 07, 2025 am 12:01 AM</span><p class="Articlelist_txts_p">HTMLattributesareessentialforenhancingwebelements'functionalityandappearance.Theyaddinformationtodefinebehavior,appearance,andinteraction,makingwebsitesinteractive,responsive,andvisuallyappealing.Attributeslikesrc,href,class,type,anddisabledtransform</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796804679.html" title="How do you create a list in HTML?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174646087491390.jpg?x-oss-process=image/resize,p_40" alt="How do you create a list in HTML?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796804679.html" title="How do you create a list in HTML?" class="phphistorical_Version2_mids_title">How do you create a list in HTML?</a><span class="Articlelist_txts_time">May 06, 2025 am 12:01 AM</span><p class="Articlelist_txts_p">TocreatealistinHTML,useforunorderedlistsandfororderedlists:1)Forunorderedlists,wrapitemsinanduseforeachitem,renderingasabulletedlist.2)Fororderedlists,useandfornumberedlists,customizablewiththetypeattributefordifferentnumberingstyles.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796804507.html" title="HTML in Action: Examples of Website Structure" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174637458321403.jpg?x-oss-process=image/resize,p_40" alt="HTML in Action: Examples of Website Structure" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796804507.html" title="HTML in Action: Examples of Website Structure" class="phphistorical_Version2_mids_title">HTML in Action: Examples of Website Structure</a><span class="Articlelist_txts_time">May 05, 2025 am 12:03 AM</span><p class="Articlelist_txts_p">HTML is used to build websites with clear structure. 1) Use tags such as, and define the website structure. 2) Examples show the structure of blogs and e-commerce websites. 3) Avoid common mistakes such as incorrect label nesting. 4) Optimize performance by reducing HTTP requests and using semantic tags.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796804307.html" title="How do you insert an image into an HTML page?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174628816212087.jpg?x-oss-process=image/resize,p_40" alt="How do you insert an image into an HTML page?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796804307.html" title="How do you insert an image into an HTML page?" class="phphistorical_Version2_mids_title">How do you insert an image into an HTML page?</a><span class="Articlelist_txts_time">May 04, 2025 am 12:02 AM</span><p class="Articlelist_txts_p">ToinsertanimageintoanHTMLpage,usethetagwithsrcandaltattributes.1)UsealttextforaccessibilityandSEO.2)Implementsrcsetforresponsiveimages.3)Applylazyloadingwithloading="lazy"tooptimizeperformance.4)OptimizeimagesusingtoolslikeImageOptimtoreduc</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796804116.html" title="HTML's Purpose: Enabling Web Browsers to Display Content" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174620183295559.jpg?x-oss-process=image/resize,p_40" alt="HTML's Purpose: Enabling Web Browsers to Display Content" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796804116.html" title="HTML's Purpose: Enabling Web Browsers to Display Content" class="phphistorical_Version2_mids_title">HTML's Purpose: Enabling Web Browsers to Display Content</a><span class="Articlelist_txts_time">May 03, 2025 am 12:03 AM</span><p class="Articlelist_txts_p">The core purpose of HTML is to enable the browser to understand and display web content. 1. HTML defines the web page structure and content through tags, such as, to, etc. 2. HTML5 enhances multimedia support and introduces and tags. 3.HTML provides form elements to support user interaction. 4. Optimizing HTML code can improve web page performance, such as reducing HTTP requests and compressing HTML.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796803889.html" title="Why are HTML tags important for web development?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174611540273549.jpg?x-oss-process=image/resize,p_40" alt="Why are HTML tags important for web development?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796803889.html" title="Why are HTML tags important for web development?" class="phphistorical_Version2_mids_title">Why are HTML tags important for web development?</a><span class="Articlelist_txts_time">May 02, 2025 am 12:03 AM</span><p class="Articlelist_txts_p">HTMLtagsareessentialforwebdevelopmentastheystructureandenhancewebpages.1)Theydefinelayout,semantics,andinteractivity.2)SemantictagsimproveaccessibilityandSEO.3)Properuseoftagscanoptimizeperformanceandensurecross-browsercompatibility.</p></div></div><a href="https://m.php.cn/web-designer.html" class="phpgenera_Details_mainL4_botton"><span>See all articles</span><img class="lazy" data-src="/static/imghwm/down_right.png" src="/static/imghw/default1.png" alt="" /></a></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="AI_ToolDetails_main4sR"><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>Hot AI Tools</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/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 class="phpmain_tab2_mids_info"><a href="https://m.php.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 class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/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 class="phpmain_tab2_mids_info"><a href="https://m.php.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 class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/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 class="phpmain_tab2_mids_info"><a href="https://m.php.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 class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/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 class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/clothoffio" title="Clothoff.io"class="phpmain_tab2_mids_title"><h3>Clothoff.io</h3></a><p>AI clothes remover</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/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 class="phpmain_tab2_mids_info"><a href="https://m.php.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 class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ai">Show More</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.png" alt="" /><h2>Hot Article</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796797907.html" title="Roblox: Grow A Garden - Complete Mutation Guide" class="phpgenera_Details_mainR4_bottom_title">Roblox: Grow A Garden - Complete Mutation Guide</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3 weeks ago</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796797130.html" title="Roblox: Bubble Gum Simulator Infinity - How To Get And Use Royal Keys" class="phpgenera_Details_mainR4_bottom_title">Roblox: Bubble Gum Simulator Infinity - How To Get And Use Royal Keys</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3 weeks ago</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796796771.html" title="How to fix KB5055612 fails to install in Windows 10?" class="phpgenera_Details_mainR4_bottom_title">How to fix KB5055612 fails to install in Windows 10?</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3 weeks ago</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796796926.html" title="Nordhold: Fusion System, Explained" class="phpgenera_Details_mainR4_bottom_title">Nordhold: Fusion System, Explained</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3 weeks ago</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796794243.html" title="Blue Prince: How To Get To The Basement" class="phpgenera_Details_mainR4_bottom_title">Blue Prince: How To Get To The Basement</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 months ago</span><span>ByDDD</span></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/article.html">Show More</a></div></div></div><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>Hot Tools</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/660" title="Atom editor mac version download" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ed8cfa94c1a582.jpg" src="/static/imghw/default1.png" alt="Atom editor mac version download" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/660" title="Atom editor mac version download" class="phpmain_tab2_mids_title"><h3>Atom editor mac version download</h3></a><p>The most popular open source editor</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/1471" title="SublimeText3 Linux new version" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/5aab420a5fb42187.jpg" src="/static/imghw/default1.png" alt="SublimeText3 Linux new version" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/1471" title="SublimeText3 Linux new version" class="phpmain_tab2_mids_title"><h3>SublimeText3 Linux new version</h3></a><p>SublimeText3 Linux latest version</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/1557" title="mPDF" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/003/169206948656118.png" src="/static/imghw/default1.png" alt="mPDF" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/1557" title="mPDF" class="phpmain_tab2_mids_title"><h3>mPDF</h3></a><p>mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files &quot;on the fly&quot; from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/1544" title="MinGW - Minimalist GNU for Windows" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="" src="/static/imghw/default1.png" alt="MinGW - Minimalist GNU for Windows" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/1544" title="MinGW - Minimalist GNU for Windows" class="phpmain_tab2_mids_title"><h3>MinGW - Minimalist GNU for Windows</h3></a><p>This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/1473" title="SublimeText3 English version" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/5aab40b1a662e720.jpg" src="/static/imghw/default1.png" alt="SublimeText3 English version" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/1473" title="SublimeText3 English version" class="phpmain_tab2_mids_title"><h3>SublimeText3 English version</h3></a><p>Recommended: Win version, supports code prompts!</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ai">Show More</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.png" alt="" /><h2>Hot Topics</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/java-tutorial" title="Java Tutorial" class="phpgenera_Details_mainR4_bottom_title">Java Tutorial</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1664</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>14</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/cakephp-tutor" title="CakePHP Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP Tutorial</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1423</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>52</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/laravel-tutori" title="Laravel Tutorial" class="phpgenera_Details_mainR4_bottom_title">Laravel Tutorial</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1318</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>25</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/php-tutorial" title="PHP Tutorial" class="phpgenera_Details_mainR4_bottom_title">PHP Tutorial</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1269</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>29</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/c-tutorial" title="C# Tutorial" class="phpgenera_Details_mainR4_bottom_title">C# Tutorial</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1248</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>24</span></div></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/faq/zt">Show More</a></div></div></div></div></main><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Public welfare online PHP training,Help PHP learners grow quickly!</p></div><div class="footermid"><a href="https://m.php.cn/about/us.html">About us</a><a href="https://m.php.cn/about/disclaimer.html">Disclaimer</a><a href="https://m.php.cn/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><script> jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script><script>// 通用函数,用于显示或隐藏元素 function toggleElementsDisplay(className, show) { const elements = document.getElementsByClassName(className); for (let i = 0; i < elements.length; i++) { elements[i].style.display = show ? "block" : "none"; } } // 页面加载完成后执行的主函数 document.addEventListener("DOMContentLoaded", () => { // 1. 绑定菜单按钮事件 const bindMenuEvents = () => { const toggleDisplay = (className, show, eventId) => { const element = document.getElementById(eventId); if (element) { element.addEventListener("click", (event) => { event.preventDefault(); toggleElementsDisplay(className, show); }); } }; toggleDisplay("m_editormain12main", true, "fixed_tab_img"); toggleDisplay("m_editormain12main", false, "fixed_tab_topi"); toggleDisplay("m_editormain12main", false, "fixed_tab_close"); toggleDisplay("m_menu", true, "lan1sp"); toggleDisplay("m_menu", false, "m_editormain12main_topi_sp"); toggleDisplay("m_menu_lang", true, "lan1"); toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan"); }; // 2. 绑定滚动链接事件 const bindScrollLinks = () => { const titleList = document.getElementById("fixed_tab_titlelist"); const menuMain = document.getElementsByClassName("m_editormain12main")[0]; const links = document.querySelectorAll('.fixed_tab_a'); links.forEach(linkElement => { if (linkElement) { linkElement.addEventListener("click", async (e) => { e.preventDefault(); e.stopPropagation(); // 先隐藏菜单 if (menuMain) menuMain.style.display = "none"; if (titleList) titleList.style.display = "none"; // 获取目标元素的 ID const targetId = linkElement.getAttribute('href').substring(1); const targetElement = document.getElementById(targetId); // 等待 DOM 更新 await new Promise(resolve => requestAnimationFrame(resolve)); // 滚动到目标位置 if (targetElement) { targetElement.scrollIntoView({ behavior: "smooth", block: "start" }); } }); } }); }; // 3. 绑定关闭按钮事件 const bindCloseButton = () => { const closeButton = document.querySelector(".phpgenera_Details_mainR1_close"); const container = document.querySelector(".phpgenera_Details_mainR1"); if (closeButton && container) { closeButton.addEventListener("click", (event) => { event.preventDefault(); container.style.display = "none"; }); } }; // 4. 初始化菜单交互功能 const initMenuInteraction = () => { const menuGroupElements = document.querySelectorAll('.layui-menu-item-group'); menuGroupElements.forEach(menuItem => { menuItem.addEventListener('click', function(event) { if (event.target.closest('.m_menusnames')) { return; } this.classList.toggle('layui-menu-item-down'); this.classList.toggle('layui-menu-item-up'); const subMenuContainer = this.querySelector('.m_menusnames'); const icon = this.querySelector('.layui-icon'); if (subMenuContainer && icon) { if (this.classList.contains('layui-menu-item-down')) { subMenuContainer.style.display = 'block'; icon.classList.remove('layui-icon-down'); icon.classList.add('layui-icon-up'); } else { subMenuContainer.style.display = 'none'; icon.classList.remove('layui-icon-up'); icon.classList.add('layui-icon-down'); } } }); }); }; // 5. 初始化 layui 功能 const initLayui = () => { if (typeof layui !== 'undefined') { layui.use(function () { var util = layui.util; if (util && util.fixbar) { util.fixbar({ on: { mouseenter: function (type) { if (layer && layer.tips) { layer.tips(type, this, { tips: 4, fixed: true, }); } }, mouseleave: function (type) { if (layer && layer.closeAll) { layer.closeAll("tips"); } }, }, }); } }); } }; // 执行所有初始化函数 bindMenuEvents(); bindScrollLinks(); bindCloseButton(); initMenuInteraction(); initLayui(); }); </script></body></html>