Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > body text

Summary of DTD usage in html_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:38:40
Original
1144 people have browsed it

DTD is a set of grammatical rules for tags. It is part of the XML1.0 version specification, is the verification mechanism of html files, and is part of the composition of html files.

DTD: Three document types: S (Strict), T (Transitional), F (Frameset).
Strict: Use this type if you need clean markup without clutter in the presentation layer. Please use with Cascading Style Sheets (CSS)
Transitional: DTD can contain rendering attributes and elements that the W3C expects to be moved into the style sheet. Use
Frameset if your readers are using browsers that don't support Cascading Style Sheets (CSS) and you have to use HTML's rendering features: DTD should be used for documents with frames. Except that the frameset element replaces the body element, Frameset DTD is equivalent to Transitional DTD

html5 basically does not have the strict requirements of XHTML 1.0 Transitional, and simplifies many things and can be used directly

HTML5

??????????????????????????????
xhtml 1.1:

xhtml 1.1 plus mathml plus svg:

??????????????????????????????
html 4.01 strict:

html 4.01 transitional:

html 4.01 frameset:

?????? ????????????????????????
xhtml 1.0 strict:

xhtml 1.0 transitional:

xhtml 1.0 frameset：

??????????????? ??????????????????
html 3.2：

?? ??????????????????????????????
html 2 (the number 2 represents the version number):


Attached is an old version tag comparison DTD document:

标签

描述

DTD

 

定义文档类型。

STF

定义 HTML 文档。

STF

定义文档的主体。

STF

to

定义 HTML 标题。

STF

定义段落。

STF


定义简单的折行。

STF

定义水平线。

STF

定义注释。

STF
Tag 		Description DTD td>
Define the document type. STF
Define HTML document. STF
Define the body of the document. STF

to

Define HTML title. STF

Define paragraphs. STF

Define simple line breaks. STF
Define horizontal lines. STF
Define comments. STF

标签

描述

DTD

定义粗体文本。

STF

不赞成使用。定义文本的字体、尺寸和颜色

TF

定义斜体文本。

STF

定义强调文本。

STF

定义大号文本。

STF

定义语气更为强烈的强调文本。

STF

定义小号文本。

STF

定义上标文本。

STF

定义下标文本。

STF

定义文本的方向。

STF

不赞成使用。定义下划线文本。

TF
Tag

 Description

标签

描述

DTD

定义预格式文本

STF

定义计算机代码文本。

STF

定义打字机文本。

STF

定义键盘文本。

STF

定义文本的变量部分。

STF

定义定义项目。

STF

定义计算机代码样本。

STF

</p> </td> <td> <p>不赞成使用。定义预格式文本。</p> </td> <td> </td> </tr> </table> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><acronym></p> </td> <td> <p>定义只取首字母的缩写。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><abbr></p> </td> <td> <p>定义缩写。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><address></p> </td> <td> <p>定义文档作者或拥有者的联系信息。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><blockquote></p> </td> <td> <p>定义块引用。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><center></p> </td> <td> <p>不赞成使用。定义居中文本。</p> </td> <td> <p>TF</p> </td> </tr> <tr> <td> <p><q></p> </td> <td> <p>定义短的引用。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><cite></p> </td> <td> <p>定义引用(citation)。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><ins></p> </td> <td> <p>定义被插入文本。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><del></p> </td> <td> <p>定义被删除文本。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><s></p> </td> <td> <p>不赞成使用。定义加删除线的文本。</p> </td> <td> <p>TF</p> </td> </tr> <tr> <td> <p><strike></p> </td> <td> <p>不赞成使用。定义加删除线的文本。</p> </td> <td> <p>TF</p> </td> </tr> </table><b> </td> Define bold text. <td> STF </td> </tr> <tr> <td> <font> </td> <td> Deprecated. Define text font, size and color </td> <td> TF </td> </tr> <tr> <td> <i> </td> <td> Define italic text. </td> <td> STF </td> </tr> <tr> <td> <em> </td> <td> Define emphasis text. </td> <td> STF </td> </tr> <tr> <td> <big> </td> <td> Define large text. </td> <td> STF </td> </tr> <tr> <td> <strong> </td> <td> Define a stronger tone of emphasis for the text. </td> <td> STF </td> </tr> <tr> <td> <small> </td> <td> Define small text. </td> <td> STF </td> </tr> <tr> <td> <sup> </td> <td> Define superscript text. </td> <td> STF </td> </tr> <tr> <td> <sub> </td> <td> Define subscript text. </td> <td> STF </td> </tr> <tr> <td> <bdo> </td> <td> Define the direction of the text. </td> <td> STF </td> </tr> <tr> <td> <u> </td> <td> Deprecated. Defines underlined text. </td> <td> TF </td> </tr> </table> <table> <tr> <td> <strong> Tags</strong> </td> <td> <strong>Description</strong> </td> <td> <strong>DTD</strong> </td> </tr> <tr> <td> <pre class="brush:php;toolbar:false"> </td> <td> Define preformatted text </td> <td> STF </td> </tr> <tr> <td> <code> </td> <td> Define computer code text. </td> <td> STF </td> </tr> <tr> <td> <tt> </td> <td> Define typewriter text. </td> <td> STF </td> </tr> <tr> <td> <kbd> </td> <td> Define keyboard text. </td> <td> STF </td> </tr> <tr> <td> <var> </td> <td> Define the variable part of the text. </td> <td> STF </td> </tr> <tr> <td> <dfn> </td> <td> Define definition items. </td> <td> STF </td> </tr> <tr> <td> <samp> </td> <td> Define computer code samples. </td> <td> STF </td> </tr> <tr> <td> <xmp> </td> <td> Deprecated. Define preformatted text. </td> <td> </td> </tr> </table> <table> <tr> <td> <strong>tag</strong> </td> <td> <strong>Description</strong> </td> <td> <strong>DTD</strong> </td> </tr> <tr> <td> <acronym> </td> <td> Define an abbreviation with only the first letter. </td> <td> STF </td> </tr> <tr> <td> <abbr> </td> <td> Define abbreviations. </td> <td> STF </td> </tr> <tr> <td> <address> </td> <td> Define contact information for the document author or owner. </td> <td> STF </td> </tr> <tr> <td> <blockquote> </td> <td> Define block references. </td> <td> STF </td> </tr> <tr> <td> <center> </td> <td> Deprecated. Define centered text. </td> <td> TF </td> </tr> <tr> <td> <q> </td> <td> Define short quotes. </td> <td> STF </td> </tr> <tr> <td> <cite> </td> <td> Define citation. </td> <td> STF </td> </tr> <tr> <td> <ins> </td> <td> The definition is inserted into the text. </td> <td> STF </td> </tr> <tr> <td> <del> </td> <td> Define deleted text. </td> <td> STF </td> </tr> <tr> <td> <s> </td> <td> Deprecated. Defines strikethrough text. </td> <td> TF </td> </tr> <tr> <td> <strike> </td> <td> Deprecated. Defines strikethrough text. </td> <td> TF </td> </tr> </table> <p> </p> <table> <tr> <td> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><a></p> </td> <td> <p>定义锚。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><link></p> </td> <td> <p>定义文档与外部资源的关系。</p> </td> <td> <p>STF</p> </td> </tr> </table> <strong>Tag</strong><p> </p> </td> <td> <strong>Description</strong><table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><frame></p> </td> <td> <p>定义框架集的窗口或框架。</p> </td> <td> <p>F</p> </td> </tr> <tr> <td> <p><frameset></p> </td> <td> <p>定义框架集。</p> </td> <td> <p>F</p> </td> </tr> <tr> <td> <p><noframes></p> </td> <td> <p>定义针对不支持框架的用户的替代内容。</p> </td> <td> <p>TF</p> </td> </tr> <tr> <td> <p><iframe></p> </td> <td> <p>定义内联框架。</p> </td> <td> <p>TF</p> </td> </tr> </table> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><form></p> </td> <td> <p>定义供用户输入的 HTML 表单。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><input></p> </td> <td> <p>定义输入控件。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><textarea></p> </td> <td> <p>定义多行的文本输入控件。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><button></p> </td> <td> <p>定义按钮。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><select></p> </td> <td> <p>定义选择列表（下拉列表）。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><optgroup></p> </td> <td> <p>定义选择列表中相关选项的组合。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><option></p> </td> <td> <p>定义选择列表中的选项。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><label></p> </td> <td> <p>定义 input 元素的标注。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><fieldset></p> </td> <td> <p>定义围绕表单中元素的边框。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><legend></p> </td> <td> <p>定义 fieldset 元素的标题。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><isindex></p> </td> <td> <p>不赞成使用。定义与文档相关的可搜索索引。</p> </td> <td> <p>TF</p> </td> </tr> </table><a><p> </p> </td> Define anchor. <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><ul></p> </td> <td> <p>定义无序列表。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><ol></p> </td> <td> <p>定义有序列表。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><li></p> </td> <td> <p>定义列表的项目。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><dir></p> </td> <td> <p>不赞成使用。定义目录列表。</p> </td> <td> <p>TF</p> </td> </tr> <tr> <td> <p><dl></p> </td> <td> <p>定义定义列表。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><dt></p> </td> <td> <p>定义定义列表中的项目。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><dd></p> </td> <td> <p>定义定义列表中项目的描述。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><menu></p> </td> <td> <p>不赞成使用。定义菜单列表。</p> </td> <td> <p>TF</p> </td> </tr> </table> <td> <p>STF</p> </td> </tr> <tr> <td> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><img></p> </td> <td> <p>定义图像。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><map></p> </td> <td> <p>定义图像映射。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><area></p> </td> <td> <p>定义图像地图内部的区域。</p> </td> <td> <p>STF</p> </td> </tr> </table><link> </td> <td> Define the document's relationship to external resources. </td> <td> STF </td> </tr> </table> <table> <tr> <td> <strong> Tags</strong> </td> <td> <strong>Description</strong> </td> <td> <strong>DTD</strong> </td> </tr> <tr> <td> <frame> </td> <td> The window or frame that defines the frameset. </td> <td> F </td> </tr> <tr> <td> <frameset> </td> <td> Define the frameset. </td> <td> F </td> </tr> <tr> <td> <noframes> </td> <td> Define alternative content for users who don't support frames. </td> <td> TF </td> </tr> <tr> <td> <iframe> </td> <td> Define inline frames. </td> <td> TF </td> </tr> </table> <table> <tr> <td> <strong> Tags</strong> </td> <td> <strong>Description</strong> </td> <td> <strong>DTD</strong> </td> </tr> <tr> <td> <form> </td> <td> Define an HTML form for user input. </td> <td> STF </td> </tr> <tr> <td> <input> </td> <td> Define input controls. </td> <td> STF </td> </tr> <tr> <td> <textarea> </td> <td> Define a multi-line text input control. </td> <td> STF </td> </tr> <tr> <td> <button> </td> <td> Define button. </td> <td> STF </td> </tr> <tr> <td> <select> </td> <td> Define a selection list (drop-down list). </td> <td> STF </td> </tr> <tr> <td> <optgroup> </td> <td> Define combinations of related options in a selection list. </td> <td> STF </td> </tr> <tr> <td> <option> </td> <td> Define the options in the selection list. </td> <td> STF </td> </tr> <tr> <td> <label> </td> <td> Define the annotation of the input element. </td> <td> STF </td> </tr> <tr> <td> <fieldset> </td> <td> Define the border around the elements in the form. </td> <td> STF </td> </tr> <tr> <td> <legend> </td> <td> Define the title of the fieldset element. </td> <td> STF </td> </tr> <tr> <td> <isindex> </td> <td> Deprecated. Defines a searchable index associated with the document. </td> <td> TF </td> </tr> </table> <table> <tr> <td> <strong> Tags</strong> </td> <td> <strong>Description</strong> </td> <td> <strong>DTD</strong> </td> </tr> <tr> <td> <ul> </td> <td> Define an unordered list. </td> <td> STF </td> </tr> <tr> <td> <ol> </td> <td> Define an ordered list. </td> <td> STF </td> </tr> <tr> <td> <li> </td> <td> Define the items of the list. </td> <td> STF </td> </tr> <tr> <td> <dir> </td> <td> Deprecated. Define directory listing. </td> <td> TF </td> </tr> <tr> <td> <dl> </td> <td> Define definition list. </td> <td> STF </td> </tr> <tr> <td> <dt> </td> <td> Define the items in the definition list. </td> <td> STF </td> </tr> <tr> <td> <dd> </td> <td> Define the description of the item in the definition list. </td> <td> STF </td> </tr> <tr> <td> <menu> </td> <td> Deprecated. Define menu list. </td> <td> TF </td> </tr> </table> <table> <tr> <td> <strong> Tags</strong> </td> <td> <strong>Description</strong> </td> <td> <strong>DTD</strong> </td> </tr> <tr> <td> <img> </td> <td> Define the image. </td> <td> STF </td> </tr> <tr> <td> <map> </td> <td> Define image map. </td> <td> STF </td> </tr> <tr> <td> <area> </td> <td> Define the area inside the image map. </td> <td> STF </td> </tr> </table> <p> </p> <table> <tr> <td> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><table></p> </td> <td> <p>定义表格</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><caption></p> </td> <td> <p>定义表格标题。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><th></p> </td> <td> <p>定义表格中的表头单元格。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><tr></p> </td> <td> <p>定义表格中的行。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><td></p> </td> <td> <p>定义表格中的单元。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><thead></p> </td> <td> <p>定义表格中的表头内容。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><tbody></p> </td> <td> <p>定义表格中的主体内容。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><tfoot></p> </td> <td> <p>定义表格中的表注内容（脚注）。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><col></p> </td> <td> <p>定义表格中一个或多个列的属性值。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><colgroup></p> </td> <td> <p>定义表格中供格式化的列组。</p> </td> <td> <p>STF</p> </td> </tr> </table> <strong>Tag</strong><p> </p> </td> <td> <strong>Description</strong><table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><style></p> </td> <td> <p>定义文档的样式信息。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><div></p> </td> <td> <p>定义文档中的节。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><span></p> </td> <td> <p>定义文档中的节。</p> </td> <td> <p>STF</p> </td> </tr> </table> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><head></p> </td> <td> <p>定义关于文档的信息。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><title></p> </td> <td> <p>定义文档的标题。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><meta></p> </td> <td> <p>定义关于 HTML 文档的元信息。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><base></p> </td> <td> <p>定义页面中所有链接的默认地址或默认目标。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><basefont></p> </td> <td> <p>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。</p> </td> <td> <p>TF</p> </td> </tr> </table><table><p> </p> </td> Definition table<table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><script></p> </td> <td> <p>定义客户端脚本。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><noscript></p> </td> <td> <p>定义针对不支持客户端脚本的用户的替代内容。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><applet></p> </td> <td> <p>不赞成使用。定义嵌入的 applet。</p> </td> <td> <p>TF</p> </td> </tr> <tr> <td> <p><object></p> </td> <td> <p>定义嵌入的对象。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><param></p> </td> <td> <p>定义对象的参数。</p> </td> <td> <p>STF</p> </td> </tr> </table> <td> STF<p class="sycode"> </p> </td> </tr> <tr> <td> <caption><p class="sycode"> td> </p> </td> <td> Define the table title. <p class="sycode"> </p> </td> <td> <p class="sycode">STF</p> </td> </tr> <tr> <td> <p class="sycode"><th></p> </td> <td> <p class="sycode">Define the header cell in the table. </p> </td> <td> <p class="sycode">STF</p> </td> </tr> <tr> <td> <p class="sycode"><tr></p> </td> <td> Define the rows in the table. </td> <td> STF </td> </tr> <tr> <td> <td> </td> <td> Define the cells in the table. </td> <td> STF </td> </tr> <tr> <td> <thead> </td> <td> Define the header content in the table. </td> <td> STF </td> </tr> <tr> <td> <tbody> </td> <td> Define the main content in the table. </td> <td> STF </td> </tr> <tr> <td> <tfoot> </td> <td> Define the content of table notes (footnotes) in the table. </td> <td> STF </td> </tr> <tr> <td> <col> </td> <td> Define attribute values ​​for one or more columns in the table. </td> <td> STF </td> </tr> <tr> <td> <colgroup> </td> <td> Define column groups in the table for formatting. </td> <td> STF </td> </tr> </table> <table> <tr> <td> <strong> Tags</strong> </td> <td> <strong>Description</strong> </td> <td> <strong>DTD</strong> </td> </tr> <tr> <td> <style> </td> <td> Define the style information of the document. </td> <td> STF </td> </tr> <tr> <td> <div> </td> <td> Define sections in the document. </td> <td> STF </td> </tr> <tr> <td> <span> </td> <td> Define sections in the document. </td> <td> STF </td> </tr> </table> <table> <tr> <td> <strong> Tags</strong> </td> <td> <strong>Description</strong> </td> <td> <strong>DTD</strong> </td> </tr> <tr> <td> <head> </td> <td> Define information about the document. </td> <td> STF </td> </tr> <tr> <td> <title> </td> <td> Define the title of the document. </td> <td> STF </td> </tr> <tr> <td> <meta> </td> <td> Define meta-information about the HTML document. </td> <td> STF </td> </tr> <tr> <td> <base> </td> <td> Define the default address or default target for all links in the page. </td> <td> STF </td> </tr> <tr> <td> <basefont> </td> <td> Deprecated. Define the default font, color, or size for text on the page. </td> <td> TF </td> </tr> </table> <table> <tr> <td> <strong> Tags</strong> </td> <td> <strong>Description</strong> </td> <td> <strong>DTD</strong> </td> </tr> <tr> <td> <script> </td> <td> Define client script. </td> <td> STF </td> </tr> <tr> <td> <noscript> </td> <td> Define alternative content for users who do not support client-side scripting. </td> <td> STF </td> </tr> <tr> <td> <applet> </td> <td> Deprecated. Define embedded applets. </td> <td> TF </td> </tr> <tr> <td> <object> </td> <td> Define embedded objects. </td> <td> STF </td> </tr> <tr> <td> <param> </td> <td> Define the parameters of the object. </td> <td> STF </td> </tr> </table> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Related labels：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/search?word=html中dtd使用小结" target="_blank">html中DTD使用小结</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">source：php.cn</div> </div> <div class="wzconOtherwz"> <a href="http://www.php.cn/faq/272620.html" title="CSS Layout Character Layout_html/css_WEB-ITnose"> <span>Previous article：CSS Layout Character Layout_html/css_WEB-ITnose</span> </a> <a href="http://www.php.cn/faq/272623.html" title="Semantic-UI and several other front-end frameworks_html/css_WEB-ITnose"> <span>Next article：Semantic-UI and several other front-end frameworks_html/css_WEB-ITnose</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> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <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="http://www.php.cn/faq/1796639331.html">What is a NullPointerException, and how do I fix it?</a> </div> <div>2024-10-22 09:46:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/1796629482.html">From Novice to Coder: Your Journey Begins with C Fundamentals</a> </div> <div>2024-10-13 13:53:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/1796628545.html">Unlocking Web Development with PHP: A Beginner's Guide</a> </div> <div>2024-10-12 12:15:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/1796627928.html">Demystifying C: A Clear and Simple Path for New Programmers</a> </div> <div>2024-10-11 22:47:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/1796627806.html">Unlock Your Coding Potential: C Programming for Absolute Beginners</a> </div> <div>2024-10-11 19:36:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/1796627670.html">Unleash Your Inner Programmer: C for Absolute Beginners</a> </div> <div>2024-10-11 15:50:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/1796627643.html">Automate Your Life with C: Scripts and Tools for Beginners</a> </div> <div>2024-10-11 15:07:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/1796627620.html">PHP Made Easy: Your First Steps in Web Development</a> </div> <div>2024-10-11 14:21:21</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/1796627574.html">Build Anything with Python: A Beginner's Guide to Unleashing Your Creativity</a> </div> <div>2024-10-11 12:59:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/1796627539.html">The Key to Coding: Unlocking the Power of Python for Beginners</a> </div> <div>2024-10-11 12:17:31</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="http://www.php.cn/wenda/176400.html" target="_blank" title="PHP arrays obtained from URL parameters do not behave as expected" class="wdcdcTitle">PHP arrays obtained from URL parameters do not behave as expected</a> <a href="http://www.php.cn/wenda/176400.html" class="wdcdcCons">I have a URL parameter that contains the category ID and I want to treat it as an array li...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 2024-04-06 22:09:02</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>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1428</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/wenda/176399.html" target="_blank" title="Move the content to the left by adding the Width property" class="wdcdcTitle">Move the content to the left by adding the Width property</a> <a href="http://www.php.cn/wenda/176399.html" class="wdcdcCons">I have provided margins to the body. main {left margin: 200px; right margin: 200px; text a...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 2024-04-06 22:01:35</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>3</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>816</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/wenda/176368.html" target="_blank" title="Scatterplot points do not maintain values ​​when zooming in d3.js" class="wdcdcTitle">Scatterplot points do not maintain values ​​when zooming in d3.js</a> <a href="http://www.php.cn/wenda/176368.html" class="wdcdcCons">This is my first time using d3.js, so please bear with me. I implemented it as pure JavaSc...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 2024-04-06 18:16:26</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>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>403</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/wenda/176329.html" target="_blank" title="Should we use SSG to deploy dashboards created with Nuxt.js?" class="wdcdcTitle">Should we use SSG to deploy dashboards created with Nuxt.js?</a> <a href="http://www.php.cn/wenda/176329.html" class="wdcdcCons">We will develop a dashboard for internal use using Nuxt.js. Since this will be an internal...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 2024-04-06 13:17:44</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>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>493</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/wenda/176317.html" target="_blank" title="Parent's padding ignored by sticky positioned child" class="wdcdcTitle">Parent's padding ignored by sticky positioned child</a> <a href="http://www.php.cn/wenda/176317.html" class="wdcdcCons">How to prevent sticky elements from going behind the header? The current code snippet uses...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 2024-04-06 11:42:51</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>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>338</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="http://www.php.cn/faq/zt" target="_blank">More> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/dyplqdtpzmbcd"><img src="https://img.php.cn/upload/subject/202407/22/2024072212083868148.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to save pictures in Douyin comment area to mobile phone" /> </a> <a target="_blank" href="http://www.php.cn/faq/dyplqdtpzmbcd" class="title-a-spanl" title="How to save pictures in Douyin comment area to mobile phone"><span>How to save pictures in Douyin comment area to mobile phone</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/dlsslbsfwqzmb"><img src="https://img.php.cn/upload/subject/202407/22/2024072213293877827.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What should I do if eDonkey Search cannot connect to the server?" /> </a> <a target="_blank" href="http://www.php.cn/faq/dlsslbsfwqzmb" class="title-a-spanl" title="What should I do if eDonkey Search cannot connect to the server?"><span>What should I do if eDonkey Search cannot connect to the server?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/jshvuedgx"><img src="https://img.php.cn/upload/subject/202407/22/2024072212260159967.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="The relationship between js and vue" /> </a> <a target="_blank" href="http://www.php.cn/faq/jshvuedgx" class="title-a-spanl" title="The relationship between js and vue"><span>The relationship between js and vue</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/mysqlxgmmm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214052156583.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to change password in MySQL" /> </a> <a target="_blank" href="http://www.php.cn/faq/mysqlxgmmm" class="title-a-spanl" title="How to change password in MySQL"><span>How to change password in MySQL</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/cssgdtys"><img src="https://img.php.cn/upload/subject/202407/22/2024072214085495517.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="CSS scroll bar style" /> </a> <a target="_blank" href="http://www.php.cn/faq/cssgdtys" class="title-a-spanl" title="CSS scroll bar style"><span>CSS scroll bar style</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/bootsqm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214430358555.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="bootsqm" /> </a> <a target="_blank" href="http://www.php.cn/faq/bootsqm" class="title-a-spanl" title="bootsqm"><span>bootsqm</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/geforce940mx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214364078160.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="geforce 940mx" /> </a> <a target="_blank" href="http://www.php.cn/faq/geforce940mx" class="title-a-spanl" title="geforce 940mx"><span>geforce 940mx</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/wzcjldjcff"><img src="https://img.php.cn/upload/subject/202407/22/2024072213453526973.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Common website vulnerability detection methods" /> </a> <a target="_blank" href="http://www.php.cn/faq/wzcjldjcff" class="title-a-spanl" title="Common website vulnerability detection methods"><span>Common website vulnerability detection methods</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <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 does url mean?" href="http://www.php.cn/faq/418772.html">What does url mean?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="What does DOM mean?" href="http://www.php.cn/faq/414303.html">What does DOM mean?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to change image size" href="http://www.php.cn/faq/414252.html">How to change image size</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to make font bold in HTML" href="http://www.php.cn/faq/414520.html">How to make font bold in HTML</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to set the size of html images" href="http://www.php.cn/faq/475145.html">How to set the size of html images</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="http://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="http://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="http://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>1418562 <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="http://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="http://www.php.cn/course/74.html">PHP introductory tutorial one: Learn PHP in one week</a> <div class="wzrthreerb"> <div>4260142 <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="http://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="http://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div>2495196 <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="http://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="http://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div>504717 <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="http://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="http://www.php.cn/course/2.html">PHP zero-based introductory tutorial</a> <div class="wzrthreerb"> <div>859607 <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="http://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="http://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 >1418562 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="http://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="http://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div >2495196 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="http://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="http://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div >504717 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="http://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="http://www.php.cn/course/901.html">Quick introduction to web front-end development</a> <div class="wzrthreerb"> <div >215446 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="http://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="http://www.php.cn/course/234.html">Master PS video tutorials from scratch</a> <div class="wzrthreerb"> <div >881808 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="http://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="http://www.php.cn/course/1648.html">[Web front-end] Node.js quick start</a> <div class="wzrthreerb"> <div >6725 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="http://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="http://www.php.cn/course/1647.html">Complete collection of foreign web development full-stack courses</a> <div class="wzrthreerb"> <div >5243 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="http://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="http://www.php.cn/course/1646.html">Go language practical GraphQL</a> <div class="wzrthreerb"> <div >4382 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="http://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="http://www.php.cn/course/1645.html">550W fan master learns JavaScript from scratch step by step</a> <div class="wzrthreerb"> <div >645 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="http://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="http://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 >22322 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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://www.php.cn/about/us.html">About us</a> <a href="http://www.php.cn/about/disclaimer.html">Disclaimer</a> <a href="http://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?1731997423"></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> </body> </html>