Summary details of html5 common tags-H5 Tutorial-php.cn

1. Main structure

##footerFooter

header	The page header is different from
aside	sidebar
nav	External link collection
section	Chapter or paragraph
article	Records in the form of articles, summary, or message POST (generally paired with inline headers Head, tail, and bottom structures are used)
hggroup	Data such as subtitles, title information, optional titles, and TAG tags are better understood in English. , heading of a section
address	Contact information, generally used around article or body anchor elements

2. Summary table of HTML 5 element tags

Document type declarationRoot element elementhtml##META elementComponent elementsGroupdlText level semantic elementtimeEdit elementsEmbedded content elementsobjectTableForm elementInteractive elementsScript element##3. HTML 5 element general attributes and event handlers



head, title, base, link, meta, style
body, section, nav, article, aside, h1, h2, h3, h4 , h5, h6, hgroup, header, footer, address
Content elementp, hr, br, pre, blockquote, ol ,ul,li,	,dt,dd,figure,figcaption,p
a,em,strong, small, cite, q, dfn, abbr,	, code, var, samp, kbd, sub, sups, i, b, mark, ruby, rt, rp, bdo, span
ins,del
img,iframe,embed,	, param, video, audio, source, canvas, map, area
Elementtable,caption,colgroup,col,tbody,thread,tfoot,tr,td,th
form,fieldset,legend,label , button, select, datalist, optgroup, option, textarea, keygen, output, progress, meter
details, summary, command, menu
script, noscript

HTML5Element general attribute table、contenteditable、contextmenu、onabort, onblur*, oncanplay, oncanplaythrough, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror*, onfocus*, onformchange, onforminput, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload*, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreadystatechange, onscroll, onseeked, onseeking, onselect, onshow, onstalled, onsubmit, onsuspend, ontimeupdate ,onvolumechange,onwaiting.

accesskey、class

dir、draggable , hidden, id, lang, spellcheck, style, tabindex, title ##HTML5 element event handle attribute

4. HTML5 element tag interpretation

##<tr> <td>●</td> <td>Title</td> <td>Define the file title, displayed at the top of the browser</td> <td></td> </tr><base><tr> <td>o</td> <td>Basic mark</td> <td>can convert relative URL to absolute and specified link</td> <td></td>##< ;link></tr> <tr>o<td></td>External resource connection<td></td>Must have rel attribute description<td></td> <td></td><meta></tr> <tr>o<td></td> <td>Other</td>META data<td><a href="http://www.php.cn/html5/html5-3-mip-normal.html" target="_blank">META data that cannot be described by title, base, link, style, and script elements</a></td> <td> </td><style></tr> <tr>●<td></td>Embedded document style information<td></td> <td></td> <td></td>##Component tags</tr> <tr><td colspan="4"> <strong></strong><body></td></tr>●<tr> <td>Document body start</td> <td>Document content container</td> <td></td> <td><section></td> </tr>●<tr> <td>Represents a common document or application component</td> <td> </td> <td></td>##<nav><td></td>●</tr> <tr> <td>Navigation</td>Links<td></td>External link or document internal link<td><a href="http://www.php.cn/code/9303.html" target="_blank"></a></td><article><td> </td>●</tr> <tr>Page module<td></td>Records in the form of articles, abstracts or messages POST etc.<td></td> <td></td><aside><td></td>●</tr> <tr>Isolated module<td></td>Generally used as sidebar advertisements, descriptions, <td>citations</td>, navigation, etc., the aside containment part is generally less coupled with the main text<td></td> <td><a href="http://www.php.cn/wiki/231.html" target="_blank"><h1></a></td>●</tr> <tr>Title tag<td></td>In addition, there are h2, h3, h4, h5, h6<td></td> <td></td><hgroup><td></td>●</tr> <tr>Group title<td></td> is used when a set of elements such as h1-h6 is used to distinguish the main and subtitles ? ?</tr> <tr> <td><header></td> <td>●</td> <td>Group description or group navigation</td> <td>Can also be called the header title</td> </tr> <tr> <td><footer></td> <td>●</td> <td>Footer title</td> <td>The scope is related to the nearest widget element</td> </tr> <tr> <td><address></td> <td>●</td> <td>Address or contact information</td> <td> </td> </tr> <tr> <td>##Group content tag<strong></strong> </td> <td></td> <td></td> <td></td> </tr> <tr><p><td></td>●<td></td>Paragraph mark <td></td> <td></td> </tr> <tr><hr><td></td>o<td></td>Horizontal dividing line<td></td> <td></td> </tr> <tr><br><td></td>o<td></td>Line break<td></td> <td></td> </tr>##<pre class="brush:php;toolbar:false"><tr> <td>●</td> <td>Preformatted block</td> <td> </td> <td></td>##<blockquote></tr> <tr>●<td></td> Block quote<td></td> <td></td> <td>##<ol></td> </tr>●<tr> <td>Numbered list</td> <td> </td> <td></td> <td><ul></td> </tr>●<tr> <td>Project list</td> <td> </td> <td></td> <td><li></td> </tr>●<tr> <td>List items</td> <td> </td> <td></td>##<dl><td></td>●</tr> <tr>Definition list <td></td> <td></td> <td></td><dt><td></td>●</tr> <tr>Definition name<td></td> <td></td> <td></td><dd><td></td>●</tr> <tr>Definition description<td></td> <td></td> <td>##<figure></td> <td>●</td> </tr>Stream content block description<tr> <td>Use in combination with figcaption</td> <td></td>##<figcaption><td></td>●<td> </td>figureContent attribute</tr> <tr> <td></td> <td>##<p></td> <td>●</td> <td>Positioning tag</td> </tr>None Actual meaning <tr> <td></td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td></td> <td></td>Text-level semantics Tag<td></td> <td></td> </tr><a><tr><td colspan="4">●<strong></strong>Link tag</td></tr> <tr> <td></td> <td><em></td> <td>●</td> <td>Emphasis mark</td> </tr> <tr> <td></td> <td><strong></td> <td> ●</td> <td>Emphasis mark</td> </tr> <tr> <td></td>##<small><td></td>●<td></td>Reduce font<td></td> </tr> <tr> <td>##<cite></td> <td>●</td> <td>italic mark</td> <td> </td> </tr> <tr> <td><q></td> <td>●</td> <td>Quotation mark content</td> <td>The original text is phrasing content, it is not clear how to translate it</td> </tr> <tr> <td>< ;dfn></td> <td>●</td> <td>Definition of terms</td> <td> </td> </tr> <tr> <td><abbr></td> <td>●</td> <td>Abbreviation</td> <td> </td> </tr> <tr>##<time><td></td>●<td></td>Date Time<td></td> <td></td> </tr> <tr><code><td></td>●<td></td>Program code<td></td> <td></td> </tr>##<var> ;<tr><td>●</td><td></td>Variable<td></td><td> </td></tr><tr>##<samp><td></td>● <td></td>Example<td><a href="http://www.php.cn/wiki/70.html" target="_blank"> </a></td> <td></td><kbd><tr>●<td></td>Keyboard words<td></td> <td></td> <td>##<sub><sups></td> </tr>●<tr> <td>Superscript/Subscript</td> <td> </td> <td></td> <td><i></td> </tr>●<tr> <td>Italic mark</td> <td> </td> <td></td>##<b><td></td>●</tr> <tr>Bold mark<td></td> <td></td> <td>##<mark></td> <td>●</td> </tr> Mark or highlight<tr> <td> </td> <td></td>##<ruby><td></td>●<td></td>Annotation Mark</tr> <tr> <td> </td> <td></td><rt><td></td>●<td></td>ruby child element</tr> <tr>Use in conjunction with ruby, for example: <ruby>天<rt> Tian</rt>Yuan<rt>Yuan</rt></ruby><td></td> <td>##<rp></td> <td>●</td> <td>ruby Child elements </td> </tr> are generally used as rt elements <tr> Comments <td> Use </td> <td></td> <td><bdo></td> <td>●</td> </tr> <tr> <td> </td> <td></td> <td><span></td> <td>●<a href="http://www.php.cn/code/8105.html" target="_blank"></a>Custom tag</td> </tr> <tr> <td></td> <td></td>Edit tag<td></td> <td></td>#<ins></tr> <tr>●<td></td> <td></td> <td></td> <td></td><del></tr> <tr>●<td colspan="4"><strong> </strong></td> </tr> <tr> <td></td> <td>Embedded content Tag</td> <td></td> <td></td><img></tr> <tr>●<td></td> <td>Picture</td> Tag<td></td> <td> </td> </tr> <tr><iframe><td colspan="4"><strong>●</strong></td> </tr>Frame<tr>Mark<td></td> <td></td> <td><a href="http://www.php.cn/css/css-rwd-images.html" target="_blank"><embed></a></td>●<td></td>Embed tag</tr> <tr> <td></td> <td>##<object></td> <td>● <a href="http://www.php.cn/css/css-rwd-frameworks.html" target="_blank"></a> </td>Object<td>Mark</td> <td> </td> </tr> <tr>##<param><td></td>●<td></td>Parameter mark<td></td> <td></td> </tr> <tr><video><td></td>●<td></td> <td>Video<a href="http://www.php.cn/code/6707.html" target="_blank"> Tag</a> </td> <td></td> </tr> <tr>< ;audio><td></td>●<td></td> <td>audio<a href="http://www.php.cn/code/6093.html" target="_blank">tag</a> </td> <td></td> </tr>##<source><tr> <td>●</td> <td>Source tag</td> <td> </td> <td></td>##<canvas></tr> <tr>●<td></td>Cartographic tag<td></td> <td></td> <td></td><map></tr> <tr>●<td></td> <td>Map</td>Mark<td> <a href="http://www.php.cn/code/7891.html" target="_blank"> </a> </td> <td></td><area></tr> <tr>●<td></td>Area Marker<td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td>##Table mark</tr> <tr> <td colspan="4"><strong>##<table> </strong></td>●</tr> <tr>Table tag<td></td>Set the parameters of the table<td></td> <td></td><caption><td></td>●</tr> <tr>Table title<td></td>Make one column to fill in the table title<td></td> <td>##<colgroup></td> <td>●</td> </tr> <tr> <td> </td> <td></td>##<col><td></td>●<td></td> </tr> <tr> <td></td> <td></td><tbody><td></td>●<td></td> </tr> <tr> <td></td> <td></td><thread><td> </td>●<td></td> </tr> <tr> <td></td> <td>##<tfoot></td> <td>●</td> <td> </td> </tr> <tr> <td></td> <td><tr></td> <td>●</td> <td>Table columns</td> </tr>Set the columns of the table<tr> <td> </td> <td><td></td> <td>●</td> <td>Table columns</td> </tr>Set the columns of this table<tr> <td></td>##< ;th><td></td>●<td></td>Table header<td></td> is equal to <TD>, but the text font will be bolder</tr> <tr> <td></td> <td>Form tag</td> <td></td> <td>##<form></td> </tr>●<tr><td colspan="4">Form tag<strong></strong>Determine the form Operation mode</td></tr> <tr> <td><fieldset></td> <td>●</td> <td> </td> <td> </td> </tr> <tr>## <legend><td></td>●<td></td> <td></td> <td></td> </tr> <tr><input><td></td>●<td></td>Input label<td></td> <td></td> </tr>##<label><tr> <td>●</td> <td> </td> <td> </td> <td></td> </tr><button><tr> <td>●</td> <td></td>Button<td></td> <td> </td> </tr> <tr> <td>< ;select></td> <td>●</td> <td>Select mark<a href="http://www.php.cn/code/5991.html" target="_blank"></a> </td> <td></td> </tr><datalist><tr> <td>●</td> <td> </td> <td> </td> <td></td>##<optgroup></tr> <tr>●<td></td> <td></td> <td></td> <td></td><option></tr> <tr>●<td></td>Option<td></td> <td></td> <td>##<textarea></td> </tr>●<tr> <td> </td> <td> </td> <td></td>##<keygen><td></td>●</tr> <tr> <td></td> <td></td> <td></td><output><td></td>●</tr> <tr> <td></td> <td></td> <td></td><progress> ;<td></td>●</tr><tr> <td></td> <td></td><td>##<meter><td>●</td> </tr> <tr> <td> </td> <td></td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td></td> <td></td> <td>Interactive elements</td> </tr> <tr> <td></td>##<details><td></td>●<td></td> <td></td> </tr> <tr> <td colspan="4"><p><summary><strong></strong>●</p></td> </tr> <tr> <td></td> <td>##<command></td> <td>●</td> <td> </td> </tr> <tr> <td></td>##<menu><td></td>●<td></td> <td></td> </tr> <tr> <td></td> <td>Other tags</td> <td></td> <td>##<script></td> </tr>●<tr> <td> </td> <td> </td> <td></td> <td><noscript></td> </tr>●<tr><td colspan="4"> <strong></strong> </td></tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td></td> <td>Remark: </td> <td></td> 1. ● indicates that the mark is a containment mark and needs to end with the mark </mark>. <td></td>2. o means that the tag is an empty tag and does not require an end tag. </tr> </tbody></table> </td> </tr> </tbody></table><p>The above is the detailed content of Summary details of html5 common tags. For more information, please follow other related articles on the PHP Chinese website!</p> </div> </div> <div style="display: flex;"> <div class="wzconBq" style="display: inline-flex;"> <span>Related labels：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/search?word=html5，常用标签" target="_blank">html5 ，常用标签</a> </div> </div>  </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/faq/357701.html" title="html5 WebWorkers sample code sharing to prevent browser from suspended animation"> <span>Previous article：html5 WebWorkers sample code sharing to prevent browser from suspended animation</span> </a> <a href="https://www.php.cn/faq/357705.html" title="A detailed introduction to the HTML5 Placeholder attribute"> <span>Next article：A detailed introduction to the HTML5 Placeholder attribute</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">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> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">Latest Articles by Author</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/377601.html">Video material on building your own PHP framework from scratch</a> </div> <div>2023-03-15 16:54:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/377137.html">Example analysis of how PHPMailer uses QQ mailbox to complete the email sending function</a> </div> <div>2023-03-15 12:26:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/376186.html">Introduction to how to receive emails in IMAP in php</a> </div> <div>2023-03-14 18:58:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/375194.html">Example of how to quickly implement array deduplication in PHP</a> </div> <div>2023-03-14 11:30:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/369412.html">Summary of the use of all attributes of the <a> tag in html</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/379971.html">Summary of basic knowledge of PHP (necessary for beginners to get started)</a> </div> <div>2023-03-16 15:20:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/381607.html">Introduction to the use of typeof in JavaScript</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/382066.html">Introduction to the use of confirm() method in JavaScript</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/357705.html">A detailed introduction to the HTML5 Placeholder attribute</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/380149.html">How to implement single-select, multiple-select and reverse-select in forms in ReactJS</a> </div> <div>1970-01-01 08:00:00</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Latest Issues</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Team collaboration - What should I do if someone needs the feature I wrote as a dependency in git flow?" class="wdcdcTitle">Team collaboration - What should I do if someone needs the feature I wrote as a dependency in git flow?</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Objective-c - Constraints for iOS a warning issue" class="wdcdcTitle">Objective-c - Constraints for iOS a warning issue</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Confusion about using gitlab's fork&pull request mode within the team" class="wdcdcTitle">Confusion about using gitlab's fork&pull request mode within the team</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Objective-c - In iOS development, Instagram cannot be authorized after logging in. Instagram does not jump back to the application. How to get the callback address?" class="wdcdcTitle">Objective-c - In iOS development, Instagram cannot be authorized after logging in. Instagram does not jump back to the application. How to get the callback address?</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Version Control - About the use of SVN and GIT in company projects?" class="wdcdcTitle">Version Control - About the use of SVN and GIT in company projects?</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>Related Topics</div> <a href="https://www.php.cn/faq/zt" target="_blank">More> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/html5dhzzynxz"><img src="https://img.php.cn/upload/subject/202407/22/2024072213560284279.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What are the production methods of html5 animation production?" /> </a> <a target="_blank" href="https://www.php.cn/faq/html5dhzzynxz" class="title-a-spanl" title="What are the production methods of html5 animation production?"><span>What are the production methods of html5 animation production?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/htmlyhtmldeqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212284445490.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="The difference between HTML and HTML5" /> </a> <a target="_blank" href="https://www.php.cn/faq/htmlyhtmldeqb" class="title-a-spanl" title="The difference between HTML and HTML5"><span>The difference between HTML and HTML5</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/locationreloa"><img src="https://img.php.cn/upload/subject/202407/22/2024072213394158662.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="location.reload usage" /> </a> <a target="_blank" href="https://www.php.cn/faq/locationreloa" class="title-a-spanl" title="location.reload usage"><span>location.reload usage</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/cjdbmff"><img src="https://img.php.cn/upload/subject/202407/22/2024072213553619371.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Common coding methods" /> </a> <a target="_blank" href="https://www.php.cn/faq/cjdbmff" class="title-a-spanl" title="Common coding methods"><span>Common coding methods</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/oraclesswr"><img src="https://img.php.cn/upload/subject/202407/22/2024072213481510403.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to operate Oracle rounding" /> </a> <a target="_blank" href="https://www.php.cn/faq/oraclesswr" class="title-a-spanl" title="How to operate Oracle rounding"><span>How to operate Oracle rounding</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/wxlhhdfxssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072211490887525.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What does the other party show after being blocked on WeChat?" /> </a> <a target="_blank" href="https://www.php.cn/faq/wxlhhdfxssm" class="title-a-spanl" title="What does the other party show after being blocked on WeChat?"><span>What does the other party show after being blocked on WeChat?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/hbdygtcxh"><img src="https://img.php.cn/upload/subject/202407/22/2024072214234434367.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Merge cell fill sequence number" /> </a> <a target="_blank" href="https://www.php.cn/faq/hbdygtcxh" class="title-a-spanl" title="Merge cell fill sequence number"><span>Merge cell fill sequence number</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/qyyxzmzcr"><img src="https://img.php.cn/upload/subject/202407/22/2024072212162677302.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to register a business email" /> </a> <a target="_blank" href="https://www.php.cn/faq/qyyxzmzcr" class="title-a-spanl" title="How to register a business email"><span>How to register a business email</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <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> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzrOne"> <div class="wzroTitle">Popular Recommendations</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="what is h5" href="https://www.php.cn/faq/414835.html">what is h5</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to create an h5 page if you don't understand code? Recommended H5 page production platform" href="https://www.php.cn/faq/417718.html">How to create an h5 page if you don't understand code? Recommended H5 page production platform</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="What are the new features of html5" href="https://www.php.cn/faq/473125.html">What are the new features of html5</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="What is h5 page production" href="https://www.php.cn/faq/468382.html">What is h5 page production</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="What is the difference between h5 and mini program?" href="https://www.php.cn/faq/463311.html">What is the difference between h5 and mini program?</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Popular Tutorials</div> <a target="_blank" href="https://www.php.cn/course.html">More> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Related Tutorials <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Popular Recommendations<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Latest courses<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/course/812.html" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="https://www.php.cn/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a> <div class="wzrthreerb"> <div>1432079 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/74.html" title="PHP introductory tutorial one: Learn PHP in one week" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP introductory tutorial one: Learn PHP in one week"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP introductory tutorial one: Learn PHP in one week" href="https://www.php.cn/course/74.html">PHP introductory tutorial one: Learn PHP in one week</a> <div class="wzrthreerb"> <div>4286821 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/286.html" title="JAVA Beginner's Video Tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA Beginner's Video Tutorial" href="https://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div>2616329 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="https://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div>513365 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/2.html" title="PHP zero-based introductory tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP zero-based introductory tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP zero-based introductory tutorial" href="https://www.php.cn/course/2.html">PHP zero-based introductory tutorial</a> <div class="wzrthreerb"> <div>872362 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/course/812.html" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="https://www.php.cn/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a> <div class="wzrthreerb"> <div >1432079 times of learning</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/286.html" title="JAVA Beginner's Video Tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA Beginner's Video Tutorial" href="https://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div >2616329 times of learning</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="https://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div >513365 times of learning</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/901.html" title="Quick introduction to web front-end development" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Quick introduction to web front-end development"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Quick introduction to web front-end development" href="https://www.php.cn/course/901.html">Quick introduction to web front-end development</a> <div class="wzrthreerb"> <div >216658 times of learning</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/234.html" title="Master PS video tutorials from scratch" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Master PS video tutorials from scratch"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Master PS video tutorials from scratch" href="https://www.php.cn/course/234.html">Master PS video tutorials from scratch</a> <div class="wzrthreerb"> <div >910327 times of learning</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/course/1648.html" title="[Web front-end] Node.js quick start" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Node.js quick start"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Node.js quick start" href="https://www.php.cn/course/1648.html">[Web front-end] Node.js quick start</a> <div class="wzrthreerb"> <div >8880 times of learning</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/1647.html" title="Complete collection of foreign web development full-stack courses" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Complete collection of foreign web development full-stack courses"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Complete collection of foreign web development full-stack courses" href="https://www.php.cn/course/1647.html">Complete collection of foreign web development full-stack courses</a> <div class="wzrthreerb"> <div >7086 times of learning</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/1646.html" title="Go language practical GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go language practical GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go language practical GraphQL" href="https://www.php.cn/course/1646.html">Go language practical GraphQL</a> <div class="wzrthreerb"> <div >6041 times of learning</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/1645.html" title="550W fan master learns JavaScript from scratch step by step" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W fan master learns JavaScript from scratch step by step"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W fan master learns JavaScript from scratch step by step" href="https://www.php.cn/course/1645.html">550W fan master learns JavaScript from scratch step by step</a> <div class="wzrthreerb"> <div >784 times of learning</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/1644.html" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" href="https://www.php.cn/course/1644.html">Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours</a> <div class="wzrthreerb"> <div >30138 times of learning</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Latest Downloads</div> <a href="https://www.php.cn/xiazai">More> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">Web Effects <div></div></div> <div class="swiper-slide" data-id="twof">Website Source Code<div></div></div> <div class="swiper-slide" data-id="threef">Website Materials<div></div></div> <div class="swiper-slide" data-id="fourf">Front End Template<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery enterprise message form contact code" href="https://www.php.cn/toolset/js-special-effects/8071">[form button] jQuery enterprise message form contact code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3 music box playback effects" href="https://www.php.cn/toolset/js-special-effects/8070">[Player special effects] HTML5 MP3 music box playback effects</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 cool particle animation navigation menu special effects" href="https://www.php.cn/toolset/js-special-effects/8069">[Menu navigation] HTML5 cool particle animation navigation menu special effects</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery visual form drag and drop editing code" href="https://www.php.cn/toolset/js-special-effects/8068">[form button] jQuery visual form drag and drop editing code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS imitation Kugou music player code" href="https://www.php.cn/toolset/js-special-effects/8067">[Player special effects] VUE.JS imitation Kugou music player code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Classic html5 pushing box game" href="https://www.php.cn/toolset/js-special-effects/8066">[html5 special effects] Classic html5 pushing box game</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery scrolling to add or reduce image effects" href="https://www.php.cn/toolset/js-special-effects/8065">[Picture special effects] jQuery scrolling to add or reduce image effects</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3 personal album cover hover zoom effect" href="https://www.php.cn/toolset/js-special-effects/8064">[Photo album effects] CSS3 personal album cover hover zoom effect</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8328" title="Home Decor Cleaning and Repair Service Company Website Template" target="_blank">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8327" title="Fresh color personal resume guide page template" target="_blank">[Front-end template] Fresh color personal resume guide page template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8326" title="Designer Creative Job Resume Web Template" target="_blank">[Front-end template] Designer Creative Job Resume Web Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8325" title="Modern engineering construction company website template" target="_blank">[Front-end template] Modern engineering construction company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8324" title="Responsive HTML5 template for educational service institutions" target="_blank">[Front-end template] Responsive HTML5 template for educational service institutions</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8323" title="Online e-book store mall website template" target="_blank">[Front-end template] Online e-book store mall website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8322" title="IT technology solves Internet company website template" target="_blank">[Front-end template] IT technology solves Internet company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8321" title="Purple style foreign exchange trading service website template" target="_blank">[Front-end template] Purple style foreign exchange trading service website template</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3078" target="_blank" title="Cute summer elements vector material (EPS PNG)">[PNG material] Cute summer elements vector material (EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3077" target="_blank" title="Four red 2023 graduation badges vector material (AI EPS PNG)">[PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3076" target="_blank" title="Singing bird and cart filled with flowers design spring banner vector material (AI EPS)">[banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3075" target="_blank" title="Golden graduation cap vector material (EPS PNG)">[PNG material] Golden graduation cap vector material (EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3074" target="_blank" title="Black and white style mountain icon vector material (EPS PNG)">[PNG material] Black and white style mountain icon vector material (EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3073" target="_blank" title="Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses">[PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3072" target="_blank" title="Flat style Arbor Day banner vector material (AI+EPS)">[banner picture] Flat style Arbor Day banner vector material (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3071" target="_blank" title="Nine comic-style exploding chat bubbles vector material (EPS+PNG)">[PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8328" target="_blank" title="Home Decor Cleaning and Repair Service Company Website Template">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8327" target="_blank" title="Fresh color personal resume guide page template">[Front-end template] Fresh color personal resume guide page template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8326" target="_blank" title="Designer Creative Job Resume Web Template">[Front-end template] Designer Creative Job Resume Web Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8325" target="_blank" title="Modern engineering construction company website template">[Front-end template] Modern engineering construction company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8324" target="_blank" title="Responsive HTML5 template for educational service institutions">[Front-end template] Responsive HTML5 template for educational service institutions</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8323" target="_blank" title="Online e-book store mall website template">[Front-end template] Online e-book store mall website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8322" target="_blank" title="IT technology solves Internet company website template">[Front-end template] IT technology solves Internet company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8321" target="_blank" title="Purple style foreign exchange trading service website template">[Front-end template] Purple style foreign exchange trading service website template</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Public welfare online PHP training，Help PHP learners grow quickly！</p> </div> <div class="footermid"> <a href="https://www.php.cn/about/us.html">About us</a> <a href="https://www.php.cn/about/disclaimer.html">Disclaimer</a> <a href="https://www.php.cn/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1739000383"></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?2' 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 type="text/javascript" src="/static/js/global.min.js?5.5.53"></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>  </body> </html>

Mark	Type	Meaning	Introduction
File tag
	●	Root file tag	Let the browser know that this is an HTML file
# #META tag
●	begins	provides overall file information