Community
Learn
Tools Library
AI Tools
Leisure
search
English
Home Web Front-end HTML Tutorial Summary of DTD usage in html_html/css_WEB-ITnose

Summary of DTD usage in html_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Jun 24, 2016 am 11:38 AM

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 class="wzconShengming_sp"> <div class="bzsmdiv_sp">Statement of this Website</div> <div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Hot Article</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle Solution" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle Solution</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796789525.html" title="What's New in Windows 11 KB5054979 & How to Fix Update Issues" class="phpgenera_Details_mainR4_bottom_title">What's New in Windows 11 KB5054979 & How to Fix Update Issues</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 weeks ago</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796785857.html" title="Where to find the Crane Control Keycard in Atomfall" class="phpgenera_Details_mainR4_bottom_title">Where to find the Crane Control Keycard in Atomfall</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796781206.html" title="Saving in R.E.P.O. Explained (And Save Files)" class="phpgenera_Details_mainR4_bottom_title">Saving in R.E.P.O. Explained (And Save Files)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 months ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796783009.html" title="Assassin's Creed Shadows - How To Find The Blacksmith And Unlock Weapon And Armour Customisation" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows - How To Find The Blacksmith And Unlock Weapon And Armour Customisation</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 weeks ago</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/article.html">Show More</a> </div> </div> </div> --> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Hot AI Tools</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>AI-powered app for creating realistic nude photos</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Online AI tool for removing clothes from photos.</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Undress images for free</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI clothes remover</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title"> <h3>AI Hentai Generator</h3> </a> <p>Generate AI Hentai for free.</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ai">Show More</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Hot Article</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle Solution" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle Solution</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796789525.html" title="What's New in Windows 11 KB5054979 & How to Fix Update Issues" class="phpgenera_Details_mainR4_bottom_title">What's New in Windows 11 KB5054979 & How to Fix Update Issues</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 weeks ago</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796785857.html" title="Where to find the Crane Control Keycard in Atomfall" class="phpgenera_Details_mainR4_bottom_title">Where to find the Crane Control Keycard in Atomfall</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796781206.html" title="Saving in R.E.P.O. Explained (And Save Files)" class="phpgenera_Details_mainR4_bottom_title">Saving in R.E.P.O. Explained (And Save Files)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 months ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796783009.html" title="Assassin's Creed Shadows - How To Find The Blacksmith And Unlock Weapon And Armour Customisation" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows - How To Find The Blacksmith And Unlock Weapon And Armour Customisation</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 weeks ago</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/article.html">Show More</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Hot Tools</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Easy-to-use and free code editor</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/93" title="SublimeText3 Chinese version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Chinese version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/93" title="SublimeText3 Chinese version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Chinese version</h3> </a> <p>Chinese version, very easy to use</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Zend Studio 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Zend Studio 13.0.1</h3> </a> <p>Powerful PHP integrated development environment</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Visual web development tools</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/500" title="SublimeText3 Mac version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/500" title="SublimeText3 Mac version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac version</h3> </a> <p>God-level code editing software (SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ai">Show More</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Hot Topics</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/gmailyxdlrkzn" title="Where is the login entrance for gmail email?" class="phpgenera_Details_mainR4_bottom_title">Where is the login entrance for gmail email?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7564</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/cakephp-tutor" title="CakePHP Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1386</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/steamdzhmcssmgs" title="What is the format of the account name of steam" class="phpgenera_Details_mainR4_bottom_title">What is the format of the account name of steam</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>87</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>11</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/winactivationkeyper" title="win11 activation key permanent" class="phpgenera_Details_mainR4_bottom_title">win11 activation key permanent</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>61</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>19</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/newyorktimesdailybrief" title="nyt connections hints and answers" class="phpgenera_Details_mainR4_bottom_title">nyt connections hints and answers</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>28</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>99</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/faq/zt">Show More</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/1796782759.html" title="What is the purpose of the &lt;progress&gt; element?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202503/21/2025032112342868456.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="What is the purpose of the &lt;progress&gt; element?" /> </a> <a href="https://www.php.cn/faq/1796782759.html" title="What is the purpose of the &lt;progress&gt; element?" class="phphistorical_Version2_mids_title">What is the purpose of the &lt;progress&gt; element?</a> <span class="Articlelist_txts_time">Mar 21, 2025 pm 12:34 PM</span> <p class="Articlelist_txts_p">The article discusses the HTML &amp;lt;progress&amp;gt; element, its purpose, styling, and differences from the &amp;lt;meter&amp;gt; element. The main focus is on using &amp;lt;progress&amp;gt; for task completion and &amp;lt;meter&amp;gt; for stati</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/1796782758.html" title="What is the purpose of the &lt;datalist&gt; element?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202503/21/2025032112332857446.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="What is the purpose of the &lt;datalist&gt; element?" /> </a> <a href="https://www.php.cn/faq/1796782758.html" title="What is the purpose of the &lt;datalist&gt; element?" class="phphistorical_Version2_mids_title">What is the purpose of the &lt;datalist&gt; element?</a> <span class="Articlelist_txts_time">Mar 21, 2025 pm 12:33 PM</span> <p class="Articlelist_txts_p">The article discusses the HTML &amp;lt;datalist&amp;gt; element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/1796791823.html" title="Is HTML easy to learn for beginners?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174395586298618.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Is HTML easy to learn for beginners?" /> </a> <a href="https://www.php.cn/faq/1796791823.html" title="Is HTML easy to learn for beginners?" class="phphistorical_Version2_mids_title">Is HTML easy to learn for beginners?</a> <span class="Articlelist_txts_time">Apr 07, 2025 am 12:11 AM</span> <p class="Articlelist_txts_p">HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/1796782760.html" title="What is the purpose of the &lt;meter&gt; element?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202503/21/2025032112352661331.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="What is the purpose of the &lt;meter&gt; element?" /> </a> <a href="https://www.php.cn/faq/1796782760.html" title="What is the purpose of the &lt;meter&gt; element?" class="phphistorical_Version2_mids_title">What is the purpose of the &lt;meter&gt; element?</a> <span class="Articlelist_txts_time">Mar 21, 2025 pm 12:35 PM</span> <p class="Articlelist_txts_p">The article discusses the HTML &amp;lt;meter&amp;gt; element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates &amp;lt;meter&amp;gt; from &amp;lt;progress&amp;gt; and ex</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/1796782318.html" title="What is the purpose of the &lt;iframe&gt; tag? What are the security considerations when using it?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202503/20/2025032018054766795.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="What is the purpose of the &lt;iframe&gt; tag? What are the security considerations when using it?" /> </a> <a href="https://www.php.cn/faq/1796782318.html" title="What is the purpose of the &lt;iframe&gt; tag? What are the security considerations when using it?" class="phphistorical_Version2_mids_title">What is the purpose of the &lt;iframe&gt; tag? What are the security considerations when using it?</a> <span class="Articlelist_txts_time">Mar 20, 2025 pm 06:05 PM</span> <p class="Articlelist_txts_p">The article discusses the &amp;lt;iframe&amp;gt; tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/1796782305.html" title="What is the viewport meta tag? Why is it important for responsive design?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202503/20/2025032017560614263.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="What is the viewport meta tag? Why is it important for responsive design?" /> </a> <a href="https://www.php.cn/faq/1796782305.html" title="What is the viewport meta tag? Why is it important for responsive design?" class="phphistorical_Version2_mids_title">What is the viewport meta tag? Why is it important for responsive design?</a> <span class="Articlelist_txts_time">Mar 20, 2025 pm 05:56 PM</span> <p class="Articlelist_txts_p">The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/1796792987.html" title="The Roles of HTML, CSS, and JavaScript: Core Responsibilities" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174411031220217.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="The Roles of HTML, CSS, and JavaScript: Core Responsibilities" /> </a> <a href="https://www.php.cn/faq/1796792987.html" title="The Roles of HTML, CSS, and JavaScript: Core Responsibilities" class="phphistorical_Version2_mids_title">The Roles of HTML, CSS, and JavaScript: Core Responsibilities</a> <span class="Articlelist_txts_time">Apr 08, 2025 pm 07:05 PM</span> <p class="Articlelist_txts_p">HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/1796791144.html" title="What is an example of a starting tag in HTML?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174386905283883.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="What is an example of a starting tag in HTML?" /> </a> <a href="https://www.php.cn/faq/1796791144.html" title="What is an example of a starting tag in HTML?" class="phphistorical_Version2_mids_title">What is an example of a starting tag in HTML?</a> <span class="Articlelist_txts_time">Apr 06, 2025 am 12:04 AM</span> <p class="Articlelist_txts_p">AnexampleofastartingtaginHTMLis,whichbeginsaparagraph.StartingtagsareessentialinHTMLastheyinitiateelements,definetheirtypes,andarecrucialforstructuringwebpagesandconstructingtheDOM.</p> </div> </div> <a href="https://www.php.cn/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div 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?1745020801"></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> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时，取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则，保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> </body> </html>