search
HomeWeb Front-endHTML TutorialHTML Language Encyclopedia_HTML/Xhtml_Web Page Production

Script House--HTML Hypertext Markup Language Quick Reference Manual !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 D.L. 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


Note: The words shown in bold are HTML reserved words.


Note: Comment mark, the content between "" will not be displayed in the browser.



Description: The HTML DTD that describes the file conforms to is used to briefly explain the compatibility of the file.
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
>

Instructions: Describes the starting position or target of the hyperlink. It is required that the herf= or name= attribute must be defined. A closing tag is required.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Describe an abbreviation. This flag does not affect the display of text in the browser. Requires closing tag
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event= script
>

Description: Commonly used to describe address, signature and author information. A closing tag is required.
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
>

Description: Place executable content in the page. A closing tag is required.
ALT=text
CLASS=classname
COORDS=coordinates
HREF=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NOHREF
SHAPE=CIRC | CIRCLE | POLY | POLYGON| >nTARGET=
window_name | _blank | _parent
| _self | _top
TITLE=textevent = script >
Description: Describe the outline shape of the hyperlink hotspot in the client image map MAP. No closing tag is required.
CLASS=classnameID=

value

LANG=languageLANGUAGE=JAVASCRIPT |
JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=textevent
= script>
Description: Display text in bold. A closing tag is required.
HREF=urlTARGET=

window_name
|
_blank | _parent | _self | _top
>Description: Describes the basic address of the document. This converts relative addresses. Can only be used in HEAD tags, no closing tag is required.
CLASS=classnameCOLOR=

color

FACE=fontID=
valueLANG=
languageSIZE=
n>Description: Describes the basic font type, used to display text in the default font. Can be used in the HEAD tag, no closing tag is required.
BALANCE=
nCLASS=

classname

ID=valueLANG=
languageLOOP=
nSRC=
urlTITLE=
textVOLUME=
n>Instructions: Add background music to the page. Can be used in HEAD tag, closing tag is optional.
CLASS=
classnameID=

value

LANG=languageLANGUAGE=JAVASCRIPT |
JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=textevent
= script>
Description: Display text in a slightly larger font than the currently used font. A closing tag is required.

CLASS=classnameID=

value

LANG=
languageLANGUAGE=JAVASCRIPT |
JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=textevent
= script>
Note: Quoting content from other resources may be indented and italicized, usually with blank lines above and below. A closing tag is required.
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
>

Description: Describe the beginning and end of the document body. A closing tag is required.

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

Description: Line break mark.
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
>

Description: Set a button. A closing tag is required.
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
>

Instructions: Add a title to TABLE. A closing tag is required.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Arrange the content in the center. A closing tag is required.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Briefly describe a quote, the content is in italics. A closing tag is required.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Display a piece of code in a fixed-width font. A closing tag is required.
ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
ID=value
SPAN= n
STYLE=css1-properties
TITLE=text
VALIGN= BASELINE | BOTTOM | MIDDLE | TOP
WIDTH=n
>

Description: Define the attributes of a column in TABLE. No closing tag is required.
ALIGN=CENTER | LEFT | RIGHT
CLASS= classname
ID=value
SPAN=n
STYLE =css1-properties
TITLE=text
VALIGN=BASELINE | BOTTOM | MIDDLE | TOP
WIDTH=n
>

Description: Used in Define a column group in TABLE. No closing tag is required.
ID=value
LANG=language
TITLE=text
>

Note: Comment mark, not recommended. It is recommended to use .
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Explain a term in the list, displayed to the right. The closing tag is optional.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Indicates that the text has been deleted from the document. A closing tag is required.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT| JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Define a term. A closing tag is required.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Represents a series of short entries. The text after this begins with LI and should not exceed 20 characters each.
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
>

Description: Describe elements of different nature in the document, such as chapters, paragraphs, abstracts, etc. A closing tag is required.
CLASS=classname
COMPACT
ID= value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Represents a list. DT and DD are used to define items in the list. A closing tag is required.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Define a term in the list, displayed in the left column. The closing tag is optional.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Used for text to be emphasized, usually in italics. A closing tag is required.
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
>

Instructions: Insert any type of document, but the user must have an application installed on their computer that can interpret such documents. A closing tag is required.
ALIGN= LEFT | CENTER | RIGHT
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1 -properties
TITLE=text
event = script
>

Description: Similar to DIV, it can be used to describe the relationship between a group of areas and can be nested. A closing tag is required.
CLASS=classname
COLOR=color
FACE=font
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
SIZE=n
STYLE=css1-properties
TITLE=text
event = script
>

Description: Set font properties. A closing tag is required.
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
>

Description: Description A form containing controls. A closing tag is required.
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
>

Description: Describe a separate frame in 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
>

Instructions: Set the number and size of horizontal and vertical frames in the mixed document, and use FRAME in FRAMESET to set the content and attributes of each frame. Can be used nested. A closing tag is required.
CLASS=classname
ID=value
TITLE=text
>

Description: Appears at the beginning of the document, indicates the title or introduction of the document, and contains unordered information of the document. BASE, LINK, MATE, TITLE, BASEFONT, BGSOUND elements can be used in it. A closing tag is required.
n
ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE= css1-properties
TITLE=text
event = script
>

Description: From H1 to H6, six types of titles, shown in bold. A closing tag is required.

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
>

Description: Display a horizontal line. No closing tag.
TITLE=text
>

Description: HTML text starting element, notifies the browser This document is an HTML document. Knot markers required.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Display text in italics. A closing tag is required.
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
>

Note: In A floating frame is embedded in the document. A closing tag is required.
HTML Language Encyclopedia_HTML/Xhtml_Web Page ProductionALIGN=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
>

Instructions: Insert an image or video into the document.

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
>

Description: Set the input control in FORM, the TYPE attribute indicates the control type, NAME needs to be set. No closing tag.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Indicate the text content of the newly added document. A closing tag is required.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
PROMPT=text
>

Description : Notifies the browser that the document is an index file. Users can perform keyword searches on the document.
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

Description: Indicates the text that the user should input using the keyboard, usually displayed in a fixed-width font. A closing tag is required.
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
>

Description: Describe a label. Not nestable. A closing tag is required.
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
>

Description: Determine the area collection defined by the FIELDSET element. Must be the first element in 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
    >

    Description: Represents an entry in the list, which can be used in DIR, MENU, DL, UL. The closing tag is optional.
    DISABLED
    HREF=url
    ID= value
    MEDIA=SCREEN | PRINT | ALL
    REL=STYLESHEET
    TITLE=text
    TYPE="text/css"
    >

    Description: In the current HTML document and other resources Create hyperlinks between them. Can only be used in HEAD.
    CLASS=classname
    ID=string
    LANG=language
    LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
    STYLE=css1-properties
    TITLE=text
    event = script
    >

    Note: Display text in fixed-width font, not recommended. It is recommended to use the PRE element.
    CLASS=classname
    ID=value
    LANG=language
    NAME=name
    STYLE=css1-properties
    TITLE=text
    event = script
    >

    Description: Specify a collection of hotspot areas for client image mapping. A closing tag is required.
    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
    >

    Description: Create a scrolling text area. A closing tag is required.
    CLASS=classname
    ID=value
    LANG=language
    STYLE=css1-properties
    TITLE=text
    event = script
    >

    Instructions: Create a menu and use LI to define the items in the menu . A closing tag is required.
    CONTENT=description
    HTTP-EQUIV=response
    NAME=text
    TITLE=text
    URL=url
    >

    Description: Provide HTML document information for browsers, search engines or other programs. Must be used in HEAD. The closing tag is optional.
    ID=value
    STYLE=css1-properties
    TITLE=text
    >

    Note: No line breaks. The closing tag is optional.
    ID=value
    STYLE=css1-properties
    TITLE=text
    >

    Description: Provided for browsers that do not support FRAMESET. A closing tag is required.

    Description: Display the included content in browsers that do not support scripts. A closing tag is required.
    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
    >

    Description: Insert an object in the HTML document. A closing tag is required.
      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
      >

      Description: Create an ordered list. A closing tag is required.
      CLASS=classname
      ID=value
      LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
      SELECTED
      VALUE =value
      event = script
      >

      Description: It is a SELECT element Define an option. The closing tag is optional.

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

      Description: Indicates a paragraph. A closing tag is required.
      DATAFLD=colname
      DATAFORMATAS=HTML |TEXT
      DATASRC=#ID
      NAME=name
      VALUE=value
      >

      Description: Set parameters for the object. Valid for APPLET, EMBED, and 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>Description: Do not process HTML tags and display monospaced fonts. Not recommended. It is recommended to use PRE elements instead. <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>Description: Display text in a fixed-width font, preserving spacing and line breaks. A closing tag is required. <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>Description: Set the paragraph spacing (smaller) for the text. A closing tag is required. <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>Description: Display strikethrough text. A closing tag is required. <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>Description: Display text in a smaller font. The default is fixed-width font. A closing tag is required. <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>Description: Indicates that a script is required The script code area that the engine interprets and executes. A closing tag is required. <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>Instructions: Set up a drop-down selection box and use OPTION to define the selection. A closing tag is required. <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>Description: Display the text in a smaller font. A closing tag is required. <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>Description: Define a range that does not affect the page structure and display. A closing tag is required. <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>Description: Display strikethrough text. A closing tag is required. <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>Explanation: Focus on the key points. Usually black body. A closing tag is required. <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>Instructions: Set the display style for the page . A closing tag is required. <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>Instructions: Use a smaller font to display the text in the lower corner. A closing tag is required. <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>Instructions: Use a smaller font to display the text in the lower corner. A closing tag is required. <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>Description: Define a table. Use TR, TD, and TH elements to define rows, columns, and cells. Optional elements CAPTION, THEAD, TBODY, TFOOT, COLGROUP, and COL can be used to organize tables and process column and column group attributes. A closing tag is required. <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>Description: Define the table of the table head. The closing tag is optional. <hr color="#ff0000"> <strong><title></title></strong><strong>ID=</strong><em>value</em><br><strong>TITLE=</strong><em>string</em><br> ><br><br>Description: Describe the document title. A closing tag is required. <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>Description: Define a row in the table. A closing tag is required. <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>Description: Display text in monospaced font. A closing tag is required. <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>Description: Display underlined text. A closing tag is required. <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>Description: Define a list of column order and use LI to define the items. A closing tag is required. <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>Description: Describe a variable. A closing tag is required. <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>Description: Insert a soft newline character into the NOBR text. No closing tag is required. <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>Note: Not recommended, PRE and SAMP can be used instead. A closing tag is required.</strong></div><div class="wzconShengming_sp"><div class="bzsmdiv_sp">Statement</div><div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div></div></div><div class="phpgenera_Details_mainL4"><div class="phpmain1_2_top"><a href="javascript:void(0);" class="phpmain1_2_top_title">Related Article<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/faq/1796797300.html" title="The Future of HTML: Evolution and Trends in Web Design" 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="The Future of HTML: Evolution and Trends in Web Design" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796797300.html" title="The Future of HTML: Evolution and Trends in Web Design" class="phphistorical_Version2_mids_title">The Future of HTML: Evolution and Trends in Web Design</a><span class="Articlelist_txts_time">Apr 17, 2025 am 12:12 AM</span><p class="Articlelist_txts_p">The future of HTML is full of infinite possibilities. 1) New features and standards will include more semantic tags and the popularity of WebComponents. 2) The web design trend will continue to develop towards responsive and accessible design. 3) Performance optimization will improve the user experience through responsive image loading and lazy loading technologies.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796796827.html" title="HTML vs. CSS vs. JavaScript: A Comparative Overview" 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 vs. CSS vs. JavaScript: A Comparative Overview" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796796827.html" title="HTML vs. CSS vs. JavaScript: A Comparative Overview" class="phphistorical_Version2_mids_title">HTML vs. CSS vs. JavaScript: A Comparative Overview</a><span class="Articlelist_txts_time">Apr 16, 2025 am 12:04 AM</span><p class="Articlelist_txts_p">The roles of HTML, CSS and JavaScript in web development are: HTML is responsible for content structure, CSS is responsible for style, and JavaScript is responsible for dynamic behavior. 1. HTML defines the web page structure and content through tags to ensure semantics. 2. CSS controls the web page style through selectors and attributes to make it beautiful and easy to read. 3. JavaScript controls web page behavior through scripts to achieve dynamic and interactive functions.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796796249.html" title="HTML: Is It a Programming Language or Something Else?" 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: Is It a Programming Language or Something Else?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796796249.html" title="HTML: Is It a Programming Language or Something Else?" class="phphistorical_Version2_mids_title">HTML: Is It a Programming Language or Something Else?</a><span class="Articlelist_txts_time">Apr 15, 2025 am 12:13 AM</span><p class="Articlelist_txts_p">HTMLisnotaprogramminglanguage;itisamarkuplanguage.1)HTMLstructuresandformatswebcontentusingtags.2)ItworkswithCSSforstylingandJavaScriptforinteractivity,enhancingwebdevelopment.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796795665.html" title="HTML: Building the Structure of Web Pages" 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: Building the Structure of Web Pages" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796795665.html" title="HTML: Building the Structure of Web Pages" class="phphistorical_Version2_mids_title">HTML: Building the Structure of Web Pages</a><span class="Articlelist_txts_time">Apr 14, 2025 am 12:14 AM</span><p class="Articlelist_txts_p">HTML is the cornerstone of building web page structure. 1. HTML defines the content structure and semantics, and uses, etc. tags. 2. Provide semantic markers, such as, etc., to improve SEO effect. 3. To realize user interaction through tags, pay attention to form verification. 4. Use advanced elements such as, combined with JavaScript to achieve dynamic effects. 5. Common errors include unclosed labels and unquoted attribute values, and verification tools are required. 6. Optimization strategies include reducing HTTP requests, compressing HTML, using semantic tags, etc.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796795191.html" title="From Text to Websites: The Power of 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="From Text to Websites: The Power of HTML" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796795191.html" title="From Text to Websites: The Power of HTML" class="phphistorical_Version2_mids_title">From Text to Websites: The Power of HTML</a><span class="Articlelist_txts_time">Apr 13, 2025 am 12:07 AM</span><p class="Articlelist_txts_p">HTML is a language used to build web pages, defining web page structure and content through tags and attributes. 1) HTML organizes document structure through tags, such as,. 2) The browser parses HTML to build the DOM and renders the web page. 3) New features of HTML5, such as, enhance multimedia functions. 4) Common errors include unclosed labels and unquoted attribute values. 5) Optimization suggestions include using semantic tags and reducing file size.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796794693.html" title="Understanding HTML, CSS, and JavaScript: A Beginner's Guide" 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/174438733162787.jpg?x-oss-process=image/resize,p_40" alt="Understanding HTML, CSS, and JavaScript: A Beginner's Guide" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796794693.html" title="Understanding HTML, CSS, and JavaScript: A Beginner's Guide" class="phphistorical_Version2_mids_title">Understanding HTML, CSS, and JavaScript: A Beginner's Guide</a><span class="Articlelist_txts_time">Apr 12, 2025 am 12:02 AM</span><p class="Articlelist_txts_p">WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796794180.html" title="The Role of HTML: Structuring Web Content" 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/174430155217186.jpg?x-oss-process=image/resize,p_40" alt="The Role of HTML: Structuring Web Content" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796794180.html" title="The Role of HTML: Structuring Web Content" class="phphistorical_Version2_mids_title">The Role of HTML: Structuring Web Content</a><span class="Articlelist_txts_time">Apr 11, 2025 am 12:12 AM</span><p class="Articlelist_txts_p">The role of HTML is to define the structure and content of a web page through tags and attributes. 1. HTML organizes content through tags such as , making it easy to read and understand. 2. Use semantic tags such as, etc. to enhance accessibility and SEO. 3. Optimizing HTML code can improve web page loading speed and user experience.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796793634.html" title="HTML and Code: A Closer Look at the Terminology" 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/174424853215422.jpg?x-oss-process=image/resize,p_40" alt="HTML and Code: A Closer Look at the Terminology" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/faq/1796793634.html" title="HTML and Code: A Closer Look at the Terminology" class="phphistorical_Version2_mids_title">HTML and Code: A Closer Look at the Terminology</a><span class="Articlelist_txts_time">Apr 10, 2025 am 09:28 AM</span><p class="Articlelist_txts_p">HTMLisaspecifictypeofcodefocusedonstructuringwebcontent,while"code"broadlyincludeslanguageslikeJavaScriptandPythonforfunctionality.1)HTMLdefineswebpagestructureusingtags.2)"Code"encompassesawiderrangeoflanguagesforlogicandinteract</p></div></div><a href="https://m.php.cn/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>Hot AI Tools</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/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/ai/undresserai-undress" title="Undresser.AI Undress"class="phpmain_tab2_mids_title"><h3>Undresser.AI Undress</h3></a><p>AI-powered app for creating realistic nude photos</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/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/ai/ai-clothes-remover" title="AI Clothes Remover"class="phpmain_tab2_mids_title"><h3>AI Clothes Remover</h3></a><p>Online AI tool for removing clothes from photos.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/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/ai/undress-ai-tool" title="Undress AI Tool"class="phpmain_tab2_mids_title"><h3>Undress AI Tool</h3></a><p>Undress images for free</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/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/ai/clothoffio" title="Clothoff.io"class="phpmain_tab2_mids_title"><h3>Clothoff.io</h3></a><p>AI clothes remover</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/ai-hentai-generator" title="AI Hentai Generator" 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/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/ai-hentai-generator" title="AI Hentai Generator"class="phpmain_tab2_mids_title"><h3>AI Hentai Generator</h3></a><p>Generate AI Hentai for free.</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ai">Show More</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/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>Hot Article</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796780570.html" title="R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 months ago</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796780641.html" title="R.E.P.O. Best Graphic Settings" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Best Graphic Settings</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 months ago</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle Solution" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle Solution</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>2 weeks ago</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796780520.html" title="R.E.P.O. How to Fix Audio if You Can't Hear Anyone" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. How to Fix Audio if You Can't Hear Anyone</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 months ago</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796780523.html" title="R.E.P.O. Chat Commands and How to Use Them" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Chat Commands and How to Use Them</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 months ago</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/article.html">Show More</a></div></div></div><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/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>Hot Tools</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/1473" title="SublimeText3 English version" 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/5aab40b1a662e720.jpg" src="/static/imghw/default1.png" alt="SublimeText3 English version" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/1473" title="SublimeText3 English version" class="phpmain_tab2_mids_title"><h3>SublimeText3 English version</h3></a><p>Recommended: Win version, supports code prompts!</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/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/toolset/development-tools/1579" title="SecLists" class="phpmain_tab2_mids_title"><h3>SecLists</h3></a><p>SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/1545" title="SAP NetWeaver Server Adapter for Eclipse" 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/007/169165990824460.png" src="/static/imghw/default1.png" alt="SAP NetWeaver Server Adapter for Eclipse" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/1545" title="SAP NetWeaver Server Adapter for Eclipse" class="phpmain_tab2_mids_title"><h3>SAP NetWeaver Server Adapter for Eclipse</h3></a><p>Integrate Eclipse with SAP NetWeaver application server.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/1527" title="VSCode Windows 64-bit Download" 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/5e2151b57e8e3927.png" src="/static/imghw/default1.png" alt="VSCode Windows 64-bit Download" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/1527" title="VSCode Windows 64-bit Download" class="phpmain_tab2_mids_title"><h3>VSCode Windows 64-bit Download</h3></a><p>A free and powerful IDE editor launched by Microsoft</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/1492" title="EditPlus Chinese cracked version" 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/5e21527e79622256.png" src="/static/imghw/default1.png" alt="EditPlus Chinese cracked version" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/1492" title="EditPlus Chinese cracked version" class="phpmain_tab2_mids_title"><h3>EditPlus Chinese cracked version</h3></a><p>Small size, syntax highlighting, does not support code prompt function</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ai">Show More</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/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>Hot Topics</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/gmailyxdlrkzn" title="Where is the login entrance for gmail email?" class="phpgenera_Details_mainR4_bottom_title">Where is the login entrance for gmail email?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>7538</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/faq/cakephp-tutor" title="CakePHP Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP Tutorial</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1380</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="What is the format of the account name of steam" class="phpgenera_Details_mainR4_bottom_title">What is the format of the account name of steam</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>83</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/faq/winactivationkeyper" title="win11 activation key permanent" class="phpgenera_Details_mainR4_bottom_title">win11 activation key permanent</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>55</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/faq/newyorktimesdailybrief" title="nyt connections hints and answers" class="phpgenera_Details_mainR4_bottom_title">nyt connections hints and answers</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>21</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>86</span></div></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/faq/zt">Show More</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>Public welfare online PHP training,Help PHP learners grow quickly!</p></div><div class="footermid"><a href="https://m.php.cn/about/us.html">About us</a><a href="https://m.php.cn/about/disclaimer.html">Disclaimer</a><a href="https://m.php.cn/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>