搜索
首页web前端html教程HTML语言大全_HTML/Xhtml_网页制作

脚本之家--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
>

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

CLASS=classname
CLEAR=ALL |LEFT | RIGHT
ID=value
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
>

说明:换行标记。
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
>

说明:设置一个按钮。需要结束标记。
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
>

说明:给TABLE加一个标题。需要结束标记。
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
>

说明:简要说明一个引用,内容用斜体显示。需要结束标记。
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明:以等宽字体显示一段代码。需要结束标记。
ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
ID=value
SPAN=n
STYLE=css1-properties
TITLE=text
VALIGN=BASELINE | BOTTOM | MIDDLE | TOP
WIDTH=n
>

说明:定义TABLE中一列的属性。不需要结束标记。
ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
ID=value
SPAN=n
STYLE=css1-properties
TITLE=text
VALIGN=BASELINE | BOTTOM | MIDDLE | TOP
WIDTH=n
>

说明:用于在TABLE中定义一个列组。不需要结束标记。
ID=value
LANG=language
TITLE=text
>

说明:注释标记,不推荐。建议用
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
>

说明:指明文本已从文档中删除。需要结束标记。
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
>

说明:表示一系列短条目。在此之后的文本用LI开头,且每条不超过20个字符。
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用于定义列表内的条目。需要结束标记。
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
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
>

说明:设置字体属性。需要结束标记。
ACTION=url
CLASS=classname
ENCTYPE=encoding
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
METHOD=GET | POST
NAME=name
STYLE=css1-properties
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text
event = script
>

说明:描述一个包含控件的表单。需要结束标记。
BORDERCOLOR=color
CLASS=classname
DATAFLD=colname
DATASRC=#ID
FRAMEBORDER=NO | YES | 0 | 1
HEIGHT=n
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
MARGINHEIGHT=pixels
MARGINWIDTH=pixels
NAME=window_name | _blank | _parent | _self | _top
NORESIZE=NORESIZE | RESIZE
SCROLLING=AUTO | NO | YES
SRC=url
TITLE=text
WIDTH=n
event = script
>

说明:在FRAMESET中描述一个单独的框架。
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元素。需要结束标记。
n
ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

说明:从H1到H6,六种标题,黑体显示。需要结束标记。

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文档。需要结标记。
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
BORDER=pixels
BORDERCOLOR=color
CLASS=classname
DATAFLD=colname
DATASRC=#ID
FRAMEBORDER=NO | YES | 0 | 1
FRAMESPACING=pixels
HEIGHT=n
HSPACE=pixels
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
MARGINHEIGHT=pixels
MARGINWIDTH=pixels
NAME=window_name | _blank | _parent | _self | _top
NORESIZE=NORESIZE | RESIZE
SCROLLING=AUTO | NO | YES
SRC=url
STYLE=css1-properties
TITLE=text
VSPACE=pixels
WIDTH=n
>

说明:在文档中嵌入一个浮动框架。需要结束标记。
HTML语言大全_HTML/Xhtml_网页制作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元素定义一个选择项。结束标记可选。

      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><pre class="brush:php;toolbar:false"></pre></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>&lt;script&gt;&lt;/script&gt;</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><div class="wzconShengming_sp"><div class="bzsmdiv_sp">声明</div><div>本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn</div></div></div><div class="phpgenera_Details_mainL4"><div class="phpmain1_2_top"><a href="javascript:void(0);" class="phpmain1_2_top_title">相关文章<img class="lazy" data-src="/static/imghwm/index2_title2.png" src="/static/imghw/default1.png" alt="" /></a></div><div class="phpgenera_Details_mainL4_info"><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796800099.html" title="HTML作为标记语言:其功能和目的" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174525137146935.jpg?x-oss-process=image/resize,p_40" alt="HTML作为标记语言:其功能和目的" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796800099.html" title="HTML作为标记语言:其功能和目的" class="phphistorical_Version2_mids_title">HTML作为标记语言:其功能和目的</a><span class="Articlelist_txts_time">Apr 22, 2025 am 12:02 AM</span><p class="Articlelist_txts_p">HTML的功能是定义网页的结构和内容,其目的在于提供一种标准化的方式来展示信息。1)HTML通过标签和属性组织网页的各个部分,如标题和段落。2)它支持内容与表现分离,提升维护效率。3)HTML具有可扩展性,允许自定义标签增强SEO。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796798320.html" title="HTML,CSS和JavaScript的未来:网络开发趋势" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174499214213783.jpg?x-oss-process=image/resize,p_40" alt="HTML,CSS和JavaScript的未来:网络开发趋势" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796798320.html" title="HTML,CSS和JavaScript的未来:网络开发趋势" class="phphistorical_Version2_mids_title">HTML,CSS和JavaScript的未来:网络开发趋势</a><span class="Articlelist_txts_time">Apr 19, 2025 am 12:02 AM</span><p class="Articlelist_txts_p">HTML的未来趋势是语义化和Web组件,CSS的未来趋势是CSS-in-JS和CSSHoudini,JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果,Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积,CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡,Serverless简化开发但需优化冷启动问题。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796797816.html" title="HTML:结构,CSS:样式,JavaScript:行为" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174490615241003.jpg?x-oss-process=image/resize,p_40" alt="HTML:结构,CSS:样式,JavaScript:行为" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796797816.html" title="HTML:结构,CSS:样式,JavaScript:行为" class="phphistorical_Version2_mids_title">HTML:结构,CSS:样式,JavaScript:行为</a><span class="Articlelist_txts_time">Apr 18, 2025 am 12:09 AM</span><p class="Articlelist_txts_p">HTML、CSS和JavaScript在Web开发中的作用分别是:1.HTML定义网页结构,2.CSS控制网页样式,3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796797300.html" title="HTML的未来:网络设计的发展和趋势" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174481993285664.jpg?x-oss-process=image/resize,p_40" alt="HTML的未来:网络设计的发展和趋势" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796797300.html" title="HTML的未来:网络设计的发展和趋势" class="phphistorical_Version2_mids_title">HTML的未来:网络设计的发展和趋势</a><span class="Articlelist_txts_time">Apr 17, 2025 am 12:12 AM</span><p class="Articlelist_txts_p">HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796796827.html" title="HTML与CSS vs. JavaScript:比较概述" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174473305338023.jpg?x-oss-process=image/resize,p_40" alt="HTML与CSS vs. JavaScript:比较概述" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796796827.html" title="HTML与CSS vs. JavaScript:比较概述" class="phphistorical_Version2_mids_title">HTML与CSS vs. JavaScript:比较概述</a><span class="Articlelist_txts_time">Apr 16, 2025 am 12:04 AM</span><p class="Articlelist_txts_p">HTML、CSS和JavaScript在网页开发中的角色分别是:HTML负责内容结构,CSS负责样式,JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容,确保语义化。2.CSS通过选择器和属性控制网页样式,使其美观易读。3.JavaScript通过脚本控制网页行为,实现动态和交互功能。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796796249.html" title="HTML:是编程语言还是其他?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174464723172609.jpg?x-oss-process=image/resize,p_40" alt="HTML:是编程语言还是其他?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796796249.html" title="HTML:是编程语言还是其他?" class="phphistorical_Version2_mids_title">HTML:是编程语言还是其他?</a><span class="Articlelist_txts_time">Apr 15, 2025 am 12:13 AM</span><p class="Articlelist_txts_p">HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增强WebevebDevelopment。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796795665.html" title="HTML:建立网页的结构" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174456085285529.jpg?x-oss-process=image/resize,p_40" alt="HTML:建立网页的结构" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796795665.html" title="HTML:建立网页的结构" class="phphistorical_Version2_mids_title">HTML:建立网页的结构</a><span class="Articlelist_txts_time">Apr 14, 2025 am 12:14 AM</span><p class="Articlelist_txts_p">HTML是构建网页结构的基石。1.HTML定义内容结构和语义,使用、、等标签。2.提供语义化标记,如、、等,提升SEO效果。3.通过标签实现用户交互,需注意表单验证。4.使用、等高级元素结合JavaScript实现动态效果。5.常见错误包括标签未闭合和属性值未加引号,需使用验证工具。6.优化策略包括减少HTTP请求、压缩HTML、使用语义化标签等。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796795191.html" title="从文本到网站:HTML的力量" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174447404295304.jpg?x-oss-process=image/resize,p_40" alt="从文本到网站:HTML的力量" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796795191.html" title="从文本到网站:HTML的力量" class="phphistorical_Version2_mids_title">从文本到网站:HTML的力量</a><span class="Articlelist_txts_time">Apr 13, 2025 am 12:07 AM</span><p class="Articlelist_txts_p">HTML是一种用于构建网页的语言,通过标签和属性定义网页结构和内容。1)HTML通过标签组织文档结构,如、。2)浏览器解析HTML构建DOM并渲染网页。3)HTML5的新特性如、、增强了多媒体功能。4)常见错误包括标签未闭合和属性值未加引号。5)优化建议包括使用语义化标签和减少文件大小。</p></div></div><a href="https://m.php.cn/zh/web-designer.html" class="phpgenera_Details_mainL4_botton"><span>See all articles</span><img class="lazy" data-src="/static/imghwm/down_right.png" src="/static/imghw/default1.png" alt="" /></a></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="AI_ToolDetails_main4sR"><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>热AI工具</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/undresserai-undress" title="Undresser.AI Undress"class="phpmain_tab2_mids_title"><h3>Undresser.AI Undress</h3></a><p>人工智能驱动的应用程序,用于创建逼真的裸体照片</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/ai-clothes-remover" title="AI Clothes Remover"class="phpmain_tab2_mids_title"><h3>AI Clothes Remover</h3></a><p>用于从照片中去除衣服的在线人工智能工具。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/undress-ai-tool" title="Undress AI Tool"class="phpmain_tab2_mids_title"><h3>Undress AI Tool</h3></a><p>免费脱衣服图片</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/clothoffio" title="Clothoff.io"class="phpmain_tab2_mids_title"><h3>Clothoff.io</h3></a><p>AI脱衣机</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/video-swap" title="Video Face Swap"class="phpmain_tab2_mids_title"><h3>Video Face Swap</h3></a><p>使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/zh/ai">显示更多</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.png" alt="" /><h2>热门文章</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/1796785841.html" title="刺客信条阴影:贝壳谜语解决方案" class="phpgenera_Details_mainR4_bottom_title">刺客信条阴影:贝壳谜语解决方案</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3 周前</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/1796789525.html" title="Windows 11 KB5054979中的新功能以及如何解决更新问题" class="phpgenera_Details_mainR4_bottom_title">Windows 11 KB5054979中的新功能以及如何解决更新问题</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>2 周前</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/1796783009.html" title="刺客信条阴影 - 如何找到铁匠,解锁武器和装甲定制" class="phpgenera_Details_mainR4_bottom_title">刺客信条阴影 - 如何找到铁匠,解锁武器和装甲定制</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 个月前</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/1796785857.html" title="在哪里可以找到原子中的起重机控制钥匙卡" class="phpgenera_Details_mainR4_bottom_title">在哪里可以找到原子中的起重机控制钥匙卡</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3 周前</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/1796784440.html" title="&lt;🎜&gt;:死铁路 - 如何完成所有挑战" class="phpgenera_Details_mainR4_bottom_title">&lt;🎜&gt;:死铁路 - 如何完成所有挑战</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3 周前</span><span>ByDDD</span></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/zh/article.html">显示更多</a></div></div></div><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>热工具</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/toolset/development-tools/660" title="Atom编辑器mac版下载" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ed8cfa94c1a582.jpg" src="/static/imghw/default1.png" alt="Atom编辑器mac版下载" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/toolset/development-tools/660" title="Atom编辑器mac版下载" class="phpmain_tab2_mids_title"><h3>Atom编辑器mac版下载</h3></a><p>最流行的的开源编辑器</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/toolset/development-tools/1471" title="SublimeText3 Linux新版" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/5aab420a5fb42187.jpg" src="/static/imghw/default1.png" alt="SublimeText3 Linux新版" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/toolset/development-tools/1471" title="SublimeText3 Linux新版" class="phpmain_tab2_mids_title"><h3>SublimeText3 Linux新版</h3></a><p>SublimeText3 Linux最新版</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/toolset/development-tools/1557" title="mPDF" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/003/169206948656118.png" src="/static/imghw/default1.png" alt="mPDF" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/toolset/development-tools/1557" title="mPDF" class="phpmain_tab2_mids_title"><h3>mPDF</h3></a><p>mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/toolset/development-tools/121" title="禅工作室 13.0.1" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg" src="/static/imghw/default1.png" alt="禅工作室 13.0.1" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/toolset/development-tools/121" title="禅工作室 13.0.1" class="phpmain_tab2_mids_title"><h3>禅工作室 13.0.1</h3></a><p>功能强大的PHP集成开发环境</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/toolset/development-tools/1579" title="SecLists" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/008/169442209227215.jpg" src="/static/imghw/default1.png" alt="SecLists" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/toolset/development-tools/1579" title="SecLists" class="phpmain_tab2_mids_title"><h3>SecLists</h3></a><p>SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/zh/ai">显示更多</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.png" alt="" /><h2>热门话题</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/gmailyxdlrkzn" title="gmail邮箱登陆入口在哪里" class="phpgenera_Details_mainR4_bottom_title">gmail邮箱登陆入口在哪里</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>7640</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>15</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/cakephp-tutor" title="CakePHP 教程" class="phpgenera_Details_mainR4_bottom_title">CakePHP 教程</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1391</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>52</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/steamdzhmcssmgs" title="steam的账户名称是什么格式" class="phpgenera_Details_mainR4_bottom_title">steam的账户名称是什么格式</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>90</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>11</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/winactivationkeyper" title="win11激活密钥永久" class="phpgenera_Details_mainR4_bottom_title">win11激活密钥永久</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>71</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>19</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/newyorktimesdailybrief" title="NYT连接提示和答案" class="phpgenera_Details_mainR4_bottom_title">NYT连接提示和答案</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>32</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>150</span></div></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/zh/faq/zt">显示更多</a></div></div></div></div></main><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>公益在线PHP培训,帮助PHP学习者快速成长!</p></div><div class="footermid"><a href="https://m.php.cn/zh/about/us.html">关于我们</a><a href="https://m.php.cn/zh/about/disclaimer.html">免责声明</a><a href="https://m.php.cn/zh/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><script> jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script><script>// 通用函数,用于显示或隐藏元素 function toggleElementsDisplay(className, show) { const elements = document.getElementsByClassName(className); for (let i = 0; i < elements.length; i++) { elements[i].style.display = show ? "block" : "none"; } } // 页面加载完成后执行的主函数 document.addEventListener("DOMContentLoaded", () => { // 1. 绑定菜单按钮事件 const bindMenuEvents = () => { const toggleDisplay = (className, show, eventId) => { const element = document.getElementById(eventId); if (element) { element.addEventListener("click", (event) => { event.preventDefault(); toggleElementsDisplay(className, show); }); } }; toggleDisplay("m_editormain12main", true, "fixed_tab_img"); toggleDisplay("m_editormain12main", false, "fixed_tab_topi"); toggleDisplay("m_editormain12main", false, "fixed_tab_close"); toggleDisplay("m_menu", true, "lan1sp"); toggleDisplay("m_menu", false, "m_editormain12main_topi_sp"); toggleDisplay("m_menu_lang", true, "lan1"); toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan"); }; // 2. 绑定滚动链接事件 const bindScrollLinks = () => { const titleList = document.getElementById("fixed_tab_titlelist"); const menuMain = document.getElementsByClassName("m_editormain12main")[0]; const links = document.querySelectorAll('.fixed_tab_a'); links.forEach(linkElement => { if (linkElement) { linkElement.addEventListener("click", async (e) => { e.preventDefault(); e.stopPropagation(); // 先隐藏菜单 if (menuMain) menuMain.style.display = "none"; if (titleList) titleList.style.display = "none"; // 获取目标元素的 ID const targetId = linkElement.getAttribute('href').substring(1); const targetElement = document.getElementById(targetId); // 等待 DOM 更新 await new Promise(resolve => requestAnimationFrame(resolve)); // 滚动到目标位置 if (targetElement) { targetElement.scrollIntoView({ behavior: "smooth", block: "start" }); } }); } }); }; // 3. 绑定关闭按钮事件 const bindCloseButton = () => { const closeButton = document.querySelector(".phpgenera_Details_mainR1_close"); const container = document.querySelector(".phpgenera_Details_mainR1"); if (closeButton && container) { closeButton.addEventListener("click", (event) => { event.preventDefault(); container.style.display = "none"; }); } }; // 4. 初始化菜单交互功能 const initMenuInteraction = () => { const menuGroupElements = document.querySelectorAll('.layui-menu-item-group'); menuGroupElements.forEach(menuItem => { menuItem.addEventListener('click', function(event) { if (event.target.closest('.m_menusnames')) { return; } this.classList.toggle('layui-menu-item-down'); this.classList.toggle('layui-menu-item-up'); const subMenuContainer = this.querySelector('.m_menusnames'); const icon = this.querySelector('.layui-icon'); if (subMenuContainer && icon) { if (this.classList.contains('layui-menu-item-down')) { subMenuContainer.style.display = 'block'; icon.classList.remove('layui-icon-down'); icon.classList.add('layui-icon-up'); } else { subMenuContainer.style.display = 'none'; icon.classList.remove('layui-icon-up'); icon.classList.add('layui-icon-down'); } } }); }); }; // 5. 初始化 layui 功能 const initLayui = () => { if (typeof layui !== 'undefined') { layui.use(function () { var util = layui.util; if (util && util.fixbar) { util.fixbar({ on: { mouseenter: function (type) { if (layer && layer.tips) { layer.tips(type, this, { tips: 4, fixed: true, }); } }, mouseleave: function (type) { if (layer && layer.closeAll) { layer.closeAll("tips"); } }, }, }); } }); } }; // 执行所有初始化函数 bindMenuEvents(); bindScrollLinks(); bindCloseButton(); initMenuInteraction(); initLayui(); }); </script></body></html>