HTML 标记一览<1>-脚本在线

首页前沿速递服务器教程网页设计教程网络编辑教程

移动端

AI智能体脚本智能办公脚本自动化游戏脚本浏览器自动化脚本服务器脚本

HTML 标记一览<1>

作者：互联网

2009-06-11

HTML教程

■ HTML 标记一览：

标记	类型	名称或意义	作用	备注
文件标记
	●	文件宣告	让浏览器知道这是 HTML 文件
	●	开头	提供文件整体信息
</FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>标题</SPAN></TD> <TD><SPAN>定义文件标题，将显示于浏览器顶端</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><BODY></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>主体</SPAN></TD> <TD><SPAN>设计文件格式及内容所在</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD bgColor=#ddddff colSpan=5><SPAN><A href="/web/webproduce/html/anatomy/anatomy_4.asp">排版标记</A></SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><!--注解--></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>说明标记</SPAN></TD> <TD><SPAN>为文件加上说明，但不被显示</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><P></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>段落标记</SPAN></TD> <TD><SPAN>为字、图、表格等之间留下一空白行</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><BR></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>换行标记</SPAN></TD> <TD><SPAN>令字、图、表格显示于下一行</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><HR></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>水平线</SPAN></TD> <TD><SPAN>插入一水平线</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><CENTER></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>居中</SPAN></TD> <TD><SPAN>令字、图、表格等显示于中间</SPAN></TD> <TD><SPAN>反对</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><PRE></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>预设格式</SPAN></TD> <TD><SPAN>令文件按原代码的排列方式显示</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><DIV></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>定位标记</SPAN></TD> <TD><SPAN>设定字、图、表格等的摆放位置</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><NOBR></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>不换行</SPAN></TD> <TD><SPAN>令文字不因太长而换行</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><WBR></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>建议换行</SPAN></TD> <TD><SPAN>预设换行部位</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD bgColor=#ddddff colSpan=5><SPAN><A href="/web/webproduce/html/anatomy/anatomy_5.asp">字体标记</A></SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><STRONG></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>加重语气</SPAN></TD> <TD><SPAN>产生字体加粗 Bold 的效果</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><B></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>粗体标记</SPAN></TD> <TD><SPAN>产生字体加粗的效果</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><EM></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>强调标记</SPAN></TD> <TD><SPAN>字体出现斜体效果</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><I></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>斜体标记</SPAN></TD> <TD><SPAN>字体出现斜体效果</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><TT></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>等宽字体</SPAN></TD> <TD><SPAN>Courier字体，字母宽度相同</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><U></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>加下划线</SPAN></TD> <TD><SPAN>加下划线</SPAN></TD> <TD><SPAN>反对</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><H1></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>一级标题标记</SPAN></TD> <TD><SPAN>将字体变大，级数越高越小</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><H2></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>二级标题标记 </SPAN></TD> <TD><SPAN>将字体变大</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><H3></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>三级标题标记 </SPAN></TD> <TD><SPAN>将字体变大</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><H4></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>四级标题标记 </SPAN></TD> <TD><SPAN>将字体变大</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><H5></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>五级标题标记 </SPAN></TD> <TD><SPAN>将字体变大</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><H6></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>六级标题标记 </SPAN></TD> <TD><SPAN>将字体变大</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><FONT></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>字体标记</SPAN></TD> <TD><SPAN>设定字体、大小、颜色</SPAN></TD> <TD><SPAN>反对</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><BASEFONT></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>基准字体标记</SPAN></TD> <TD><SPAN>设定所有字体、大小、颜色</SPAN></TD> <TD><SPAN>反对</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><BIG></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>字体加大</SPAN></TD> <TD><SPAN>令字体稍微变大</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><SMALL></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>字体缩小</SPAN></TD> <TD><SPAN>令字体稍微缩小</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><STRIKE></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>加删除线</SPAN></TD> <TD><SPAN>为文字加删除线</SPAN></TD> <TD><SPAN>反对</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><CODE></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>程式码</SPAN></TD> <TD><SPAN>字体稍微加宽如<TT></SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><KBD></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>键盘字</SPAN></TD> <TD><SPAN>字体稍微加宽，单一空白</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><SAMP></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>范例</SPAN></TD> <TD><SPAN>字體稍為加寬如<TT></SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><VAR></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>变量</SPAN></TD> <TD><SPAN>斜体效果</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><CITE></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>斜体标记</SPAN></TD> <TD><SPAN>斜体效果</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><BLOCKQUOTE></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>向右缩排</SPAN></TD> <TD><SPAN>文字向右缩排</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><DFN></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>述语定义</SPAN></TD> <TD><SPAN>斜体效果</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><ADDRESS></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>地址标记</SPAN></TD> <TD><SPAN>斜体效果</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><SUB></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>下标字</SPAN></TD> <TD><SPAN>文字下标</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><SUP></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>上标字 </SPAN></TD> <TD><SPAN>文字上标</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD bgColor=#ddddff colSpan=5><SPAN><A href="/web/webproduce/html/anatomy/anatomy_6.asp">清单标记</A></SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><OL></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>顺序清单</SPAN></TD> <TD><SPAN>清单项目将以数字、字母顺序排列</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><UL></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>无序清单</SPAN></TD> <TD><SPAN>清单项目将以实心圆点作为符号排列</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><LI></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>清单项目</SPAN></TD> <TD><SPAN>清单中的项目，一个标记一行</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><MENU></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>选项清单</SPAN></TD> <TD><SPAN>可用type参数指定项目符号。</SPAN></TD> <TD><SPAN>反對</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><DIR></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>目录清单</SPAN></TD> <TD><SPAN>与<menu>相同</SPAN></TD> <TD><SPAN>反對</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><DL></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>定义清单</SPAN></TD> <TD><SPAN>清单分两层出现</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><DT></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>定义条目</SPAN></TD> <TD><SPAN>清单项标题</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><DD></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>定义内容</SPAN></TD> <TD><SPAN>清单项内容</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD bgColor=#ddddff colSpan=5><SPAN><A href="/web/webproduce/html/anatomy/anatomy_7.asp">表格标记</A></SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><TABLE></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>表格标记</SPAN></TD> <TD><SPAN>设定该表格的各项参数</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><CAPTION></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>表格标题</SPAN></TD> <TD><SPAN>做成一打通列以填入表格标题</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><TR></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>表格列</SPAN></TD> <TD><SPAN>设定该表格的列</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><TD></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>表格栏</SPAN></TD> <TD><SPAN>设定该表格的栏</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><TH></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>表格标头</SPAN></TD> <TD><SPAN>相等于<TD>，但其内文字字体会变粗</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD bgColor=#ddddff colSpan=5><SPAN>表单标记</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><FORM></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>表单标记</SPAN></TD> <TD><SPAN>决定该表单的运作模式</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><TEXTAREA></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>文字框</SPAN></TD> <TD><SPAN>提供文字输入栏</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><INPUT></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>输入标记</SPAN></TD> <TD><SPAN>决定输入形式</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><SELECT></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>选择标记</SPAN></TD> <TD><SPAN>建立弹出卷动清单</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><OPTION></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>选项</SPAN></TD> <TD><SPAN>每一个清单选项</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD bgColor=#ddddff colSpan=5><SPAN><A href="/web/webproduce/html/anatomy/anatomy_9.asp">图形标记</A></SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><IMG></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>图形标记</SPAN></TD> <TD><SPAN>用来插入图形及设定图形属性</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD bgColor=#ddddff colSpan=5><SPAN><A href="/web/webproduce/html/anatomy/anatomy_10.asp">链接标记</A></SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><A></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>链接标记</SPAN></TD> <TD><SPAN>加入链接</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><BASE></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>基准标记</SPAN></TD> <TD><SPAN>可将相对 URL 转绝对及指定链接</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD bgColor=#ddddff colSpan=5><SPAN><A href="/web/webproduce/html/anatomy/anatomy_11.asp">框架标记</A></SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><FRAMESET></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>框架设定</SPAN></TD> <TD><SPAN>设定框架</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><FRAME></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>窗口设定</SPAN></TD> <TD><SPAN>设定框架中的窗口</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><IFRAME></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>页内框架</SPAN></TD> <TD><SPAN>于网页中插入框架</SPAN></TD> <TD><SPAN>IE</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><NOFRAMES></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>不支持框架</SPAN></TD> <TD><SPAN>设定浏览器不支持框架时的提示</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD bgColor=#ddddff colSpan=5><SPAN><A href="/web/webproduce/html/anatomy/anatomy_12.asp">影像地图</A></SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><MAP></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>影像地图名称</SPAN></TD> <TD><SPAN>设定影像地图名称</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><AREA></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>链接区域</SPAN></TD> <TD><SPAN>设定各链接区域</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD bgColor=#ddddff colSpan=5><SPAN><A href="/web/webproduce/html/anatomy/anatomy_13.asp">多媒体</A></SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><BGSOUND></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>背景声音</SPAN></TD> <TD><SPAN>令背景播放音乐或声音</SPAN></TD> <TD><SPAN>IE</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><EMBED></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>多媒体</SPAN></TD> <TD><SPAN>加入声音、音乐或影像</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD bgColor=#ddddff colSpan=5><SPAN><A href="/web/webproduce/html/anatomy/anatomy_14.asp">其他标记</A></SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><MARQUEE></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>走马灯</SPAN></TD> <TD><SPAN>令文字走动</SPAN></TD> <TD><SPAN>IE</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><BLINK></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>闪烁文字</SPAN></TD> <TD><SPAN>令文字闪烁</SPAN></TD> <TD><SPAN>NC</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><ISINDEX></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>页内寻找器</SPAN></TD> <TD><SPAN>可输入关键字寻找该页</SPAN></TD> <TD><SPAN>反对</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><META></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>开头说明</SPAN></TD> <TD><SPAN>提供关于此页的信息给浏览器</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><LINK></FONT></SPAN></TD> <TD><SPAN>○</SPAN></TD> <TD><SPAN>关系定义</SPAN></TD> <TD><SPAN>定义该文件与其他 URL 的关系</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD bgColor=#ddddff colSpan=5><SPAN>StyleSheet</SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><STYLE></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>式样表</SPAN></TD> <TD><SPAN>控制网页版面</SPAN></TD> <TD><SPAN> </SPAN></TD></TR> <TR> <TD><SPAN><FONT color=#ee0000><span></FONT></SPAN></TD> <TD><SPAN>●</SPAN></TD> <TD><SPAN>自订标记</SPAN></TD> <TD><SPAN>独立使用或与样式表一起用</SPAN></TD> <TD><SPAN> </SPAN></TD></TR></TBODY></TABLE> <P><SPAN>注： </SPAN></P> <P><SPAN><FONT color=#d500d5>　　</FONT>·<FONT color=#cf0000>●</FONT> 表示该标记属于围堵标记，即需要结束标记 <FONT color=#ff0000></标记></FONT>。 <BR></SPAN><SPAN><FONT color=#d500d5>　　</FONT>·<FONT color=#cf0000>○</FONT> 表示该标记属空标记，即不需要结束标记。 <BR></SPAN><SPAN><FONT color=#d500d5>　　</FONT>·<FONT color=#cf0000>IE</FONT> 表示该标记只适应于 Internet Explorer。 <BR></SPAN><SPAN><FONT color=#d500d5>　　</FONT>·<FONT color=#cf0000>NC</FONT> 表示该标记只适用于 Netscape Communicator。 <BR></SPAN><SPAN><FONT color=#d500d5>　　</FONT>·<FONT color=#cf0000>反对</FONT> 表示该标记不为 W3C 所赞同，通常这标记是微软或网景自订，且已被大家支持，只是 HTML 标准中有其它功能相同或更好的选择。 <BR></SPAN><SPAN><FONT color=#d500d5>　　</FONT>·<FONT color=#cf0000>弃用</FONT> 表示该标记已被 W3C 所抛弃，是过时的标记，但 HTML 有向下兼容性，所以浏览器仍然支持。 <BR></SPAN><SPAN><FONT color=#d500d5>　　</FONT>·<FONT color=#cf0000>新</FONT> 表示该标记是 HTML 4.0 中新增的。</SPAN><BR><SPAN></SPAN></P></TD></TR></TBODY></TABLE></div> </span> </div> <div class="artmoretabs flexRow"> <p>相关标签:</p> <div class="mtbs flexRow"> <span class="mtbsa flexRow check" title="html">html</span> </div> </div> <div class="lastanext flexRow"> <a class="lastart flexRow" href="/wz/3591.html" ><span>上一篇：</span><span>Email地址在网页中的保护</span></a> <a class="nextart flexRow" href="/wz/3593.html" ><span>下一篇：</span><span>HTML 标记一览<2></span></a> </div> </div> <div class="dtl-xgtj"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>相关推荐</p></div> </div> <div class="tjlist flexRow"> <div class="tj-item "> <div class="tjitemd"> <div class="tjimd-top flexRow"> <a class="imdta flexRow" href="/wz/366146.html" > <img src="https://images.jiaoben.net/uploads/20260417/logo_69e223d2c22a91.jpeg" > </a> <div class="imdt-right flexColumn"> <a class="imdtra flexRow overflowclass" href="/wz/366146.html" >你的 Vue 3 defineEmits()，VuReact 会编译成什么样的 React？</a> <a class="imdtrap flexRow overflowclass" href="/wz/366146.html" > VuReact 是一个能将 Vue 3 代码编译为标准、可维护 React 代码的工具。今天就带大家直击核心：Vue 中常见的 defineEmits 宏经过 VuReact 编译会变成什么React </a> </div> </div> <div class="tjimd-down flexRow"> <div class="imdd-tab flexRow"> <p class="imddt-time flexRow"><b></b><span>2026-04-17</span></p> </div> <a href="/wz/366146.html" class="imdd-more flexRow flexcenter" >立即查看</a> </div> </div> </div> <div class="tj-item "> <div class="tjitemd"> <div class="tjimd-top flexRow"> <a class="imdta flexRow" href="/wz/366126.html" > <img src="https://images.jiaoben.net/uploads/20260417/logo_69e222a81aa1d1.jpeg" > </a> <div class="imdt-right flexColumn"> <a class="imdtra flexRow overflowclass" href="/wz/366126.html" >Vue3 + TS 企业级工程化项目全套实战（Vue3 + Vite + Pinia + VueRouter + Element Plus）</a> <a class="imdtrap flexRow overflowclass" href="/wz/366126.html" > 一、项目背景与技术栈选型这是一个面向中大型后台管理系统的 Vue3 工程化全套方案。你可以直接用于项目脚手架、面试准备或技术博客。核心技术栈 Vue3（Composition API） Vite </a> </div> </div> <div class="tjimd-down flexRow"> <div class="imdd-tab flexRow"> <p class="imddt-time flexRow"><b></b><span>2026-04-17</span></p> </div> <a href="/wz/366126.html" class="imdd-more flexRow flexcenter" >立即查看</a> </div> </div> </div> <div class="tj-item "> <div class="tjitemd"> <div class="tjimd-top flexRow"> <a class="imdta flexRow" href="/wz/365889.html" > <img src="https://images.jiaoben.net/uploads/20260417/logo_69e2154a6080c1.jpeg" > </a> <div class="imdt-right flexColumn"> <a class="imdtra flexRow overflowclass" href="/wz/365889.html" >Vue 3 defineOptions 宏，用 VuReact 编译成 React 长什么样？</a> <a class="imdtrap flexRow overflowclass" href="/wz/365889.html" > 今天我们继续拆解核心 API：Vue 3 <script setup> 里的 defineOptions 宏，经过 VuReact 编译后在 React 中如何呈现？ </a> </div> </div> <div class="tjimd-down flexRow"> <div class="imdd-tab flexRow"> <p class="imddt-time flexRow"><b></b><span>2026-04-17</span></p> </div> <a href="/wz/365889.html" class="imdd-more flexRow flexcenter" >立即查看</a> </div> </div> </div> <div class="tj-item "> <div class="tjitemd"> <div class="tjimd-top flexRow"> <a class="imdta flexRow" href="/wz/365738.html" > <img src="https://images.jiaoben.net/uploads/20260417/logo_69e207bad35511.jpeg" > </a> <div class="imdt-right flexColumn"> <a class="imdtra flexRow overflowclass" href="/wz/365738.html" >Vue3 KeepAlive 深度揭秘：组件缓存的魔法是如何实现的？</a> <a class="imdtrap flexRow overflowclass" href="/wz/365738.html" > Vue3 KeepAlive 深度揭秘：组件缓存的魔法是如何实现的？ ? 文章导航 1. 为什么需要 KeepAlive？ 2. KeepAlive 基础使用 3. 核心属性详解 4. 专属生命周期钩 </a> </div> </div> <div class="tjimd-down flexRow"> <div class="imdd-tab flexRow"> <p class="imddt-time flexRow"><b></b><span>2026-04-17</span></p> </div> <a href="/wz/365738.html" class="imdd-more flexRow flexcenter" >立即查看</a> </div> </div> </div> </div> </div> </div> <div class="cd-right dtlcd-right"> <div class="dtl-ht"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>专题</p></div> </div> <div class="dtlht-list "> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-69351.html" >#数据可视化</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-69351.html" >数据可视化（Data Visu</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="69351" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-69342.html" >#自然语言处理</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-69342.html" >自然语言处理（Natural</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="69342" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-68363.html" >#Excel公式</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-68363.html" >Excel公式就是：用函数 +</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="68363" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-68355.html" >#Excel技巧</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-68355.html" >Excel是日常生活中必不可</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="68355" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-68081.html" >#蛋仔派对</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-68081.html" >蛋仔派对最新官方活动、关卡速</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="68081" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-68000.html" >#人工智能</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-68000.html" >人工智能（AI），简单说，就</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="68000" >+ 收藏</p> </div> </div> </div> <div class=" dtl-zt"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>最新数据</p></div> </div> <div class="wkch-downs"> <div class="weekch-top flexRow"> <a class="wktpa flexRow" href="/wz/3598.html" > <img src="/jiaoben/image/noimg.png" > </a> <div class="wktpa-right flexColumn"> <a class="wktpara flexRow overflowclass" href="/wz/3598.html" >SEO中级教程：如何提升PR</a> <a class="wktparp flexRow overflowclass" href="/wz/3598.html" > </a> </div> </div> <div class="weekch-list"> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/3597.html" class="weekcha flexRow flexcenter overflowclass" >百度阿拉丁上线搜索开放平台引领搜索引擎未来？</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/3596.html" class="weekcha flexRow flexcenter overflowclass" >快速收录技巧实例—长沙SEO开博4小时收录</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/3595.html" class="weekcha flexRow flexcenter overflowclass" >如何让网站尽快被百度和GOOGLE谷歌收录</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/3594.html" class="weekcha flexRow flexcenter overflowclass" >通过SEO看网络营销价值</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/3590.html" class="weekcha flexRow flexcenter overflowclass" >Cool Web Scrollbars - 定制网页的滚动条</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/3589.html" class="weekcha flexRow flexcenter overflowclass" >alt属性和title属性</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/3588.html" class="weekcha flexRow flexcenter overflowclass" >“画中画”效果--谈IFRAME标签的使用</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/3587.html" class="weekcha flexRow flexcenter overflowclass" >与HTML相比XHTML有什么特点？ </a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/3586.html" class="weekcha flexRow flexcenter overflowclass" >网页设计中HTML常会出现的五个错误</a> </div> </div> </div> </div> <div class=" dtl-wz"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>相关文章</p></div> </div> <div class="blog-list"> <a href="/wz/365642.html" class="bloga flexRow over"><p class="overflowclass">Pandas数据清洗完整指南：8大核心技巧详解</p><div class="blogtime"><span>04/</span>17</div></a> <a href="/wz/365582.html" class="bloga flexRow over"><p class="overflowclass">NumPy+Pandas数据分析基础完全指南</p><div class="blogtime"><span>04/</span>17</div></a> <a href="/wz/365530.html" class="bloga flexRow over"><p class="overflowclass">AI Agent 接入 Zvec (一)：MCP 篇</p><div class="blogtime"><span>04/</span>17</div></a> <a href="/wz/365520.html" class="bloga flexRow over"><p class="overflowclass">python 更新Obsidian</p><div class="blogtime"><span>04/</span>17</div></a> <a href="/wz/365497.html" class="bloga flexRow over"><p class="overflowclass">用Manim实现动态交点计算--从一个动点问题说起</p><div class="blogtime"><span>04/</span>17</div></a> <a href="/wz/365450.html" class="bloga flexRow over"><p class="overflowclass">用 AI 解决数据库性能问题的方法论</p><div class="blogtime"><span>04/</span>17</div></a> <a href="/wz/365429.html" class="bloga flexRow over"><p class="overflowclass">前端害怕被蒸馏快速入门Python 【demo_03】</p><div class="blogtime"><span>04/</span>17</div></a> <a href="/wz/364587.html" class="bloga flexRow over"><p class="overflowclass">Python 操作 Word 文档节与页面设置</p><div class="blogtime"><span>04/</span>16</div></a> <a href="/wz/364610.html" class="bloga flexRow over"><p class="overflowclass">Python后端开发准则</p><div class="blogtime"><span>04/</span>16</div></a> <a href="/wz/364612.html" class="bloga flexRow over"><p class="overflowclass">Python 面向对象编程</p><div class="blogtime"><span>04/</span>16</div></a> </div> </div> <div class="cdr-ai"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>AI精选 </p></div> <a class="jbtitle-more flexRow" href="/category/list_344_1.html" title=""><span>更多</span><b></b></a> </div> <div class="ai-list"> <div class="ail-top flexRow"> <a href="/wz/366175.html" title="" class="ailta "> <img src="https://images.jiaoben.net/uploads/20260417/logo_69e224cf789341.jpg" > <p ><span>赛博朋克 K-Pop 动画</span></p></a> <a href="/wz/366174.html" title="" class="ailta "> <img src="https://images.jiaoben.net/uploads/20260417/logo_69e224c9eb4481.jpg" > <p ><span>冰川星球大逃亡</span></p></a> </div> <div class="ail-down"> <a class="ali-con flexRow" href="/wz/366173.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">皮克斯/迪士尼风格 X (Twitter) 个人资料卡片提示</p> </a> <a class="ali-con flexRow" href="/wz/366167.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">蝴蝶群化作空灵舞者循环动画</p> </a> <a class="ali-con flexRow" href="/wz/366165.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">抱着泰迪熊的男士写实肖像</p> </a> <a class="ali-con flexRow" href="/wz/366163.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">滑雪旅行自拍视角提示</p> </a> <a class="ali-con flexRow" href="/wz/366152.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">天鹅绒运动服中的超逼真肖像</p> </a> <a class="ali-con flexRow" href="/wz/366136.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">外卖配送狂奔电影感提示词</p> </a> <a class="ali-con flexRow" href="/wz/365746.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">MCP协议设计与实现-第13章 Streamable HTTP：远程流式传输</p> </a> <a class="ali-con flexRow" href="/wz/365745.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">从零开发一个 MCP 服务器 + OpenCode Skill：让 AI 学会审查你的代码</p> </a> </div> </div> </div> <div class="cdr-blog"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>脚本推荐</p></div> </div> <div class="blog-list"> <a href="/wz/zt-49225.html" title="" class="bloga flexRow over"><p class="overflowclass">SeeDance 2.0 Video Creator专区</p></a> <a href="/wz/zt-49224.html" title="" class="bloga flexRow over"><p class="overflowclass">OpenClaw AI专区</p></a> <a href="/wz/zt-49223.html" title="" class="bloga flexRow over"><p class="overflowclass">cowork专区</p></a> <a href="/wz/zt-49222.html" title="" class="bloga flexRow over"><p class="overflowclass">claude code skills专区</p></a> </div> </div> </div> </div> </div> </div> </main> <script> $(function() { // “+ 收藏”按钮点击事件 $(document).on('click', '.htmitem-right, .ztop-right', function(e) { // 仅针对包含 “+ 收藏” 文字的按钮 if ($(this).text().indexOf('+ 收藏') === -1) return; e.preventDefault(); const id = $(this).data('id'); if (!id) { layer.msg('该项暂无有效ID，无法收藏'); return; } // 构造收藏 URL: 当前域名 + /wz/zt- + id + / const bookmarkUrl = window.location.origin + '/wz/zt-' + id + '.html'; // 获取收藏标题 (优先从同级元素获取话题名称，否则使用页面标题) let bookmarkTitle = $(this).closest('.htl-item, .zttopd').find('a:first, span.overflowclass').text().trim() \|\| document.title; if (bookmarkTitle.startsWith('#')) bookmarkTitle = bookmarkTitle.substring(1); // 浏览器收藏逻辑 (带 Fallback) try { if (window.sidebar && window.sidebar.addPanel) { // Firefox < 23 window.sidebar.addPanel(bookmarkTitle, bookmarkUrl, ""); } else if (window.external && ('AddFavorite' in window.external)) { // IE window.external.AddFavorite(bookmarkUrl, bookmarkTitle); } else { // Chrome, Safari, Firefox 23+, etc. const isMac = /Mac/i.test(navigator.userAgent); const keyStr = isMac ? 'Command + D' : 'Ctrl + D'; layer.confirm('由于浏览器安全限制，请使用 <b>' + keyStr + '</b> 手动添加收藏。<br><br>收藏地址：<br><small>' + bookmarkUrl + '</small>', { title: '收藏提示', btn: ['复制链接', '知道了'], yes: function(index) { copyToClipboard(bookmarkUrl).then(() => { layer.msg('链接已复制，请手动添加到收藏夹'); }).catch(() => { layer.msg('复制失败，请手动选择复制'); }); layer.close(index); } }); } } catch (err) { layer.msg('收藏失败，请手动添加'); } }); // 兼容非 HTTPS 的复制函数 function copyToClipboard(text) { if (navigator.clipboard && window.isSecureContext) { return navigator.clipboard.writeText(text); } else { let textArea = document.createElement("textarea"); textArea.value = text; textArea.style.position = "fixed"; textArea.style.left = "-999999px"; textArea.style.top = "-999999px"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); return new Promise((res, rej) => { document.execCommand('copy') ? res() : rej(); textArea.remove(); }); } } }); </script> <footer> <div class="foot "> <div class="foot-top flexRow"> <div class="foot-left"> <div class="ftl-top flexRow"><span class="flexRow flexcenter">脚本</span>在线</div> <p class="ftl-down"> 智能赋能梦想，脚本构筑现实。我们致力于链接AI智能指令与传统自动化，为您提供一站式、高效率的脚本资产与生成服务。 </p> </div> <div class="foot-right flexRow"> <div class="ftr-list flexColumn"> <p>核心板块</p> <span>AI脚本库</span> <span>自动化仓库</span> <span>脚本实验室</span> </div> <div class="ftr-list flexColumn"> <p>关于我们</p> <a href="/category/list_229_1.html" >最新游戏</a> <span>商务合作</span> <span>隐私政策</span> </div> <div class="ftr-list flexColumn"> <p>社区支持</p> <span >API文档</span> <a href="/category/list_334_1.html" >攻略资讯</a> <span>违规举报</span> </div> </div> </div> <div class="foot-down flexColumn"> <p>© 2026 jiaoben.net \| 脚本在线 \| 联系：jiaobennet2026@163.com</p> <p>备案：<a style="color: #7F7F7F;" href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备18025217号-11</a> </p> </div> </div> </footer> <div style="display:none;"> <script> var _hmt = _hmt \|\| []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5d3cfe1f36b1988029fe82a0d475b20d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </body> </html>