HTML语言大全_HTML/Xhtml_网页制作-html教程-PHP中文网

本站--HTML超文本标记语言速查手册 !DOCTYPE A ACRONYM ADDRESS APPLET AREA B BASE BASEFONT BGSOUND BIG BLOCKQUOTE BODY BR BUTTON CAPTION CENTER CITE CODE COL COLGROUP COMMENT DD DEL DFN DIR DIV DL DT EM EMBED FIELDSET FONT FORM FRAME FRAMESET HEAD H1-H6 HR HTML I IFRAME IMG INPUT INS ISINDEX KBD LABEL LEGEND LI LINK LISTING MAP MARQUEE MENU META NOBR NOFRAMES NOSCRIPT OBJECT OL OPTION P PARAM PLAINTEXT PRE Q S SAMP SCRIPT SELECT SMALL SPAN STRIKE STRONG STYLE SUB SUP TABLE TBODY TD TEXTAREA TFOOT TH THEAD TITLE TR TT U UL VAR WBR XMP

注：粗体显示的为HTML保留字。

说明：注释标记，在“”之间的内容将不在浏览器中显示。

说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
ACCESSKEY=key
CLASS=classname
DATAFLD=colname
DATASRC=#ID
HREF=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
METHODS=http-method
NAME=name
REL="stylesheet"
REV="stylesheet"
STYLE=css1-properties
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text
URN=urn
event = script
>

说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记

CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event= script
>

说明：常用于描述地址、签名和作者信息。需要结束标记。
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
ALT=text
CLASS=classname
CODE=filename
CODEBASE=url
DATAFLD=colname
DATASRC=#ID
HEIGHT=n
HSPACE=n
ID=value
NAME=name
SRC=url
STYLE=css1-properties
TITLE=text
VSPACE=n
WIDTH=n
event = script
>

说明：在页面中放置可执行的内容。需要结束标记。
ALT=text
CLASS=classname
COORDS=coordinates
HREF=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NOHREF
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE
STYLE=css1-properties
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text
event = script
>

说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：将文本以粗体显示。需要结束标记。
HREF=url
TARGET=window_name | _blank | _parent | _self | _top
>

说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
CLASS=classname
COLOR=color
FACE=font
ID=value
LANG=language
SIZE=n
>

说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。
BALANCE=n
CLASS=classname
ID=value
LANG=language
LOOP=n
SRC=url
TITLE=text
VOLUME=n
>

说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：以比当前所用字体稍大的字体显示文本。需要结束标记。

CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。
ALINK=color
BACKGROUND=url
BGCOLOR=color
BGPROPERTIES=FIXED
BOTTOMMARGIN=pixels
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LEFTMARGIN=pixels
LINK=color
RIGHTMARGIN=pixels
SCROLL=YES|NO
STYLE=css1-properties
TEXT=color
TITLE=string
TOPMARGIN=n
VLINK=color
event = script
>

说明：描述文档主体的开始和结束。需要结束标记。

ACCESSKEY=string
CLASS=classname
DATAFLD=colname
DATAFORMATAS=HTML | TEXT
DATASRC=#ID
DISABLED
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
TYPE=BUTTON | RESET | SUBMIT
event = script
>

说明：设置一个按钮。需要结束标记。

CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：居中排列其中的内容。需要结束标记。

ID=value
LANG=language
TITLE=text
>

说明：注释标记，不推荐。建议用。

CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT| JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：定义一个术语。需要结束标记。

ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
DATAFLD=colname
DATAFORMATAS=HTML |TEXT
DATASRC=#ID
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：在文档中描述不同性质的元素，如章回、段落、摘要等。需要结束标记。

CLASS=classname
COMPACT
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：表示一个列表。DT、DD用于定义列表内的条目。需要结束标记。

ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
ALT=text
CLASS=classname
CODE=filename
CODEBASE=url
HEIGHT=n
HSPACE=n
ID=value
NAME=name
SRC=url
STYLE=css1-properties
TITLE=text
UNITS=value
VSPACE=n
WIDTH=n
>

说明：插入任何类型的文档，但用户必须在计算机上安装可解读此类文档的应用程序。需要结束标记。

ALIGN= LEFT | CENTER | RIGHT
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：与DIV类似，可用于描述一组区域的关系，可嵌套。需要结束标记。

CLASS=classname
COLOR=color
FACE=font
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
SIZE=n
STYLE=css1-properties
TITLE=text
event = script
>

说明：设置字体属性。需要结束标记。

BORDER=pixels
BORDERCOLOR=color
CLASS=classname
COLS=col-widths
FRAMEBORDER=NO | YES | 0 | 1
FRAMESPACING=spacing
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
ROWS=row-heights
TITLE=text
>

说明：在混合文档中设置水平、垂直方向框架的数量和大小，在FRAMESET中用FRAME设置每个框架的内容和属性。可嵌套使用。需要结束标记。

CLASS=classname
ID=value
TITLE=text
>

说明：出现在文档的起始部分，标明文档的题目或介绍，包含文档的无序信息。可在其中使用BASE、LINK、MATE、TITLE、BASEFONT、BGSOUND元素。需要结束标记。

ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
COLOR=color
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NOSHADE
SIZE=n
STYLE=css1-properties
TITLE=text
WIDTH=n
event = script
>

说明：显示一条水平线。无结束标记。

TITLE=text
>

说明：HTML文本起始元素，通知浏览器该文档为HTML文档。需要结标记。

ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
ALT=text
BORDER=n
CLASS=classname
DATAFLD=colname
DATASRC=#ID
DYNSRC=url
HEIGHT=n
HSPACE=n
ID=value
ISMAP
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LOOP=n
LOWSRC=url
NAME=name
SRC=url
STYLE=css1-properties
TITLE=text
USEMAP=url
VSPACE=n
WIDTH=n
event = script
>

说明：在文档中插入一幅图像或一段视频。

ACCESSKEY=key
ALIGN=LEFT | CENTER | RIGHT
ALT=text
CLASS=classname
DISABLED
DYNSRC=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LOWSRC=url
MAXLENGTH=n
NAME=name
READONLY
SIZE=n
SRC=url
STYLE=css1-properties
TABINDEX=n
TITLE=text
TYPE=BUTTON | CHECKBOX | FILE | HIDDEN | IMAGE | PASSWORD | RADIO | RESET | SUBMIT | TEXT
VALUE=value
event = script
>

说明：设置FORM中的输入控件，TYPE属性指明控件类型，需要设置NAME。无结束标记。
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：指出新加入文档的文本内容。需要结束标记。
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
PROMPT=text
>

说明：通知浏览器该文档是一个索引文件。用户可对该文档进行关键词搜索。
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：指明用户应该用键盘输入的文字，一般用等宽字体显示。需要结束标记。
ACCESSKEY=key
CLASS=classname
DATAFLD=colname
DATAFORMATAS=HTML | TEXT
DATASRC=#ID
FOR=ID
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：说明一个标签。不可嵌套。需要结束标记。
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
VALIGN=BOTTOM | TOP
event = script
>

说明：确定FIELDSET元素定义的区域集合。必须作为FIELDSET中的第一个元素。

CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
TYPE=1 | a | A | i | I
VALUE=value
event = script
>

说明：表示列表中的一个条目，可用在DIR、MENU、DL、UL中。结束标记可选。
DISABLED
HREF=url
ID=value
MEDIA=SCREEN | PRINT | ALL
REL=STYLESHEET
TITLE=text
TYPE="text/css"
>

说明：在当前HTML文档和其它资源之间建立超链接。只能在HEAD中使用。
CLASS=classname
ID=string
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：用等宽字体显示文本，不推荐。建议使用PRE元素。
CLASS=classname
ID=value
LANG=language
NAME=name
STYLE=css1-properties
TITLE=text
event = script
>

说明：为客户端图像映射指定热点区域集合。需要结束标记。
BEHAVIOR=ALTERNATE | SCROLL | SLIDE
BGCOLOR=color
CLASS=classname
DATAFLD=colname
DATAFORMATAS=HTML | TEXT
DATASRC=#ID
DIRECTION=DOWN | LEFT | RIGHT | UP
HEIGHT=n
HSPACE=n
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LOOP=n
SCROLLAMOUNT=n
SCROLLDELAY=milliseconds
STYLE=css1-properties
TITLE=text
TRUESPEED
VSPACE=n
WIDTH=n
event = script
>

说明：建立一个滚动文本区。需要结束标记。
CLASS=classname
ID=value
LANG=language
STYLE=css1-properties
TITLE=text
event = script
>

说明：建立一个菜单，用LI定义菜单内的条目。需要结束标记。
CONTENT=description
HTTP-EQUIV=response
NAME=text
TITLE=text
URL=url
>

说明：为浏览器、搜索引擎或其它程序提供HTML文档信息。必须在HEAD中使用。结束标记可选。
ID=value
STYLE=css1-properties
TITLE=text
>

说明：不换行。结束标记可选。
ID=value
STYLE=css1-properties
TITLE=text
>

说明：为不支持FRAMESET的浏览器提供。需要结束标记。

说明：在不支持脚本的浏览器中显示包含的内容。需要结束标记。
ACCESSKEY=key
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
CLASS=classname
CLASSID=id
CODE=url
CODEBASE=url
CODETYPE=media-type
DATA=url
DATAFLD=colname
DATASRC=#ID
HEIGHT=n
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NAME=name
STYLE=css1-properties
TABINDEX=n
TITLE=text
TYPE=MIME-type
WIDTH=n
event = script
>

说明：在HTML文档中插入一个对象。需要结束标记。

CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
START=n
STYLE=css1-properties
TITLE=text
TYPE=1 | a | A | i | I
event = script
>

说明：建立一个有序的列表。需要结束标记。
CLASS=classname
ID=value
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
SELECTED
VALUE=value
event = script
>

说明：为SELECT元素定义一个选择项。结束标记可选。

网奇.NET网络商城系统
系统优势： 1、使用全新ASP.Net＋c#和三层结构开发. 2、可生成各类静态页面（html,htm,shtm,shtml和.aspx) 3、管理后台风格模板自由选择，界面精美 4、风格模板每月更新多套，还可按需定制 5、独具的缓存技术加快网页浏览速度 6、智能销售统计，图表分析 7、集成国内各大统计系统 8、多国语言支持，内置简体繁体和英语 9、 UTF-8编码，可使用于全球

0

查看详情
ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明：表示一个段落。需要结束标记。
DATAFLD=colname
DATAFORMATAS=HTML |TEXT
DATASRC=#ID
NAME=name
VALUE=value
>

说明：给对象设置参数。对APPLET、EMBED、OBJECT有效。
</plaintext></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：不处理HTML标记，等宽字体显示。不推荐。建议用PRE元素代替。 <hr color="#ff0000"> <strong><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;"></pre><div class="contentsignin">登录后复制</div></div></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：用等宽字体显示文本，保留间距和换行。需要结束标记。 <hr color="#ff0000"> <strong><q></q></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：给文本设置段间距（较小）。需要结束标记。 <hr color="#ff0000"> <strong><s></s></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：显示带删除线的文本。需要结束标记。 <hr color="#ff0000"> <strong><samp></samp></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：用较小的字体显示文本。缺省为等宽字体。需要结束标记。 <hr color="#ff0000"> <strong><script></script></strong><strong>CLASS=</strong><em>classname</em><br><strong>DEFER</strong><br><strong>EVENT=</strong><em>eventname</em><br><strong>FOR=</strong><em>element</em><br><strong>ID=</strong><em>value</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>SRC=</strong><em>url</em><br><strong>TITLE=</strong><em>text</em><br><strong>TYPE=</strong><em>MIME-type</em><br>><br><br>说明：表示需要脚本引擎解释执行的脚本代码区。需要结束标记。 <hr color="#ff0000"> <strong><select></select></strong><strong>ACCESSKEY=</strong><em>key</em><br><strong>ALIGN=ABSBOTTOM</strong> | <strong>ABSMIDDLE</strong> | <strong>BASELINE</strong> | <strong>BOTTOM</strong> | <strong>LEFT</strong> | <strong>MIDDLE</strong> | <strong>RIGHT</strong> | <strong>TEXTTOP</strong> | <strong>TOP<br></strong><strong>CLASS=</strong><em>classname</em><br><strong>DATAFLD=</strong><em>colname</em><br><strong>DATASRC=</strong><em>#ID</em><br><strong>DISABLED<br></strong><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>MULTIPLE<br></strong><strong>NAME=</strong><em>name</em><br><strong>SIZE=</strong><em>n</em><br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TABINDEX=</strong><em>n</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：设置一个下拉式选择框，用OPTION定义选择项。需要结束标记。 <hr color="#ff0000"> <strong><small></small></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：用较小的字体显示文本。需要结束标记。 <hr color="#ff0000"> <strong><span></span></strong><strong>CLASS=</strong><em>classname</em><br><strong>DATAFLD=</strong><em>colname</em><br><strong>DATAFORMATAS=HTML</strong> | <strong>TEXT<br></strong><strong>DATASRC=</strong><em>#ID</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：定义一个范围，不影响页面结构和显示。需要结束标记。 <hr color="#ff0000"> <strong><strike></strike></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：显示带删除线的文本。需要结束标记。 <hr color="#ff0000"> <strong><strong></strong></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：着重点。通常为黑体。需要结束标记。 <hr color="#ff0000"> <strong><style></style></strong><strong>DISABLED<br></strong><strong>MEDIA=SCREEN</strong> | <strong>PRINT</strong> | <strong>ALL<br></strong><strong>TITLE=</strong><em>text</em><br><strong>TYPE="text/css"<br>><br></strong><br>说明：给页面设置显示风格。需要结束标记。 <hr color="#ff0000"> <strong><sub></sub></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：用较小的字体将文字显示在下角。需要结束标记。 <hr color="#ff0000"> <strong><sup></sup></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：用较小的字体将文字显示在下角。需要结束标记。 <hr color="#ff0000"> <strong><table></table></strong><strong>ALIGN=CENTER</strong> | <strong>LEFT</strong> | <strong>RIGHT<br></strong><strong>BACKGROUND=</strong><em>url</em><br><strong>BGCOLOR=</strong><em>color</em><br><strong>BORDER=</strong><em>n</em><br><strong>BORDERCOLOR=</strong><em>color</em><br><strong>BORDERCOLORDARK=</strong><em>color</em><br><strong>BORDERCOLORLIGHT=</strong><em>color</em><br><strong>CELLPADDING=</strong><em>n</em><br><strong>CELLSPACING=</strong><em>n</em><br><strong>CLASS=</strong><em>classname</em><br><strong>COLS=</strong><em>n</em><br><strong>DATAPAGESIZE=</strong><em>n</em><br><strong>DATASRC=</strong><em>#ID</em><br><strong>FRAME=ABOVE</strong> | <strong>BELOW</strong> | <strong>BORDER</strong> | <strong>BOX</strong> | <strong>INSIDES</strong> | <strong>LHS</strong> | <strong>RHS</strong> | <strong>VOID</strong> | <strong>VSIDES<br></strong><strong>HEIGHT=</strong><em>n</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>RULES=ALL</strong> | <strong>COLS</strong> | <strong>GROUPS</strong> | <strong>NONE</strong> | <strong>ROWS<br></strong><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><strong>WIDTH=</strong><em>n</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：定义一张表格。用TR、TD、TH元素定义行、列和单元，可选元素CAPTION、THEAD、TBODY、TFOOT、COLGROUP和COL可用来组织表格经及对列、列组属性进行处理。需要结束标记。 <hr color="#ff0000"> <strong><tbody></tbody></strong><strong>ALIGN=CENTER</strong> | <strong>LEFT</strong> | <strong>RIGHT<br></strong><strong>BGCOLOR=</strong><em>color</em><br><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS<br></strong><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><strong>VALIGN=BASELINE</strong> | <strong>BOTTOM</strong> | <strong>CENTER</strong> | <strong>TOP<br></strong><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：定义一个表体。结束标记可选。 <hr color="#ff0000"> <strong><td></td></strong><strong>ALIGN=CENTER</strong> | <strong>LEFT</strong> | <strong>RIGHT<br></strong><strong>BACKGROUND=</strong><em>url</em><br><strong>BGCOLOR=</strong><em>color</em><br><strong>BORDERCOLOR=</strong><em>color</em><br><strong>BORDERCOLORDARK=</strong><em>color</em><br><strong>BORDERCOLORLIGHT=</strong><em>color</em><br><strong>CLASS=</strong><em>classname</em><br><strong>COLSPAN=</strong><em>n</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS<br></strong><strong>NOWRAP<br></strong><strong>ROWSPAN=</strong><em>n</em><br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><strong>VALIGN=BASELINE</strong> | <strong>BOTTOM</strong> | <strong>CENTER</strong> | <strong>TOP<br></strong><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：定义表格的一个单元格（排成一行）。需要结束标记。 <hr color="#ff0000"> <strong><textarea></textarea></strong><strong>ACCESSKEY=</strong><em>key</em><br><strong>ALIGN=ABSBOTTOM</strong> | <strong>ABSMIDDLE</strong> | <strong>BASELINE</strong> | <strong>BOTTOM</strong> | <strong>LEFT</strong> | <strong>MIDDLE</strong> | <strong>RIGHT</strong> | <strong>TEXTTOP</strong> | <strong>TOP<br></strong><strong>CLASS=</strong><em>classname</em><br><strong>COLS=</strong><em>n</em><br><strong>DATAFLD=</strong><em>colname</em><br><strong>DATASRC=</strong><em>#ID</em><br><strong>DISABLED<br></strong><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS<br></strong><strong>NAME=</strong><em>name</em><br><strong>READONLY<br></strong><strong>ROWS=</strong><em>n</em><br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TABINDEX=</strong><em>n</em><br><strong>TITLE=</strong><em>text</em><br><strong>WRAP=OFF</strong> | <strong>PHYSICAL</strong> | <strong>VIRTUAL<br></strong><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：多行文本输入控件。需要结束标记。 <hr color="#ff0000"> <strong><tfoot></tfoot></strong><strong>ALIGN=CENTER</strong> | <strong>LEFT</strong> | <strong>RIGHT<br></strong><strong>BGCOLOR=</strong><em>color</em><br><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS<br></strong><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><strong>VALIGN=BASELINE</strong> | <strong>BOTTOM</strong> | <strong>CENTER</strong> | <strong>TOP<br></strong><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：定义一张表格的页脚。结束标记可选。 <hr color="#ff0000"> <strong><th></th></strong><strong>ALIGN=CENTER</strong> | <strong>LEFT</strong> | <strong>RIGHT<br></strong><strong>BACKGROUND=</strong><em>url</em><br><strong>BGCOLOR=</strong><em>color</em><br><strong>BORDERCOLOR=</strong><em>color</em><br><strong>BORDERCOLORDARK=</strong><em>color</em><br><strong>BORDERCOLORLIGHT=</strong><em>color</em><br><strong>CLASS=</strong><em>classname</em><br><strong>COLSPAN=</strong><em>n</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>NOWRAP<br></strong><strong>ROWSPAN=</strong><em>n</em><br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><strong>VALIGN=BASELINE</strong> | <strong>BOTTOM</strong> | <strong>CENTER</strong> | <strong>TOP<br></strong><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：定义表格中一行或一列的标题，文字黑体显示。结束标记可选。 <hr color="#ff0000"> <strong><thead></thead></strong><strong>ALIGN=CENTER</strong> | <strong>LEFT</strong> | <strong>RIGHT<br></strong><strong>BGCOLOR=</strong><em>color</em><br><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS<br></strong><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><strong>VALIGN=BASELINE</strong> | <strong>BOTTOM</strong> | <strong>CENTER</strong> | <strong>TOP<br></strong><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：定义表格的表头。结束标记可选。 <hr color="#ff0000"> <strong><title></title></strong><strong>ID=</strong><em>value</em><br><strong>TITLE=</strong><em>string</em><br>><br><br>说明：说明文档标题。需要结束标记。 <hr color="#ff0000"> <strong><tr></tr></strong><strong>ALIGN=CENTER</strong> | <strong>LEFT</strong> | <strong>RIGHT<br></strong><strong>BGCOLOR=</strong><em>color</em><br><strong>BORDERCOLOR=</strong><em>color</em><br><strong>BORDERCOLORDARK=</strong><em>color</em><br><strong>BORDERCOLORLIGHT=</strong><em>color</em><br><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS<br></strong><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><strong>VALIGN=BASELINE</strong> | <strong>BOTTOM</strong> | <strong>CENTER</strong> | <strong>TOP<br></strong><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：定义表格中的一行。需要结束标记。 <hr color="#ff0000"> <strong><tt></tt></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：用等宽字体显示文本。需要结束标记。 <hr color="#ff0000"> <strong><u></u></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：显示带下划线的文本。需要结束标记。 <hr color="#ff0000"> <strong><ul></ul></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><strong>TYPE=1</strong> | <strong>a</strong> | <strong>A</strong> | <strong>i</strong> | <strong>I<br></strong><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：定义一张列序的列表，用LI定义条目。需要结束标记。 <hr color="#ff0000"> <strong><var></var></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：对一个变量进行说明。需要结束标记。 <hr color="#ff0000"> <strong><wbr></wbr></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br>><br><br>说明：在NOBR文本中插入一个软换行符。不需要结束标记。 <hr color="#ff0000"> <strong><xmp></xmp></strong><strong>CLASS=</strong><em>classname</em><br><strong>ID=</strong><em>value</em><br><strong>LANG=</strong><em>language</em><br><strong>LANGUAGE=JAVASCRIPT</strong> | <strong>JSCRIPT</strong> | <strong>VBSCRIPT</strong> | <strong>VBS</strong> <br><strong>STYLE=</strong><em>css1-properties</em><br><strong>TITLE=</strong><em>text</em><br><em>event</em> <strong>=</strong> <em>script</em><br>><br><br>说明：不推荐，可用PRE、SAMP代替。需要结束标记。 </strong> <div class="everysee"> <h2>大家都在看：</h2> <div> <a target="_blank" href="/faq/1846751.html" title="动态加载HTML头部资源URL指南">动态加载HTML头部资源URL指南</a> <a target="_blank" href="/faq/1846684.html" title="Web前端：拖放元素在放置后禁用其字段和按钮的实现指南">Web前端：拖放元素在放置后禁用其字段和按钮的实现指南</a> <a target="_blank" href="/faq/1846423.html" title="Iframe内容在HTTPS页面中无法加载：混合内容安全策略与解决方案">Iframe内容在HTTPS页面中无法加载：混合内容安全策略与解决方案</a> <a target="_blank" href="/faq/1846268.html" title="模拟原生按钮文本选择行为：在DIV元素上实现双击不选中且支持Ctrl+A全选">模拟原生按钮文本选择行为：在DIV元素上实现双击不选中且支持Ctrl+A全选</a> <a target="_blank" href="/faq/1846204.html" title="html怎么运行带代码_html运行带代码方法【教程】">html怎么运行带代码_html运行带代码方法【教程】</a> </div> </div> </div> </div>  <div class="community flexRow newcommunity"> <div class="comleft flexRow newcomlimg"> <a target="_blank" class="newcomlimga" target="_blank" rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)" > <img src="https://img.php.cn/upload/Recdownload/000/000/085/66723a3016a41308.jpg" class="comlimg newcomlimg" alt="HTML速学教程(入门课程)"> </a> <div class="comldiv flexColumn newcomldiv"> <a target="_blank" class="comldup newcomldup" target="_blank" rel="nofollow" title="HTML速学教程(入门课程)" href="https://pan.quark.cn/s/f4eedefabd61">HTML速学教程(入门课程)</a> <p class="comlddown newcomlddown">HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！</p> </div> </div> <a target="_blank" class="comright flexRow newcomright" target="_blank" rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)"> 下载 </a> </div> <div class="wzconlabels"> <div style="display: inline-flex;float: right; color:#333333;">来源：php中文网</div> </div> <div class="wzconFx"> <a target="_blank" class="wzcf-sc articleICollection " data-id="12661"> <img src="/static/lhimages/shoucang_2x.png"> <span>收藏</span> </a> <a target="_blank" class="wzcf-dz articlegoodICollection " data-id="12661"> <img src="/static/images/images/icon37.png"> <span>点赞</span> </a> </div> <div class="wzconOtherwz"> <a target="_blank" href="/faq/12660.html"> <span>上一篇：XHTML语言默认的CSS样式_HTML/Xhtml_网页制作</span> </a> <a target="_blank" href="/faq/12665.html"> <span>下一篇：标记语言——精简标签_HTML/Xhtml_网页制作</span> </a> </div> <div class="wzconShengming"> <img src="/static/images/images/benzhanshengming.png" /> <div>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</div> </div>  <div class="wzconZzwz"> <div class="wzconZzwztitle">最新问题</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1849012.html" target="_blank" title="html5如何注释代码_HTML5代码注释方法与注释规范技巧【指南】" class="wdcdcTitle">html5如何注释代码_HTML5代码注释方法与注释规范技巧【指南】</a> <a target="_blank" href="/faq/1849012.html" class="wdcdcCons">HTML5注释需用语法，禁止嵌套、禁用条件注释、多行须每行独立标记，注释应清晰规范且不含敏感信息，编辑器可辅助高效添加。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-15 21:38:58</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">230</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1849007.html" target="_blank" title="HTML如何编辑渐变颜色_背景与文字色彩方案【教程】" class="wdcdcTitle">HTML如何编辑渐变颜色_背景与文字色彩方案【教程】</a> <a target="_blank" href="/faq/1849007.html" class="wdcdcCons">需用CSS的linear-gradient、radial-gradient函数配合background-image等属性实现渐变背景与文字色；文本渐变依赖-webkit-background-clip:text和-webkit-text-fill-color:transparent；CSS变量和SVG内联可提升维护性与控制精度。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-15 21:37:02</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">877</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1849005.html" target="_blank" title="如何 html_如何学习和使用HTML语言基础【语言使用】" class="wdcdcTitle">如何 html_如何学习和使用HTML语言基础【语言使用】</a> <a target="_blank" href="/faq/1849005.html" class="wdcdcCons">HTML是网页开发的起点，需掌握五步：一、理解基本结构与语义化标签；二、熟练使用文本与链接标签；三、正确添加图像与列表；四、构建表单与用户输入控件；五、应用内联样式与基础CSS集成。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-15 21:36:46</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">654</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1849003.html" target="_blank" title="html5如何引用图像_HTML5图像引用方法与图片链接技巧【详解】" class="wdcdcTitle">html5如何引用图像_HTML5图像引用方法与图片链接技巧【详解】</a> <a target="_blank" href="/faq/1849003.html" class="wdcdcCons">HTML5图像显示异常多因路径错误或标签误用，正确方法包括：一、用嵌入本地图；二、用绝对URL引用网络图；三、用+实现响应式；四、CSSbackground-image用于装饰图；五、dataURI内联小图标。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-15 21:36:08</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">431</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1848998.html" target="_blank" title="html5如何拖动图像_HTML5图像拖动实现与交互控制技巧【教程】" class="wdcdcTitle">html5如何拖动图像_HTML5图像拖动实现与交互控制技巧【教程】</a> <a target="_blank" href="/faq/1848998.html" class="wdcdcCons">HTML5图像拖动需设draggable="true"，用drag-and-dropAPI实现目标定位或鼠标事件实现自由拖动，配合边界限制与视觉反馈提升体验。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-15 21:34:35</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">458</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1848994.html" target="_blank" title="如何高效的查找html_快速查找HTML代码片段技巧【技巧】" class="wdcdcTitle">如何高效的查找html_快速查找HTML代码片段技巧【技巧】</a> <a target="_blank" href="/faq/1848994.html" class="wdcdcCons">高效查找HTML代码片段有五种技巧：一、用浏览器开发者工具的元素搜索功能；二、用文本编辑器正则表达式搜索；三、用CSS选择器路径反向定位；四、用命令行grep递归检索；五、用专用浏览器扩展增强查找能力。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-15 21:33:33</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">339</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1848978.html" target="_blank" title="如何添加HTML元素阴影_CSS立体效果设计指南【教程】" class="wdcdcTitle">如何添加HTML元素阴影_CSS立体效果设计指南【教程】</a> <a target="_blank" href="/faq/1848978.html" class="wdcdcCons">可通过CSS的box-shadow属性为HTML元素添加阴影实现立体感，配合transform、伪元素、渐变遮罩及深色模式适配可增强真实感，同时需避免overflow隐藏、透明背景等导致阴影失效的问题。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-15 21:28:54</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">503</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1848967.html" target="_blank" title="visal stdio怎么运行html_visual studio运行html步骤【指南】" class="wdcdcTitle">visal stdio怎么运行html_visual studio运行html步骤【指南】</a> <a target="_blank" href="/faq/1848967.html" class="wdcdcCons">首先安装“ASP.NET和Web开发”工作负载，创建或打开项目后添加HTML文件，编写代码并设为起始页，最后按Ctrl+F5通过IISExpress运行，可在浏览器中预览页面效果。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-15 21:25:16</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">128</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1848946.html" target="_blank" title="如何观看HTML5动画_HTML5动画观看与播放控制技巧【指南】" class="wdcdcTitle">如何观看HTML5动画_HTML5动画观看与播放控制技巧【指南】</a> <a target="_blank" href="/faq/1848946.html" class="wdcdcCons">HTML5动画无法正常显示或播放控制失效时，需依次检查浏览器兼容性、使用video标签嵌入预渲染视频、通过JavaScript管理canvas动画生命周期、利用CSS3keyframes实现声明式动画，并调试DOM加载、Canvas尺寸及CSS层叠问题。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-15 21:19:02</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">495</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1848945.html" target="_blank" title="html 如何空行_在HTML中插入空行或间距【间距】" class="wdcdcTitle">html 如何空行_在HTML中插入空行或间距【间距】</a> <a target="_blank" href="/faq/1848945.html" class="wdcdcCons">HTML中插入空行需用标签、CSSmargin、空、line-height或 配合pre标签；仅用于文本换行，margin推荐用于段落间距，空适用于布局间隔，line-height调节行内间距， 加pre仅限特殊格式。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-15 21:19:02</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">882</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>相关专题</div> <a target="_blank" href="/faq/zt" target="_blank">更多> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/javafsjzydtdl"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/15/2025121510184676118.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/javafsjzydtdl" class="title-a-spanl"><span>Java 反射机制与动态代理</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/ppwkjyakf"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/15/2025121510132050080.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/ppwkjyakf" class="title-a-spanl"><span>Python Flask Web框架与API开发</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/ubuntuangolan"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/13/2025121317412341772.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/ubuntuangolan" class="title-a-spanl"><span>ubuntu安装golang</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/goyybbckff"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/13/2025121317343835479.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/goyybbckff" class="title-a-spanl"><span>go语言版本查看方法</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/golangbyte"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/13/2025121316435979469.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/golangbyte" class="title-a-spanl"><span>golang byte类型</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/goyyeofcw"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/13/2025121316401274276.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/goyyeofcw" class="title-a-spanl"><span>go语言 eof错误</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/goyyfszs"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/13/2025121316360174119.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/goyyfszs" class="title-a-spanl"><span>Go语言负数正数</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/martinikjhj"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/13/2025121316295150557.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/martinikjhj" class="title-a-spanl"><span>Martini框架合集</span> </a> </li> </ul> </div> </div> <div class="wzcongg"><script type="text/javascript" src="https://teacher.php.cn/php/NzIzNmE5NjBlOTgwNWZlNTMzN2E0MGEzNmU3NjM3NmI6Og==" ></script></div> </div> </div> <div class="phpwzright"> <div class="wzrOne" style="margin-bottom:31px; padding:0px; width: 366px;"> <script type="text/javascript" src="https://teacher.php.cn/php/N2Q0ODk3NTAwZTFmODQ1NGM4Y2VjYzQzZTVkOTI5NDk6Og==" ></script>  </div> <div class="wzrOne"> <div class="wzroTitle">热门推荐</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a target="_blank" style="height: auto;" href="/faq/1848893.html">html5如何缩放网页_HTML5页面响应式缩放适配方法【缩放】</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a target="_blank" style="height: auto;" href="/faq/1848592.html">html5如何放大按钮_HTML5按钮放大方法与控件缩放技巧【教程】</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a target="_blank" style="height: auto;" href="/faq/1848440.html">HTML如何加固表单安全_输入验证与防护措施【解析】</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a target="_blank" style="height: auto;" href="/faq/1847824.html">解决Service Worker导航预加载取消问题：优化Web页面加载体验</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a target="_blank" style="height: auto;" href="/faq/1847768.html">HTML如何实现边框精准对齐_盒子模型应用解析【方案】</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a target="_blank" style="height: auto;" target="_blank" rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！"><b>HTML速学教程(入门课程)</b></a> </div> </li> </ul> </div> </div> <div class="wzrTwo"> </div> <div class="wzrTwo"> <div style="position: relative;"><a target="_blank" class="" href="https://teacher.php.cn/jump/67" title="开源免费商场系统" rel="nofollow" target="_blank"><img style="width: 100%; " src="https://img.php.cn/teacher/course/20220930/8ef7a4a308a22ece023e77e5428c0e25.png" alt="开源免费商场系统"></a><span style="position: absolute;right: 5px;border: 1px solid #333;padding: 2px;color: #333;line-height: 14px;font-size: 12px;bottom: 5px;">广告</span></div> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div>热门教程</div> <a target="_blank" target="_blank" href="https://www.php.cn/k.html">更多> </a> </div> <div class="wzrthreelist"> <div class="wzrthreeTab"> <div class="check tabdiv" data-id="one">相关推荐 <div></div></div> <div class="tabdiv" data-id="two">热门推荐<div></div></div> <div class="tabdiv" data-id="three">最新课程<div></div></div> </div> <ul class="one"> <script type="text/javascript" src="https://teacher.php.cn/php/MTJjOWU0YjVmMmE1MzI1OTgyNzRlYmJmYjE0MmZkNWY6Og==" ></script> <li> <a target="_blank" target="_blank" href="/course/1694.html" title="CSS3 教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/090/68aee967a4940837.png" alt="CSS3 教程"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1694.html">CSS3 教程</a> <div class="wzrthreerb"> <div >36554次学习</div> <a target="_blank" class="courseICollection" data-id="1694"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/1693.html" title="Rust 教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/090/68aee27297123615.jpg" alt="Rust 教程"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1693.html">Rust 教程</a> <div class="wzrthreerb"> <div >34755次学习</div> <a target="_blank" class="courseICollection" data-id="1693"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/1691.html" title="PostgreSQL 教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/090/68a707263dce2298.jpeg" alt="PostgreSQL 教程"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1691.html">PostgreSQL 教程</a> <div class="wzrthreerb"> <div >54292次学习</div> <a target="_blank" class="courseICollection" data-id="1691"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png" alt="JavaScript ES5基础线上课程教学"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1656.html">JavaScript ES5基础线上课程教学</a> <div class="wzrthreerb"> <div >68618次学习</div> <a target="_blank" class="courseICollection" data-id="1656"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div >1501503次学习</div> <a target="_blank" class="courseICollection" data-id="812"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg" alt="phpStudy极速入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/639.html">phpStudy极速入门视频教程</a> <div class="wzrthreerb"> <div >531972次学习</div> <a target="_blank" class="courseICollection" data-id="639"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/379.html" title="独孤九贱(4)_PHP视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg" alt="独孤九贱(4)_PHP视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/379.html">独孤九贱(4)_PHP视频教程</a> <div class="wzrthreerb"> <div >1256927次学习</div> <a target="_blank" class="courseICollection" data-id="379"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg" alt="PHP实战天龙八部之仿爱奇艺电影网站"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/801.html">PHP实战天龙八部之仿爱奇艺电影网站</a> <div class="wzrthreerb"> <div >773276次学习</div> <a target="_blank" class="courseICollection" data-id="801"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" target="_blank" href="/course/1696.html" title="最新Python教程从入门到精通" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/081/68c135bb72783194.png" alt="最新Python教程从入门到精通"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1696.html">最新Python教程从入门到精通</a> <div class="wzrthreerb"> <div >4961次学习</div> <a target="_blank" class="courseICollection" data-id="1696"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png" alt="JavaScript ES5基础线上课程教学"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1656.html">JavaScript ES5基础线上课程教学</a> <div class="wzrthreerb"> <div >68618次学习</div> <a target="_blank" class="courseICollection" data-id="1656"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/081/684a8c23d811b293.png" alt="PHP新手语法线上课程教学"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1655.html">PHP新手语法线上课程教学</a> <div class="wzrthreerb"> <div >7715次学习</div> <a target="_blank" class="courseICollection" data-id="1655"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/1654.html" title="支付宝沙箱支付（个人也能用的支付）" class="wzrthreelaimg"> <img src="https://img.php.cn/teacher/course/20240819/172406094466c31510e008b.jpg" alt="支付宝沙箱支付（个人也能用的支付）"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1654.html">支付宝沙箱支付（个人也能用的支付）</a> <div class="wzrthreerb"> <div >4970次学习</div> <a target="_blank" class="courseICollection" data-id="1654"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/1650.html" title="麻省理工大佬Python课程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/66592dcfeb1b4698.png" alt="麻省理工大佬Python课程"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1650.html">麻省理工大佬Python课程</a> <div class="wzrthreerb"> <div >45699次学习</div> <a target="_blank" class="courseICollection" data-id="1650"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> </div> <script> $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </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 }); loading(); }) function loading(reloading=false){ if(reloading){ $("#ai_doubao2_3_wait_right").show(); $("#ai_doubao2_3_wait_left").show(); $("#doubao_error_right").hide(); $("#doubao_error_left").hide(); } $.ajax({ url:'/index.php/api/process?sign=&id=12661&time='+Date.now(), dataType:'json', async:true, headers: { "X-Requested-With": "XMLHttpRequest" // 标记为异步请求 }, type:'post', success:function(result){ if(result.code!=1){ $("#doubao_error_right").show(); $("#ai_doubao2_3_wait_right").hide(); $("#doubao_error_left").show(); $("#ai_doubao2_3_wait_left").hide(); }else{ $("#ai_doubao2_3_wait_right").hide(); $("#ai_doubao2_3_wait_left").hide(); let doubao_answer = `<p>`+result.data.content+`</p>`; $("#doubao_answer_right").html(doubao_answer); $("#doubao_answer_left").html(doubao_answer); let doubao_titles = ''; if(result.data.title){ $.each(result.data.title,function(k,v){ doubao_titles+=`<div class="ai_doubao2_2s"><a target="_blank" rel="nofollow" target="_blank" href="https://doubao.com/chat/new-thread?flow_tracking_source=360_php&channel=360_php_abstract&source=360_db_php_abstract&keywordid=`+"12661"+`&query=参考https://www.php.cn`+"/faq/12661.html的内容，"+encodeURIComponent(v)+`" title="`+v+`"><p><img src="/static/images/doubao_yellowstar.png" alt=""> `+v+`</p></a></div>`; }) } yigeyigezichulai(ai_doubao_titles_show,doubao_titles); } } }) } function ai_doubao_titles_show(str){ $("#ai_doubao_titles_right").html(str); $("#ai_doubao_titles_left").html(str); } function yigeyigezichulai(callback,str){ const textElements = document.querySelectorAll('.yigeyigezichulai p'); textElements.forEach(textElement => { const originalHTML = textElement.innerHTML; const tempDiv = document.createElement('div'); tempDiv.innerHTML = originalHTML; const fragments = []; Array.from(tempDiv.childNodes).forEach(node => { if (node.nodeType === Node.TEXT_NODE) { fragments.push(...node.textContent.split('')); } else { fragments.push(node.outerHTML); } }); textElement.innerHTML = ''; let index = 0; const interval = setInterval(() => { if (index < fragments.length) { const fragment = fragments[index]; if (fragment.startsWith('<')) { textElement.innerHTML += fragment; } else { textElement.innerHTML += fragment; } } else { clearInterval(interval); callback(str); } index++; }, 25); // 每 100 毫秒显示一个片段 }); } // 豆包等待动画 const containers = document.querySelectorAll('.ai_doubao2_3_wait') || []; if (containers.length > 0) { containers.forEach(container => { if (container && container.firstElementChild) { const intervalId = setInterval(() => { if (!container || !container.firstElementChild) { clearInterval(intervalId); return; } const firstChild = container.firstElementChild; container.appendChild(firstChild); }, 300); } }); } // AI总结相关功能 const aiZongjie = document.querySelector('.ai_zongjie'); const aiDoubao = document.querySelector('.ai_doubao'); const closeButton = document.querySelector('.ai_doubao1_R_img'); if (aiZongjie && aiDoubao && closeButton) { aiZongjie.addEventListener('click', () => { aiDoubao.style.display = 'block'; }); closeButton.addEventListener('click', () => { aiDoubao.style.display = 'none'; }); } // 文字动画效果 const textElements = document.querySelectorAll('.ai_doubao2_3s.ai_doubao2_3s_L p') || []; if (textElements.length > 0) { textElements.forEach(textElement => { if (!textElement) return; const originalHTML = textElement.innerHTML; const tempDiv = document.createElement('div'); tempDiv.innerHTML = originalHTML; const fragments = []; Array.from(tempDiv.childNodes).forEach(node => { if (!node) return; if (node.nodeType === Node.TEXT_NODE) { fragments.push(...(node.textContent || '').split('')); } else { fragments.push(node.outerHTML); } }); if (fragments.length === 0) return; textElement.innerHTML = ''; let index = 0; const interval = setInterval(() => { if (!textElement || index >= fragments.length) { clearInterval(interval); return; } const fragment = fragments[index]; if (fragment) { textElement.innerHTML += fragment; } index++; }, 100); }); } // 页面滚动监听相关 const divai_zongjie1 = document.getElementById('ai_zongjie1'); const divai_zongjie2 = document.getElementById('ai_zongjie2'); const divai_zongjie3 = document.getElementById('ai_zongjie3'); if (divai_zongjie2) { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (!entry.isIntersecting && divai_zongjie1) { try { divai_zongjie1.style.display = 'flex'; requestAnimationFrame(() => { if (divai_zongjie1) { divai_zongjie1.classList.add('visible'); } }); } catch (e) { console.log('元素操作失败'); } } else if (divai_zongjie1) { try { divai_zongjie1.classList.remove('visible'); divai_zongjie1.addEventListener('transitionend', () => { if (divai_zongjie1 && !divai_zongjie1.classList.contains('visible')) { divai_zongjie1.style.display = 'none'; } }, { once: true }); if (divai_zongjie3 && divai_zongjie3.style) { divai_zongjie3.style.display = 'none'; } } catch (e) { console.log('元素操作失败'); } } }); }, { threshold: 0, rootMargin: '-90px 0px 0px 0px' }); try { observer.observe(divai_zongjie2); } catch (e) { console.log('观察器初始化失败'); } // 滚动事件处理 window.addEventListener('scroll', () => { const scrollY = window.scrollY || window.pageYOffset; if (divai_zongjie2) { try { divai_zongjie2.style.display = scrollY > 1000 ? 'none' : 'block'; } catch (e) { console.log('滚动处理失败'); } } }); } </script> <div class="wzrFour"> <div class="wzrfour-title"> <div>最新下载</div> <a target="_blank" href="/xiazai">更多> </a> </div> <div class="swiper-container sjyx_banSwiperwz"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <a target="_blank" href="/xiazai/code/8587" target="_blank" title="新鲜有机肉类宣传网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/005/173613957275112.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="新鲜有机肉类宣传网站模板"> </a> </li> <li class="swiper-slide"> <a target="_blank" href="/xiazai/code/8590" target="_blank" title="驾照考试驾校HTML5网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/011/174954240445579.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="驾照考试驾校HTML5网站模板"> </a> </li> <li class="swiper-slide"> <a target="_blank" href="/xiazai/code/8588" target="_blank" title="HTML5房地产公司宣传网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/018/173613957345012.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="HTML5房地产公司宣传网站模板"> </a> </li> <div class="clear"></div> </ul> <div class="swiper-pagination"></div> </div> <div class="wzrfourList"> <div class="wzrfourlTab"> <div class="check" data-id="onef">网站特效 <div></div></div> <div class="" data-id="twof">网站源码<div></div></div> <div class="" data-id="threef">网站素材<div></div></div> <div class="" data-id="fourf">前端模板<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="jQuery企业留言表单联系代码" href="/xiazai/js/8071">[表单按钮] jQuery企业留言表单联系代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="HTML5 MP3音乐盒播放特效" href="/xiazai/js/8070">[播放器特效] HTML5 MP3音乐盒播放特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="HTML5炫酷粒子动画导航菜单特效" href="/xiazai/js/8069">[菜单导航] HTML5炫酷粒子动画导航菜单特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="jQuery可视化表单拖拽编辑代码" href="/xiazai/js/8068">[表单按钮] jQuery可视化表单拖拽编辑代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="VUE.JS仿酷狗音乐播放器代码" href="/xiazai/js/8067">[播放器特效] VUE.JS仿酷狗音乐播放器代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="经典html5推箱子小游戏" href="/xiazai/js/8066">[html5特效] 经典html5推箱子小游戏</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="jQuery滚动添加或减少图片特效" href="/xiazai/js/8065">[图片特效] jQuery滚动添加或减少图片特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="CSS3个人相册封面悬停放大特效" href="/xiazai/js/8064">[相册特效] CSS3个人相册封面悬停放大特效</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11345" title="CODEC2I 众筹系统" target="_blank">[电商源码] CODEC2I 众筹系统</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11344" title="ieshop超级网店系统" target="_blank">[电商源码] ieshop超级网店系统</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11343" title="奕桦网上商城YiiWaShopFree" target="_blank">[电商源码] 奕桦网上商城YiiWaShopFree</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11342" title="沙之丘淘宝客程序商业版(原cndian淘)" target="_blank">[电商源码] 沙之丘淘宝客程序商业版(原cndian淘)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11341" title="NopCommerce商城系统" target="_blank">[电商源码] NopCommerce商城系统</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11340" title="KesionEShop V7.06 Build0608 UTF-8" target="_blank">[电商源码] KesionEShop V7.06 Build0608 UTF-8</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11339" title="动速商城" target="_blank">[电商源码] 动速商城</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11338" title="推券客淘宝客优惠券网站源码" target="_blank">[电商源码] 推券客淘宝客优惠券网站源码</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/3978" target="_blank" title="复古红色圣诞老人海报合集矢量">[网站素材] 复古红色圣诞老人海报合集矢量</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/3977" target="_blank" title="黑色星期五竖版海报折扣模板下载">[网站素材] 黑色星期五竖版海报折扣模板下载</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/3976" target="_blank" title="汉堡烧烤披萨美食菜单设计下载">[网站素材] 汉堡烧烤披萨美食菜单设计下载</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/3975" target="_blank" title="教育主题节日竖版banner海报设计下载">[网站素材] 教育主题节日竖版banner海报设计下载</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/3974" target="_blank" title="生鲜肉类食材合集矢量素材">[网站素材] 生鲜肉类食材合集矢量素材</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/3973" target="_blank" title="珠宝饰品设计师名片模板PSD下载">[网站素材] 珠宝饰品设计师名片模板PSD下载</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/3972" target="_blank" title="丰富营养早餐插图合集矢量素材">[网站素材] 丰富营养早餐插图合集矢量素材</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/3971" target="_blank" title="黑色星期五蓝牙耳机折扣横幅海报设计下载">[网站素材] 黑色星期五蓝牙耳机折扣横幅海报设计下载</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8590" target="_blank" title="驾照考试驾校HTML5网站模板">[前端模板] 驾照考试驾校HTML5网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8589" target="_blank" title="驾照培训服务机构宣传网站模板">[前端模板] 驾照培训服务机构宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8588" target="_blank" title="HTML5房地产公司宣传网站模板">[前端模板] HTML5房地产公司宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8587" target="_blank" title="新鲜有机肉类宣传网站模板">[前端模板] 新鲜有机肉类宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8586" target="_blank" title="响应式天气预报宣传网站模板">[前端模板] 响应式天气预报宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8585" target="_blank" title="房屋建筑维修公司网站CSS模板">[前端模板] 房屋建筑维修公司网站CSS模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8584" target="_blank" title="响应式志愿者服务网站模板">[前端模板] 响应式志愿者服务网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8583" target="_blank" title="创意T恤打印店网站HTML5模板">[前端模板] 创意T恤打印店网站HTML5模板</a> </div> </li> </ul> </div> <script> $('.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>   <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a target="_blank" href="/about/us.html" rel="nofollow" target="_blank" title="关于我们" class="cBlack">关于我们</a> <a target="_blank" href="/about/disclaimer.html" rel="nofollow" target="_blank" title="免责申明" class="cBlack">免责申明</a> <a target="_blank" href="/about/jbzx.html" rel="nofollow" target="_blank" title="举报中心" class="cBlack">举报中心</a> <a target="_blank" href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a> <a target="_blank" href="https://www.php.cn/teacher.html" rel="nofollow" target="_blank" title="讲师合作" class="cBlack">讲师合作</a> <a target="_blank" href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" target="_blank" title="广告合作" class="cBlack">广告合作</a>  <a target="_blank" href="/new/" target="_blank" title="最新文章列表" class="cBlack">最新更新</a> <a target="_blank" href="https://global.php.cn/" target="_blank" title="English" class="cBlack">English</a> <div class="clear"></div> </dt> <dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd> <dd class="cont2"> <span class="ylwTopBox"> <a target="_blank" href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a> <em style="display:none;" class="ylwTopSub"> <p>微信扫码<br/>关注PHP中文网服务号</p> <img src="/static/images/examples/text16.png"/> </em> </span> <span class="ylwTopBox"> <a target="_blank" href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes" target="_blank" class="cBlack"><b class="icon2"></b>技术交流群</a> <em style="display:none;" class="ylwTopSub"> <p>QQ扫码<br/>加入技术交流群</p> <img src="/static/images/examples/text18.png"/> </em> </span> <div class="clear"></div> </dd> </dl> </div> <div class="phpFootRight"> <div class="phpFootMsg"> <span><img src="/static/images/examples/text17.png"/></span> <dl> <dt>PHP中文网订阅号</dt> <dd>每天精选资源文章推送</dd> </dl> </div> </div> </div> </div> <div class="phpFootCode"> <div class="phpFootCodeIn"><p>Copyright 2014-2025 <a target="_blank" href="https://www.php.cn/" target="_blank">https://www.php.cn/</a> All Rights Reserved | php.cn | <a target="_blank" href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备2023035733号</a></p><a target="_blank" href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><b></b></a></div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <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> <span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span> <script src="/static/js/cdn.js?v=1.0.1"></script>  <script> $(function() { //直播倒计时 $(".liveitem").each(function(){ timer(this); }) function timer(obj){ var intDiff = $(obj).data("countdown"); window.setInterval(function(){ var day=0, hour=0, minute=0, second=0;//时间默认值 if(intDiff > 0){ day = Math.floor(intDiff / (60 * 60 * 24)); hour = Math.floor(intDiff / (60 * 60)) - (day * 24); minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60); second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); }else{ $(obj).find(".phpZbktBg").remove(); return; } if (hour <= 9) hour = '0' + hour; if (minute <= 9) minute = '0' + minute; if (second <= 9) second = '0' + second; $(obj).find('.day_show').html(day+""); $(obj).find('.hour_show').html('<s id="h"></s>'+hour+''); $(obj).find('.minute_show').html('<s></s>'+minute+''); $(obj).find('.second_show').html('<s></s>'+second+''); intDiff--; }, 1000); } }); </script> <script type="text/javascript" src="/hitsUp?type=article&id=12661&time=1765820935"></script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1765820935"></script> <script>article_status = "0";</script> <script type="text/javascript" src="/static/js/jquery.min.js"></script>  <input type="hidden" id="verifycode" value="/captcha.html"> <script src="/static/js/jquery.min.js"></script> <script src="/static/layui/layui.js"></script> <script src="/static/js/common_new.js?2.1" ></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script> <script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script> <script type="text/javascript" src="/static/js/jquery.cookie.js"></script> <script>var topadshow = $.cookie('phpcndatatopadshows');if(!topadshow&&1==2){$('.topimages').show();var topobj = $('.topimages').find('.time');var topobj_day = $('.topimages .time').find('.day');var topobj_hours = $('.topimages .time').find('.hours');var topobj_minutes = $('.topimages .time').find('.minutes');var topobj_second = $('.topimages .time').find('.second');var topday = parseInt(topobj_day.html());var tophours = parseInt(topobj_hours.html());var topminutes = parseInt(topobj_minutes.html());var topsecond = parseInt(topobj_second.html());setInterval(function(){if(topsecond > 0){topsecond = topsecond-1;}else{if(topminutes > 0){topminutes = topminutes-1;topsecond = 59;}else{if(tophours > 0){tophours = tophours-1;topminutes = 59;topsecond = 59;}else{if(topday > 0){topday = topday -1;tophours = 23;topminutes = 59;topsecond = 59;}else{topobj.html("<p><span>活动已结束</span></p>");}}}}topobj_second.html(topsecond);topobj_minutes.html(topminutes);topobj_hours.html(tophours);topobj_day.html(topday);},1000);}$('.topimages .layui-icon-close').click(function(){$.cookie('phpcndatatopadshows',1,{expires:7});$('.topimages').hide();});</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> <style> .content img{max-width:100%;} .copy-button { padding: 5px 10px; background-color: #666; border: none; color: #FFF; font-size: 12px; cursor: pointer; border-radius: 5px; position: relative; top: 33px; right: 5px; z-index: 99; float: right; } .copy-button:hover { background-color: #fc3930; } </style> <script> $(document).ready(function(){ $('#gongzhonghao').hover(function(){ $('#gzh').show(); },function(){ $('#gzh').hide(); }) }) </script> <script> layui.use(['jquery','layer'], function(){ $('.test-iframe-handle').click(function(){ layer.open({ type: 2, area: ['1300px', '750px'], content: 'https://www.php.cn/help/ask?q=HTML%E8%AF%AD%E8%A8%80%E5%A4%A7%E5%85%A8_HTML%2FXhtml_%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C', fixed: true, // 不固定 //maxmin: true, shadeClose: true, title:"智能小助手", btnAlign: 'c', yes: function(index, layero){ // 获取 iframe 的窗口对象 var iframeWin = window[layero.find('iframe')[0]['name']]; var elemMark = iframeWin.$('#mark'); // 获得 iframe 中某个输入框元素 var value = elemMark.val(); if($.trim(value) === '') return elemMark.focus(); // 显示获得的值 layer.msg('获得 iframe 中的输入框标记值：'+ value); } }); }) var is_login = "0"; var show = 0; var ceng = getCookie('ceng'); //文章下拉弹出登录 // if(is_login == 0 && !ceng) // { // window.onscroll = function(){ // var t = document.documentElement.scrollTop || document.body.scrollTop; // var top_div = document.getElementById( "top_div" ); // if( t >= 2500 && show == 0) { // show = 1 // setCookie('ceng',1,1); // $(document).trigger("api.loginpopbox"); // } // } // } //未登录复制显示登录按钮 if(is_login == 0 && false){ $(".code").hover(function(){ $(this).find('.contentsignin').show(); },function(){ $(this).find('.contentsignin').hide(); }); //不给复制 $('.code').bind("cut copy paste",function(e) { e.preventDefault(); }); $('.code .contentsignin').click(function(){ $(document).trigger("api.loginpopbox"); }) }else{ // 获取所有的 <pre> 元素 var preElements = document.querySelectorAll('pre'); preElements.forEach(function(preElement) { // 创建复制按钮 var copyButton = document.createElement('button'); copyButton.className = 'copy-button'; copyButton.textContent = '复制'; // 添加点击事件处理程序 copyButton.addEventListener('click', function() { // 获取当前按钮所属的 <pre> 元素中的文本内容 var textContent = preElement.textContent.trim(); // 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容 var tempTextarea = document.createElement('textarea'); tempTextarea.value = textContent; // 将临时 textarea 添加到文档中 document.body.appendChild(tempTextarea); // 选中临时 textarea 中的文本内容并执行复制操作 tempTextarea.select(); document.execCommand('copy'); // 移除临时 textarea 元素 document.body.removeChild(tempTextarea); // 更新按钮文本为 "已复制" this.textContent = '已复制'; }); // 创建AI写代码按钮 var aiButton = document.createElement('button'); aiButton.className = 'copy-button'; aiButton.textContent = 'AI写代码'; aiButton.style.marginLeft = '5px'; aiButton.style.marginRight = '5px'; // 添加点击事件处理程序 aiButton.addEventListener('click', function() { // Generate a random number between 0 and 1 var randomChance = Math.random(); // If the random number is less than 0.5, open the first URL, else open the second if (randomChance < 0.5) { window.open('https://www.doubao.com/chat/coding?channel=php&source=hw_db_php', '_blank'); } else { window.open('https://click.aliyun.com/m/1000402709/', '_blank'); } }); // 将按钮添加到 <pre> 元素前面 preElement.parentNode.insertBefore(copyButton, preElement); preElement.parentNode.insertBefore(aiButton, preElement); }); } }) function setCookie(name,value,iDay){ //name相当于键，value相当于值，iDay为要设置的过期时间（天） var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate; } function getCookie(name) { var cookieArr = document.cookie.split(";"); for(var i = 0; i < cookieArr.length; i++) { var cookiePair = cookieArr[i].split("="); if(name == cookiePair[0].trim()) { return decodeURIComponent(cookiePair[1]); } } return null; } function aiask(ask){ layer.open({ type: 2, area: ['1300px', '750px'], content: 'https://www.php.cn/help/ask?q='+encodeURIComponent(ask), fixed: true, // 不固定 //maxmin: true, shadeClose: true, title:"智能小助手", btnAlign: 'c', yes: function(index, layero){ // 获取 iframe 的窗口对象 var iframeWin = window[layero.find('iframe')[0]['name']]; var elemMark = iframeWin.$('#mark'); // 获得 iframe 中某个输入框元素 var value = elemMark.val(); if($.trim(value) === '') return elemMark.focus(); // 显示获得的值 layer.msg('获得 iframe 中的输入框标记值：'+ value); } }); } </script>    <style> .layui-fixbar{display: none;} </style> <div class="phpSdhBox" style="height:240px !important;"> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="/k24.html" target="_blank" class="hover" title="PHP学习"> <b class="icon1"></b> <p>PHP学习</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="https://www.php.cn/blog/detail/1047189.html" target="_blank"> <b class="icon2"></b> <p>技术支持</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="#"> <b class="icon6"></b> <p>返回顶部</p> </a> </div> </div> </li> </div>   <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', '7']); 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> setCookie('is_article', 1, 1); </script> </body> </html>