| </td>
<td>设定显示在浏览器左上方的标题内容</td>
<td></td>
</tr>
<tr>
<td><isindex></td>
<td>表明该文档是一个可用于检索的网关脚本</td>
<td>不支持</td>
</tr>
<tr>
<td><meta></td>
<td>文档本身的元信息,例如查询关键词,有效期等</td>
<td></td>
</tr>
<tr>
<td><style></td>
<td>设定CSS层叠样式表内容</td>
<td></td>
</tr>
<tr>
<td><link></td>
<td>设定外部资源的链接</td>
<td></td>
</tr>
<tr>
<td><script></td>
<td>页面脚本内容</td>
<td></td>
</tr>
</tbody>
</table>
<p> </p>
<p><strong>元信息标记<meta>属性</strong></p>
<table cellspacing="1" cellpadding="1" width="559" border="2">
<tbody>
<tr>
<td width="70">标记</td>
<td>描述</td>
<td>值</td>
<td>HTML5标准</td>
</tr>
<tr>
<td>http-equiv</td>
<td>
<p>生成一个HTTP标准域,把Content属性关联到HTTP头部</p>
</td>
<td>
<p>content-type / expires / refresh / set-cookie</p>
</td>
<td></td>
</tr>
<tr>
<td>name</td>
<td>
<p>把content属性关联到一个名称</p>
</td>
<td>
<p>author / description / keywords / generator /revised /others</p>
</td>
<td></td>
</tr>
<tr>
<td>content</td>
<td>定义与http-equiv 或 name属性相关的元信息 关键字/值内容</td>
<td></td>
<td></td>
</tr>
<tr>
<td>charset</td>
<td>文档的字符编码</td>
<td></td>
<td>新增属性</td>
</tr>
</tbody>
</table>
<p> </p>
<p>注:HTML5中不支持scheme属性,新增charset属性,具体查看:<a href="http://www.w3school.com.cn/html5/html5_meta.asp" target="_blank">HTML5 <meta>标签</a></p>
<p> </p>
<p><strong>HTML 主体标记<body>属性</strong></p>
<table border="2">
<tbody>
<tr>
<td>属性</td>
<td>描述</td>
<td>HTML5标准</td>
</tr>
<tr>
<td>text</td>
<td>设定页面文字颜色</td>
<td>删除</td>
</tr>
<tr>
<td>bgcolor</td>
<td>设定页面背景颜色</td>
<td>删除</td>
</tr>
<tr>
<td>background</td>
<td>设定页面背景图像</td>
<td>删除</td>
</tr>
<tr>
<td>bgproperties</td>
<td>设定页面的背景图像为固定,不随页面的滚动而滚动</td>
<td>删除</td>
</tr>
<tr>
<td>link</td>
<td>设定页面默认的链接颜色</td>
<td>删除</td>
</tr>
<tr>
<td>alink </td>
<td>设定鼠标正在单击时候的链接颜色 </td>
<td>删除</td>
</tr>
<tr>
<td>vlink </td>
<td>设定访问过后的链接颜色 </td>
<td>删除</td>
</tr>
<tr>
<td>topmargin </td>
<td>设定页面的上边距 </td>
<td>删除</td>
</tr>
<tr>
<td>leftmargin </td>
<td>设定页面的左边距</td>
<td>删除</td>
</tr>
</tbody>
</table>
<p><strong></strong> </p>
<p>注: 在 HTML 5 中，删除了所有 <body> 的特殊属性。具体查看:<a href="http://www.w3school.com.cn/html5/html5_body.asp" target="_blank">HTML5 <body>标签</a></p>
<p> </p>
<p><strong> </strong> </p>
<p><strong>特殊符号</strong></p>
<table border="1">
<tbody>
<tr>
<td>特殊符号</td>
<td>符号码</td>
</tr>
<tr>
<td>" </td>
<td>"</td>
</tr>
<tr>
<td>&</td>
<td>&</td>
</tr>
<tr>
<td><</TD>
<TD><</TD></TR>
<TR>
<TD>></td>
<td>></td>
</tr>
<tr>
<td>©</td>
<td>©</td>
</tr>
<tr>
<td>®</td>
<td>®</td>
</tr>
<tr>
<td>±</td>
<td>±</td>
</tr>
<tr>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td>§</td>
<td>§</td>
</tr>
<tr>
<td>¢</td>
<td>¢</td>
</tr>
<tr>
<td>¥</td>
<td>¥</td>
</tr>
<tr>
<td>·</td>
<td>·</td>
</tr>
<tr>
<td></td>
<td>€</td>
</tr>
<tr>
<td>£</td>
<td>£</td>
</tr>
<tr>
<td>™</td>
<td>™</td>
</tr>
</tbody>
</table>
<p> </p>
<p> </p>
<p><strong>标题字标记</strong></p>
<table border="1">
<tbody>
<tr>
<td>标记</td>
<td>描述</td>
</tr>
<tr>
<td><h1>.....</h1></td>
<td>一级标题</td>
</tr>
<tr>
<td><h2>.....</h2></td>
<td>二级标题</td>
</tr>
<tr>
<td><h3>.....</h3></td>
<td>三级标题</td>
</tr>
<tr>
<td><h4>.....</h4></td>
<td>四级标题</td>
</tr>
<tr>
<td><h5>.....</h5></td>
<td>五级标题</td>
</tr>
<tr>
<td><h6>.....</h6></td>
<td>六级标题</td>
</tr>
</tbody>
</table>
<p> </p>
<p>注: <a href="http://www.w3school.com.cn/html5/html5_hn.asp" target="_blank">具体查看 HTML5 <h1> 至 <h6> 标签</a></p>
<p>在 HTML 4.01 中，h1 - h6 元素的 "align" 属性不被赞成使用。</p>
<p>在 HTML 5 中，h1 - h6 元素的 "align" 属性不被支持。</p>
<p> </p>
<p><strong>文字的修饰标记</strong></p>
<table border="1">
<tbody>
<tr>
<td>标记</td>
<td>描述</td>
<td>HTML5标准</td>
</tr>
<tr>
<td><b></td>
<td>粗体</td>
<td></td>
</tr>
<tr>
<td><strong></td>
<td>粗体</td>
<td></td>
</tr>
<tr>
<td><i></td>
<td>斜体</td>
<td></td>
</tr>
<tr>
<td><em></td>
<td>斜体</td>
<td></td>
</tr>
<tr>
<td><cite></td>
<td>斜体</td>
<td></td>
</tr>
<tr>
<td><sup></td>
<td>上标</td>
<td></td>
</tr>
<tr>
<td><sub></td>
<td>下标</td>
<td></td>
</tr>
<tr>
<td><big></td>
<td>大字号</td>
<td>不支持</td>
</tr>
<tr>
<td><small></td>
<td>小字号</td>
<td>不支持</td>
</tr>
<tr>
<td><u></td>
<td>下划线</td>
<td>不支持</td>
</tr>
<tr>
<td><s></td>
<td>删除线</td>
<td>不支持</td>
</tr>
<tr>
<td><strike></td>
<td>删除线</td>
<td>不支持</td>
</tr>
<tr>
<td><address></td>
<td>地址</td>
<td></td>
</tr>
<tr>
<td><tt></td>
<td>打字机文字</td>
<td>不支持</td>
</tr>
<tr>
<td><blink></td>
<td>闪烁文字(只适用Netscape浏览器)</td>
<td>不支持</td>
</tr>
<tr>
<td><code></td>
<td>等宽</td>
<td></td>
</tr>
<tr>
<td><samp></td>
<td>等宽</td>
<td></td>
</tr>
<tr>
<td><kbd></td>
<td>键盘输入文字</td>
<td></td>
</tr>
<tr>
<td><var></td>
<td>声明变量</td>
<td></td>
</tr>
</tbody>
</table>
<p> </p>
<p> </p>
<p><strong>字体标记<font>属性</strong></p>
<table border="1">
<tbody>
<tr>
<td>属性</td>
<td>描述</td>
<td>HTML5标准</td>
</tr>
<tr>
<td>face</td>
<td>字体</td>
<td>不支持</td>
</tr>
<tr>
<td>size</td>
<td>字号</td>
<td>不支持</td>
</tr>
<tr>
<td>color</td>
<td>颜色</td>
<td>不支持</td>
</tr>
</tbody>
</table>
<p> </p>
<p>注:请查看 <a href="http://www.w3school.com.cn/html5/html5_font.asp" target="_blank">HTML 5 <font> 标签</a></p>
<p>在 HTML 4.01 中，不赞成使用该元素。</p>
<p>在 HTML 5 中，不支持该元素，但是允许由所见即所得的编辑器来插入该元素 。</p>
<p>在 HTML 5 中，仅支持 style 属性。</p>
<p> </p>
<p><strong>列表标记</strong></p>
<table border="1">
<tbody>
<tr>
<td>标记</td>
<td>描述</td>
<td>HTML5标准</td>
</tr>
<tr>
<td><ul></td>
<td>无序列表</td>
<td></td>
</tr>
<tr>
<td><ol></td>
<td>有序列表</td>
<td></td>
</tr>
<tr>
<td><dir></td>
<td>目录列表</td>
<td>不支持</td>
</tr>
<tr>
<td><dl></td>
<td>定义列表</td>
<td></td>
</tr>
<tr>
<td><menu></td>
<td>菜单列表</td>
<td>重新定义;使用用于排列表单控件</td>
</tr>
<tr>
<td>
<p><dt>、<dd></p>
</td>
<td>定义列表的标记</td>
<td></td>
</tr>
<tr>
<td><li></td>
<td>列表项目的标记</td>
<td></td>
</tr>
</tbody>
</table>
<p> </p>
<p><strong>超链接标记</strong></p>
<table border="1">
<tbody>
<tr>
<td>属性</td>
<td>描述</td>
<td>HTML5标准</td>
</tr>
<tr>
<td>href</td>
<td>指定链接地址</td>
<td></td>
</tr>
<tr>
<td>name</td>
<td>给链接命名</td>
<td>命名一个锚,不支持,使用id代替</td>
</tr>
<tr>
<td>title</td>
<td>给链接提示文字</td>
<td></td>
</tr>
<tr>
<td>target</td>
<td>指定链接的目标窗口</td>
<td></td>
</tr>
</tbody>
</table>
<p>链接目标窗口属性target</p>
<table border="1">
<tbody>
<tr>
<td>属性值</td>
<td>描述</td>
</tr>
<tr>
<td>_parent</td>
<td>在上一级窗口中打开.一般使用框架页会经常使用</td>
</tr>
<tr>
<td>_blank</td>
<td>在新窗口中打开</td>
</tr>
<tr>
<td>_self</td>
<td>在同一个帧或窗口中打开,默认</td>
</tr>
<tr>
<td>_top</td>
<td>在浏览器的整个窗口中打开,忽略任何框架</td>
</tr>
</tbody>
</table>
<p> </p>
<p> </p>
<p><strong>图片标记<img>属性</strong></p>
<table border="1">
<tbody>
<tr>
<td>属性</td>
<td>描述</td>
<td>HTML5标准</td>
</tr>
<tr>
<td>src</td>
<td>图像的源文件</td>
<td></td>
</tr>
<tr>
<td>alt</td>
<td>提示文字</td>
<td></td>
</tr>
<tr>
<td>width、height</td>
<td>宽度、高度</td>
<td></td>
</tr>
<tr>
<td>border</td>
<td>边框</td>
<td>不支持</td>
</tr>
<tr>
<td>vspace</td>
<td>垂直间距</td>
<td>不支持</td>
</tr>
<tr>
<td>hspace</td>
<td>水平间距</td>
<td>不支持</td>
</tr>
<tr>
<td>align</td>
<td>排列</td>
<td>不支持</td>
</tr>
</tbody>
</table>
<p>Image arrangement align attribute value</p>
<table border="1">
<tbody>
<tr>
<td>属性值</td>
<td>描述</td>
<td>HTML5标准</td>
</tr>
<tr>
<td>top</td>
<td>文字的中间线在图片上方</td>
<td> </td>
</tr>
<tr>
<td>middle</td>
<td>文字的中间线在图片中间</td>
<td> </td>
</tr>
<tr>
<td>bottom</td>
<td>文字的中间线在图片底部</td>
<td> </td>
</tr>
<tr>
<td>left</td>
<td>图片在文字的左侧</td>
<td> </td>
</tr>
<tr>
<td>right</td>
<td>图片在文字的右侧</td>
<td></td>
</tr>
<tr>
<td>absbottom</td>
<td>文字的底线在图片底部</td>
<td></td>
</tr>
<tr>
<td>absmiddle</td>
<td>文字的底线在图片中间</td>
<td></td>
</tr>
<tr>
<td>baseline</td>
<td>英文文字基准线对齐</td>
<td></td>
</tr>
<tr>
<td>texttop</td>
<td>英文文字上边线对齐</td>
<td></td>
</tr>
</tbody>
</table>
<p> </p>
<p>Note: Please check the <a href="http://www.w3school.com.cn/html5/html5_img.asp" target="_blank">HTML 5 <img> tag </a></p>
<p> </p>
<p><strong>Table mark</strong></p>
<table border="1">
<tbody>
<tr>
<td>标记</td>
<td>描述</td>
</tr>
<tr>
<td><table>...</table></td>
<td>表格标记</td>
</tr>
<tr>
<td><tr>...</tr></td>
<td>行标记</td>
</tr>
<tr>
<td><td>...</td> </td>
<td>单元格标记</td>
</tr>
</tbody>
</table>
<p>Note: In HTML 5, </p>
<p>Does not support any attributes of the <table> tag. </p>
<p>Does not support any attributes of the <tr> tag. </p>
<p>Only supports the <td><th> tag "colspan" and "rowspan" attributes. </p>
<p> </p>
<p><strong>Form tag <form> attribute </strong></p>
<p>Note:</p>
<p>There is a new attribute in HTML 5: replace. It defines what happens after the form is submitted. </p>
<p><br><strong>Form tag <form> element </strong></p>
<table border="1">
<tbody>
<tr>
<td>标记</td>
<td>描述</td>
<td>HTML5标准</td>
</tr>
<tr>
<td><input></td>
<td>表单输入标记</td>
<td>type 属性有很多新的值。</td>
</tr>
<tr>
<td><select></td>
<td>菜单和列表标记</td>
<td>新的属性</td>
</tr>
<tr>
<td><option></td>
<td>菜单和列表项目标记</td>
<td>可用于新元素 <datalist>中</td>
</tr>
<tr>
<td><textarea></td>
<td>文字域标记</td>
<td>新属性</td>
</tr>
</tbody>
</table>
<p> </p>
<p> </p>
<p><strong>Input tag<input>The value of tag attribute Type</strong></p>
<table border="1">
<tbody>
<tr>
<td><input Type="属性值"/></td>
<td>描述</td>
<td>HTML5标准</td>
</tr>
<tr>
<td>text</td>
<td>文字域</td>
<td></td>
</tr>
<tr>
<td>password</td>
<td>密码域</td>
<td></td>
</tr>
<tr>
<td>file</td>
<td>文件域</td>
<td></td>
</tr>
<tr>
<td>checkbox</td>
<td>复选框</td>
<td></td>
</tr>
<tr>
<td>radio</td>
<td>单选框</td>
<td></td>
</tr>
<tr>
<td>button</td>
<td>普通按钮</td>
<td></td>
</tr>
<tr>
<td>submit</td>
<td>提交按钮</td>
<td></td>
</tr>
<tr>
<td>reset</td>
<td>重置按钮</td>
<td></td>
</tr>
<tr>
<td>hidden</td>
<td>隐藏域</td>
<td></td>
</tr>
<tr>
<td>image</td>
<td>图像域(图像提交按钮)</td>
<td></td>
</tr>
</tbody>
</table>
<p> </p>
<p><strong>Frame tag</strong></p>
<table border="1">
<tbody>
<tr>
<td>框架标记</td>
<td>描述 </td>
<td>HTML5标准</td>
</tr>
<tr>
<td><frameset></td>
<td>框架集</td>
<td>不支持</td>
</tr>
<tr>
<td><frame></td>
<td>框架</td>
<td>不支持</td>
</tr>
<tr>
<td><iframe></td>
<td>内联框架</td>
<td>仅仅支持 src 属性</td>
</tr>
<tr>
<td><noframe></td>
<td>无框架</td>
<td>不支持</td>
</tr>
</tbody>
</table>
<p> Note: Please see the <a href="http://www.w3school.com.cn/html5/html5_frameset.asp" target="_blank">HTML 5 <frameset> tag </a></p>
<p>The <frameset> tag is not supported in HTML 5 due to its negative impact on web page usability. </p>
</div>
</div>
<div class="wzconShengming_sp">
<div class="bzsmdiv_sp">Statement of this Website</div>
<div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div>
</div>
</div>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="2507867629"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="AI_ToolDetails_main4sR">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="3653428331"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- <div class="phpgenera_Details_mainR4">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Hot Article</h2>
</div>
<div class="phpgenera_Details_mainR4_bottom">
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/faq/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>2 weeks ago</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/faq/1796775427.html" title="How Long Does It Take To Beat Split Fiction?" class="phpgenera_Details_mainR4_bottom_title">How Long Does It Take To Beat Split Fiction?</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>1 months ago</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.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>2 weeks ago</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle Solution" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle Solution</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>1 weeks ago</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.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>2 weeks ago</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/article.html">Show More</a>
</div>
</div>
</div> -->
<div class="phpgenera_Details_mainR3">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>Hot AI Tools</h2>
</div>
<div class="phpgenera_Details_mainR3_bottom">
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
<h3>Undresser.AI Undress</h3>
</a>
<p>AI-powered app for creating realistic nude photos</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
<h3>AI Clothes Remover</h3>
</a>
<p>Online AI tool for removing clothes from photos.</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
<h3>Undress AI Tool</h3>
</a>
<p>Undress images for free</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
<h3>Clothoff.io</h3>
</a>
<p>AI clothes remover</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title">
<h3>AI Hentai Generator</h3>
</a>
<p>Generate AI Hentai for free.</p>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/ai">Show More</a>
</div>
</div>
</div>
<script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>
<div class="phpgenera_Details_mainR4">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Hot Article</h2>
</div>
<div class="phpgenera_Details_mainR4_bottom">
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/faq/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>2 weeks ago</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/faq/1796775427.html" title="How Long Does It Take To Beat Split Fiction?" class="phpgenera_Details_mainR4_bottom_title">How Long Does It Take To Beat Split Fiction?</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>1 months ago</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.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>2 weeks ago</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle Solution" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle Solution</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>1 weeks ago</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.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>2 weeks ago</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/article.html">Show More</a>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>Hot Tools</h2>
</div>
<div class="phpgenera_Details_mainR3_bottom">
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
<h3>Notepad++7.3.1</h3>
</a>
<p>Easy-to-use and free code editor</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/toolset/development-tools/93" title="SublimeText3 Chinese version" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Chinese version" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/toolset/development-tools/93" title="SublimeText3 Chinese version" class="phpmain_tab2_mids_title">
<h3>SublimeText3 Chinese version</h3>
</a>
<p>Chinese version, very easy to use</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Zend Studio 13.0.1" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_title">
<h3>Zend Studio 13.0.1</h3>
</a>
<p>Powerful PHP integrated development environment</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
<h3>Dreamweaver CS6</h3>
</a>
<p>Visual web development tools</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/toolset/development-tools/500" title="SublimeText3 Mac version" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac version" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/toolset/development-tools/500" title="SublimeText3 Mac version" class="phpmain_tab2_mids_title">
<h3>SublimeText3 Mac version</h3>
</a>
<p>God-level code editing software (SublimeText3)</p>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/ai">Show More</a>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Hot Topics</h2>
</div>
<div class="phpgenera_Details_mainR4_bottom">
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/faq/gmailyxdlrkzn" title="Where is the login entrance for gmail email?" class="phpgenera_Details_mainR4_bottom_title">Where is the login entrance for gmail email?</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>7411</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>15</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/faq/cakephp-tutor" title="CakePHP Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP Tutorial</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1358</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>52</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/faq/steamdzhmcssmgs" title="What is the format of the account name of steam" class="phpgenera_Details_mainR4_bottom_title">What is the format of the account name of steam</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>76</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>11</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/faq/winactivationkeyper" title="win11 activation key permanent" class="phpgenera_Details_mainR4_bottom_title">win11 activation key permanent</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>17</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>19</span>
</div>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/faq/zt">Show More</a>
</div>
</div>
</div>
</div>
</div>
<div class="Article_Details_main2">
<div class="phpgenera_Details_mainL4">
<div class="phpmain1_2_top">
<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
src="/static/imghw/index2_title2.png" alt="" /></a>
</div>
<div class="phpgenera_Details_mainL4_info">
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/faq/1796600245.html" title="Table Border in HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416492486715.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Table Border in HTML" />
</a>
<a href="https://www.php.cn/faq/1796600245.html" title="Table Border in HTML" class="phphistorical_Version2_mids_title">Table Border in HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span>
<p class="Articlelist_txts_p">Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/faq/1796600244.html" title="Nested Table in HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416491283996.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Nested Table in HTML" />
</a>
<a href="https://www.php.cn/faq/1796600244.html" title="Nested Table in HTML" class="phphistorical_Version2_mids_title">Nested Table in HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span>
<p class="Articlelist_txts_p">This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/faq/1796600238.html" title="HTML margin-left" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416482056439.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML margin-left" />
</a>
<a href="https://www.php.cn/faq/1796600238.html" title="HTML margin-left" class="phphistorical_Version2_mids_title">HTML margin-left</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:48 PM</span>
<p class="Articlelist_txts_p">Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/faq/1796600271.html" title="HTML Table Layout" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416543391948.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML Table Layout" />
</a>
<a href="https://www.php.cn/faq/1796600271.html" title="HTML Table Layout" class="phphistorical_Version2_mids_title">HTML Table Layout</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:54 PM</span>
<p class="Articlelist_txts_p">Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/faq/1796600210.html" title="HTML Ordered List" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416432927533.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML Ordered List" />
</a>
<a href="https://www.php.cn/faq/1796600210.html" title="HTML Ordered List" class="phphistorical_Version2_mids_title">HTML Ordered List</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:43 PM</span>
<p class="Articlelist_txts_p">Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/faq/1796600227.html" title="Moving Text in HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416455153019.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Moving Text in HTML" />
</a>
<a href="https://www.php.cn/faq/1796600227.html" title="Moving Text in HTML" class="phphistorical_Version2_mids_title">Moving Text in HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:45 PM</span>
<p class="Articlelist_txts_p">Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/faq/1796600269.html" title="HTML Input Placeholder" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416542577781.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML Input Placeholder" />
</a>
<a href="https://www.php.cn/faq/1796600269.html" title="HTML Input Placeholder" class="phphistorical_Version2_mids_title">HTML Input Placeholder</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:54 PM</span>
<p class="Articlelist_txts_p">Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/faq/1796600246.html" title="HTML onclick Button" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416493797970.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML onclick Button" />
</a>
<a href="https://www.php.cn/faq/1796600246.html" title="HTML onclick Button" class="phphistorical_Version2_mids_title">HTML onclick Button</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span>
<p class="Articlelist_txts_p">Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.</p>
</div>
</div>
<a href="https://www.php.cn/web-designer.html" class="phpgenera_Details_mainL4_botton">
<span>See all articles</span>
<img src="/static/imghw/down_right.png" alt="" />
</a>
</div>
</div>
</div>
</main>
<footer>
<div class="footer">
<div class="footertop">
<img src="/static/imghw/logo.png" alt="">
<p>Public welfare online PHP training，Help PHP learners grow quickly！</p>
</div>
<div class="footermid">
<a href="https://www.php.cn/about/us.html">About us</a>
<a href="https://www.php.cn/about/disclaimer.html">Disclaimer</a>
<a href="https://www.php.cn/update/article_0_1.html">Sitemap</a>
</div>
<div class="footerbottom">
<p>
© php.cn All rights reserved
</p>
</div>
</div>
</footer>
<input type="hidden" id="verifycode" value="/captcha.html">
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>
<script src="/static/js/common_new.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js?1744009440"></script>
<script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script>
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
<script type='text/javascript' src='/static/js/viewer.min.js?1'></script>
<script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script>
<script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script>
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function () {
var u = "https://tongji.php.cn/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '9']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.async = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<script>
// top
layui.use(function () {
var util = layui.util;
util.fixbar({
on: {
mouseenter: function (type) {
layer.tips(type, this, {
tips: 4,
fixed: true,
});
},
mouseleave: function (type) {
layer.closeAll("tips");
},
},
});
});
document.addEventListener("DOMContentLoaded", (event) => {
// 定义一个函数来处理滚动链接的点击事件
function setupScrollLink(scrollLinkId, targetElementId) {
const scrollLink = document.getElementById(scrollLinkId);
const targetElement = document.getElementById(targetElementId);
if (scrollLink && targetElement) {
scrollLink.addEventListener("click", (e) => {
e.preventDefault(); // 阻止默认链接行为
targetElement.scrollIntoView({
behavior: "smooth"
}); // 平滑滚动到目标元素
});
} else {
console.warn(
`Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.`
);
}
}
// 使用该函数设置多个滚动链接
setupScrollLink("Article_Details_main1L2s_1", "article_main_title1");
setupScrollLink("Article_Details_main1L2s_2", "article_main_title2");
setupScrollLink("Article_Details_main1L2s_3", "article_main_title3");
setupScrollLink("Article_Details_main1L2s_4", "article_main_title4");
setupScrollLink("Article_Details_main1L2s_5", "article_main_title5");
setupScrollLink("Article_Details_main1L2s_6", "article_main_title6");
// 可以继续添加更多的滚动链接设置
});
window.addEventListener("scroll", function () {
var fixedElement = document.getElementById("Article_Details_main1Lmain");
var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器
var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度
var scrollHeight = document.documentElement.scrollHeight; // 页面总高度
// 计算距离底部的距离
var distanceToBottom = scrollHeight - scrollTop - clientHeight;
// 当距离底部小于或等于300px时，取消固定定位
if (distanceToBottom <= 980) {
fixedElement.classList.remove("Article_Details_main1Lmain");
fixedElement.classList.add("Article_Details_main1Lmain_relative");
} else {
// 否则，保持固定定位
fixedElement.classList.remove("Article_Details_main1Lmain_relative");
fixedElement.classList.add("Article_Details_main1Lmain");
}
});
</script>
</body>
</html> |
Web Front-end
