| <![CDATA[...</plaintext></td>
<td width="262">固定宽度字体(不执行标记符号)</td>
</tr>
<tr>
<td width="251"><listing>...</listing></td>
<td width="262">固定宽度小字体</td>
</tr>
<tr>
<td width="251"><font color=00ff00>...</font></td>
<td width="262">字体颜色</td>
</tr>
<tr>
<td width="251"><font size=1>...</font></td>
<td width="262">最小字体</td>
</tr>
<tr>
<td width="251"><font style =font-size:100 px>...</font></td>
<td width="262">无限增大</td>
</tr>
</tbody>
</table>
</div>
<p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">3.区断标记</strong></p>
<div style="border-bottom:0px;border-left:0px;font-size:16px;border-top:0px;border-right:0px;">
<table border="1">
<tbody>
<tr>
<td width="251"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">标签</strong></p> </td>
<td width="262"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">功能</strong></p> </td>
</tr>
<tr>
<td width="251"><hr></td>
<td width="262">水平线</td>
</tr>
<tr>
<td width="251"><hr size=9></td>
<td width="262">水平线(设定大小)</td>
</tr>
<tr>
<td width="251"><hr width=80%></td>
<td width="262">水平线(设定宽度)</td>
</tr>
<tr>
<td width="251"><hr color=ff0000></td>
<td width="262">水平线(设定颜色)</td>
</tr>
<tr>
<td width="251"><br></td>
<td width="262">(换行)</td>
</tr>
<tr>
<td width="251"><nobr>...</nobr></td>
<td width="262">水域(不换行)</td>
</tr>
<tr>
<td width="251"><p>...</p></td>
<td width="262">水域(段落)</td>
</tr>
<tr>
<td width="251"><center>...</center></td>
<td width="262">置中</td>
</tr>
</tbody>
</table>
</div>
<p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">4.链接</strong></p>
<div style="border-bottom:0px;border-left:0px;font-size:16px;border-top:0px;border-right:0px;">
<table border="1">
<tbody>
<tr>
<td width="251"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">标签</strong></p> </td>
<td width="262"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">功能</strong></p> </td>
</tr>
<tr>
<td width="251"><base href=地址></td>
<td width="262">(预设好连结路径)</td>
</tr>
<tr>
<td width="251"><a href=地址></a></td>
<td width="262">外部连结</td>
</tr>
<tr>
<td width="251"><a href=地址 target=_blank></a></td>
<td width="262">外部连结(另开新窗口)</td>
</tr>
<tr>
<td width="251"><a href=地址 target=_top></a></td>
<td width="262">外部连结(全窗口连结)</td>
</tr>
<tr>
<td width="251"><a href=地址 target=页框名></a></td>
<td width="262">外部连结(在指定页框连结)</td>
</tr>
</tbody>
</table>
</div>
<p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">5.图像/音乐</strong></p>
<div style="border-bottom:0px;border-left:0px;font-size:16px;border-top:0px;border-right:0px;">
<table border="1">
<tbody>
<tr>
<td width="251"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">标签</strong></p> </td>
<td width="262"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">功能</strong></p> </td>
</tr>
<tr>
<td width="251"><img src=图片地址></td>
<td width="262">贴图</td>
</tr>
<tr>
<td width="251"><img src=图片地址 width=180></td>
<td width="262">设定图片宽度</td>
</tr>
<tr>
<td width="251"><img src=图片地址 height=30></td>
<td width="262">设定图片高度</td>
</tr>
<tr>
<td width="251"><img src=图片地址 alt=提示文字></td>
<td width="262">设定图片提示文字</td>
</tr>
<tr>
<td width="251"><img src=图片地址 border=1></td>
<td width="262">设定图片边框</td>
</tr>
<tr>
<td width="251"><bgsound src=MID音乐文件地址></td>
<td width="262">背景音乐设定</td>
</tr>
</tbody>
</table>
</div>
<p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">6.表格</strong></p>
<div style="border-bottom:0px;border-left:0px;font-size:16px;border-top:0px;border-right:0px;">
<table border="1">
<tbody>
<tr>
<td width="251"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">标签</strong></p> </td>
<td width="262"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">功能</strong></p> </td>
</tr>
<tr>
<td width="251"><table aling=left>...</table></td>
<td width="262">表格位置,置左</td>
</tr>
<tr>
<td width="251"><table aling=center>...</table></td>
<td width="262">表格位置,置中</td>
</tr>
<tr>
<td width="251"><table background=图片路径>...</table></td>
<td width="262">背景图片的URL=就是路径网址</td>
</tr>
<tr>
<td width="251"><table border=边框大小>...</table></td>
<td width="262">设定表格边框大小(使用数字)</td>
</tr>
<tr>
<td width="251"><table bgcolor=颜色码>...</table></td>
<td width="262">设定表格的背景颜色</td>
</tr>
<tr>
<td width="251"><table borderclor=颜色码>...</table></td>
<td width="262">设定表格边框的颜色</td>
</tr>
<tr>
<td width="251"><table borderclordark=颜色码>...</table></td>
<td width="262">设定表格暗边框的颜色</td>
</tr>
<tr>
<td width="251"><table borderclorlight=颜色码>...</table></td>
<td width="262">设定表格亮边框的颜色</td>
</tr>
<tr>
<td width="251"><table cellpadding=参数>...</table></td>
<td width="262">指定内容与网格线之间的间距(使用数字)</td>
</tr>
<tr>
<td width="251"><table cellspacing=参数>...</table></td>
<td width="262">指定网格线与网格线之间的距离(使用数字)</td>
</tr>
<tr>
<td width="251"><table cols=参数>...</table></td>
<td width="262">指定表格的栏数</td>
</tr>
<tr>
<td width="251"><table frame=参数>...</table></td>
<td width="262">设定表格外框线的显示方式</td>
</tr>
<tr>
<td width="251"><table width=宽度>...</table></td>
<td width="262">指定表格的宽度大小(使用数字)</td>
</tr>
<tr>
<td width="251"><table height=高度>...</table></td>
<td width="262">指定表格的高度大小(使用数字)</td>
</tr>
<tr>
<td width="251"><td colspan=参数>...</td></td>
<td width="262">指定储存格合并栏的栏数(使用数字)</td>
</tr>
<tr>
<td width="251"><td rowspan=参数>...</td></td>
<td width="262">指定储存格合并列的列数(使用数字)</td>
</tr>
</tbody>
</table>
</div>
<p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">7.分割窗口</strong></p>
<table border="1">
<tbody>
<tr>
<td width="257"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">标签</strong></p> </td>
<td width="256"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">功能</strong></p> </td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><frameset cols="20%,*"></td>
<td width="256">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><frameset rows="20%,*"></td>
<td width="256">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><frameset cols="20%,*"></td>
<td width="256">分割左右两个框架</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><frameset cols="20%,*,20%"></td>
<td width="256">分割左中右三个框架</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><frameset rows="20%,*,20%"></td>
<td width="256">分割上中下三个框架</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><! - - ... - -></td>
<td width="256">批注</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><A HREF TARGET></td>
<td width="256">指定超级链接的分割窗口</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><A HREF=#锚的名称></td>
<td width="256">指定锚名称的超级链接</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><A HREF></td>
<td width="256">指定超级链接</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><A NAME=锚的名称></td>
<td width="256">被连结点的名称</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><ADDRESS>....</ADDRESS></td>
<td width="256">用来显示电子邮箱地址</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><B></td>
<td width="256">粗体字</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BASE TARGET></td>
<td width="256">指定超级链接的分割窗口</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BASEFONT SIZE></td>
<td width="256">更改预设字形大小</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BGSOUND SRC></td>
<td width="256">加入背景音乐</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BIG></td>
<td width="256">显示大字体</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BLINK></td>
<td width="256">闪烁的文字</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BODY TEXT LINK VLINK></td>
<td width="256">设定文字颜色</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BODY></td>
<td width="256">显示本文</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BR></td>
<td width="256">换行</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><CAPTION ALIGN></td>
<td width="256">设定表格标题位置</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><CAPTION>...</CAPTION></td>
<td width="256">为表格加上标题</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><CENTER></td>
<td width="256">向中对齐</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><CITE>...<CITE></td>
<td width="256">用于引经据典的文字</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><CODE>...</CODE></td>
<td width="256">用于列出一段程序代码</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><COMMENT>...</COMMENT></td>
<td width="256">加上批注</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><DD></td>
<td width="256">设定定义列表的项目解说</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><DFN>...</DFN></td>
<td width="256">显示"定义"文字</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><DIR>...</DIR></td>
<td width="256">列表文字卷标</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><DL>...</DL></td>
<td width="256">设定定义列表的卷标</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><DT></td>
<td width="256">设定定义列表的项目</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><EM></td>
<td width="256">强调之用</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FONT FACE></td>
<td width="256">任意指定所用的字形</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FONT SIZE></td>
<td width="256">设定字体大小</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FORM ACTION></td>
<td width="256">设定户动式窗体的处理方式</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FORM METHOD></td>
<td width="256">设定户动式窗体之资料传送方式</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAME MARGINHEIGHT></td>
<td width="256">设定窗口的上下边界</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAME MARGINWIDTH></td>
<td width="256">设定窗口的左右边界</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAME NAME></td>
<td width="256">为分割窗口命名</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAME NORESIZE></td>
<td width="256">锁住分割窗口的大小</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAME SCROLLING></td>
<td width="256">设定分割窗口的滚动条</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAME SRC></td>
<td width="256">将HTML文件加入窗口</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAMESET COLS></td>
<td width="256">将窗口分割成左右的子窗口</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAMESET ROWS></td>
<td width="256">将窗口分割成上下的子窗口</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAMESET>...</FRAMESET></td>
<td width="256">划分分割窗口</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><H1>~<H6></td>
<td width="256">设定文字大小</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><HEAD</td>
<td width="256">> 标示文件信息</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><HR></td>
<td width="256">加上分网格线</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><HTML></td>
<td width="256">文件的开始与结束</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><I></td>
<td width="256">斜体字</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><IMG ALIGN></td>
<td width="256">调整图形影像的位置</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><IMG ALT></td>
<td width="256">为你的图形影像加注</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><IMG DYNSRC LOOP></td>
<td width="256">加入影片</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><IMG HEIGHT WIDTH></td>
<td width="256">插入图片并预设图形大小</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><IMG HSPACE></td>
<td width="256">插入图片并预设图形的左右边界</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><IMG LOWSRC></td>
<td colspan="2" width="268">预载图片功能</td>
</tr>
<tr>
<td width="257"><IMG SRC BORDER></td>
<td colspan="2" width="268">设定图片边界</td>
</tr>
<tr>
<td width="257"><IMG SRC></td>
<td colspan="2" width="268">插入图片</td>
</tr>
<tr>
<td width="257"><IMG VSPACE></td>
<td colspan="2" width="268">插入图片并预设图形的上下边界</td>
</tr>
<tr>
<td width="257"><INPUT TYPE NAME value></td>
<td colspan="2" width="268">在窗体中加入输入字段</td>
</tr>
<tr>
<td width="257"><ISINDEX></td>
<td colspan="2" width="268">定义查询用窗体</td>
</tr>
<tr>
<td width="257"><KBD>...</KBD></td>
<td colspan="2" width="268">表示使用者输入文字</td>
</tr>
<tr>
<td width="257"><LI TYPE>...</LI></td>
<td colspan="2" width="268">列表的项目 ( 可指定符号 )</td>
</tr>
<tr>
<td width="257"><MARQUEE></td>
<td colspan="2" width="268">跑马灯效果</td>
</tr>
<tr>
<td width="257"><MENU>...</MENU></td>
<td colspan="2" width="268">条列文字卷标</td>
</tr>
<tr>
<td width="257"><META NAME="REFRESH" CONTENT URL></td>
<td colspan="2" width="268">自动更新文件内容</td>
</tr>
<tr>
<td width="257"><MULTIPLE></td>
<td colspan="2" width="268">可同时选择多项的列表栏</td>
</tr>
<tr>
<td width="257"><NOFRAME></td>
<td colspan="2" width="268">定义不出现分割窗口的文字</td>
</tr>
<tr>
<td width="257"><OL>...</OL></td>
<td colspan="2" width="268">有序号的列表</td>
</tr>
<tr>
<td width="257"><OPTION></td>
<td colspan="2" width="268">定义窗体中列表栏的项目</td>
</tr>
<tr>
<td width="257"><P ALIGN></td>
<td colspan="2" width="268">设定对齐方向</td>
</tr>
<tr>
<td width="257"><P></td>
<td colspan="2" width="268">分段</td>
</tr>
<tr>
<td width="257"><PERSON>...</PERSON></td>
<td colspan="2" width="268">显示人名</td>
</tr>
<tr>
<td width="257"><PRE></td>
<td colspan="2" width="268">使用原有排列</td>
</tr>
<tr>
<td width="257"><SAMP>...</SAMP></td>
<td colspan="2" width="268">用于引用字</td>
</tr>
<tr>
<td width="257"><SELECT>...</SELECT></td>
<td colspan="2" width="268">在窗体中定义列表栏</td>
</tr>
<tr>
<td width="257"><SMALL></td>
<td colspan="2" width="268">显示小字体</td>
</tr>
<tr>
<td width="257"><STRIKE></td>
<td colspan="2" width="268">文字加横线</td>
</tr>
<tr>
<td width="257"><STRONG></td>
<td colspan="2" width="268">用于加强语气</td>
</tr>
<tr>
<td width="257"><SUB></td>
<td colspan="2" width="268">下标字</td>
</tr>
<tr>
<td width="257"><SUP></td>
<td colspan="2" width="268">上标字</td>
</tr>
<tr>
<td width="257"><TABLE BORDER=n></td>
<td colspan="2" width="268">调整表格的宽线高度</td>
</tr>
<tr>
<td width="257"><TABLE CELLPADDING></td>
<td colspan="2" width="268">调整数据域位之边界</td>
</tr>
<tr>
<td width="257"><TABLE CELLSPACING></td>
<td colspan="2" width="268">调整表格线的宽度</td>
</tr>
<tr>
<td width="257"><TABLE HEIGHT></td>
<td colspan="2" width="268">调整表格的高度</td>
</tr>
<tr>
<td width="257"><TABLE WIDTH></td>
<td colspan="2" width="268">调整表格的宽度</td>
</tr>
<tr>
<td width="257"><TABLE>...</TABLE></td>
<td colspan="2" width="268">产生表格的卷标</td>
</tr>
<tr>
<td width="257"><TD ALIGN></td>
<td colspan="2" width="268">调整表格字段之左右对齐</td>
</tr>
<tr>
<td width="257"><TD BGCOLOR></td>
<td colspan="2" width="268">设定表格字段之背景颜色</td>
</tr>
<tr>
<td width="257"><TD COLSPAN ROWSPAN></td>
<td colspan="2" width="268">表格字段的合并</td>
</tr>
<tr>
<td width="257"><TD NOWRAP></td>
<td colspan="2" width="268">设定表格字段不换行</td>
</tr>
<tr>
<td width="257"><TD VALIGN></td>
<td colspan="2" width="268">调整表格字段之上下对齐</td>
</tr>
<tr>
<td width="257"><TD WIDTH></td>
<td colspan="2" width="268">调整表格字段宽度</td>
</tr>
<tr>
<td width="257"><TD>...</TD></td>
<td colspan="2" width="268">定义表格的数据域位</td>
</tr>
<tr>
<td width="257"><TEXTAREA NAME ROWS COLS></td>
<td colspan="2" width="268">窗体中加入多少列的文字输入栏</td>
</tr>
<tr>
<td width="257"><TEXTAREA WRAP></td>
<td colspan="2" width="268">决定文字输入栏是自动否换行</td>
</tr>
<tr>
<td width="257"><TH>...</TH></td>
<td colspan="2" width="268">定义表格的标头字段</td>
</tr>
<tr>
<td width="257"><TITLE></td>
<td colspan="2" width="268">文件标题</td>
</tr>
<tr>
<td width="257"><TR>...</TR></td>
<td colspan="2" width="268">定义表格美一行</td>
</tr>
<tr>
<td width="257"><TT></td>
<td colspan="2" width="268">打字机字体</td>
</tr>
<tr>
<td width="257"><U></td>
<td colspan="2" width="268">文字加底线</td>
</tr>
<tr>
<td width="257"><UL TYPE>...</UL></td>
<td colspan="2" width="268">无序号的列表 ( 可指定符号 )</td>
</tr>
<tr>
<td width="257"><VAR>...</VAR></td>
<td colspan="2" width="268">用于显示变量</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1290528330029801472"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(html5)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1892412800781840384.htm"
title="html 5中css的含义,HTML 5+CSS+JavaScript网页设计与制作" target="_blank">html 5中css的含义,HTML 5+CSS+JavaScript网页设计与制作</a>
<span class="text-muted">律保阁-Michael</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/5%E4%B8%ADcss%E7%9A%84%E5%90%AB%E4%B9%89/1.htm">5中css的含义</a>
<div>HTML5+CSS+JavaScript网页设计与制作编辑锁定讨论上传视频《HTML5+CSS+JavaScript网页设计与制作》是2019年4月清华大学出版社出版的图书，作者是彭进香、张茂红、王玉娟、叶娟、孙秀娟、万幸、刘英。书名HTML5+CSS+JavaScript网页设计与制作作者彭进香张茂红王玉娟叶娟作者孙秀娟展开作者孙秀娟万幸刘英收起出版社清华大学出版社出版时间2019年4月定价48</div>
</li>
<li><a href="/article/1892139021031763968.htm"
title="HTML5的新增标签有哪些？" target="_blank">HTML5的新增标签有哪些？</a>
<span class="text-muted">「已注销」</span>
<a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a>
<div>2019-07-3009:46我们都知道，想要成为一名合格的前端开发人员，掌握好HTML5是一个重要的先决条件，相比较于HTML，HTML5中新增了许多功能标签，那么这么标签都有哪些呢？格式：定义文本的文本方向，使其脱离其周围文本的方向设置。定义有记号的文本。定义预定义范围内的度量。定义任何类型的任务的进度。定义若浏览器不支持ruby元素显示的内容。定义ruby注释的解释。定义ruby注释。定义日</div>
</li>
<li><a href="/article/1892138264207355904.htm"
title="1 html5-新标签" target="_blank">1 html5-新标签</a>
<span class="text-muted">xiaolongyu3</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%96%B0%E5%AD%A6/1.htm">前端新学</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>年龄稍大一点的码农可能见证了html的发展，亲历了头声明的变化，但是现在起步就是html5,那么html有哪些不为大家常用的新东西呢，这一章我先来谈谈这个问题。1dialog标签——弹窗标签。弹窗可能前端一路走来，见过很多。甚至现在我们在用各种UI库的时候这个弹窗也是必须的一个功能。这个标签支持的api:show:展示弹窗框，采用决定定位，showModal:展示弹窗，并带有遮罩，采用了一个特殊的</div>
</li>
<li><a href="/article/1892136749694513152.htm"
title="HTMl5新增特性有哪些？" target="_blank">HTMl5新增特性有哪些？</a>
<span class="text-muted">番茄牛腩汤</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a>
<div>(1)新增了语义化标签(2)新增了音频视频标签(3)新增了canvas和svg绘图(4)新增了地理定位（navigator.geolocation）(5)新增了拖拽API(drapable)(6)新增了多线程技术webworker(7)新增了即时通讯websocket</div>
</li>
<li><a href="/article/1892135487041236992.htm"
title="HTML5 新特性有哪些？" target="_blank">HTML5 新特性有哪些？</a>
<span class="text-muted">IT木昜</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E7%99%BD%E8%AF%9D%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">大白话前端面试题</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>HTML5新特性，你知道几个？语义化标签：HTML5引入了一系列语义化标签，比如代表网页的头部，就像是一本书的封面和目录部分，包含网站标志、导航栏等重要信息；用于导航链接，是网页的“交通指示牌”，方便用户快速找到不同页面；表示独立的文章内容，每一篇新闻报道、博客文章都可以放在这里；用来划分页面的不同区域，像一个商场里不同的楼层分区；代表网页底部，一般放版权信息、联系方式等。这些标签让网页结构更清晰</div>
</li>
<li><a href="/article/1892134225621086208.htm"
title="Spring WebSocket 快速示例" target="_blank">Spring WebSocket 快速示例</a>
<span class="text-muted">oscar999</span>
<a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/Boot%E5%AE%9E%E6%88%98%E5%BC%80%E5%8F%91%E5%A4%A7%E5%85%A8/1.htm">Boot实战开发大全</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>WebSocket是什么？WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于TCP的协议），它实现了浏览器与服务器之间的全双工通信，能够更好地节省服务器资源和带宽，并达到实时通讯的目的。WebSocket是一个持久化的协议，一旦建立连接，双方可以持续进行数据传输，直到连接被关闭。Spring中如何实现WebSocketSpringWebSocket提供了一种在Sp</div>
</li>
<li><a href="/article/1892132588710064128.htm"
title="HTML5+CSS3【容器元素、 HTML5新增布局标签、视频和音频 、HTML5新增标签】(五)-全面详解（学习总结---从入门到深化）" target="_blank">HTML5+CSS3【容器元素、 HTML5新增布局标签、视频和音频 、HTML5新增标签】(五)-全面详解（学习总结---从入门到深化）</a>
<span class="text-muted">童小纯</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%B3%BB%E5%88%97---%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E6%B7%B1%E5%8C%96/1.htm">前端系列---从入门到深化</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>作者简介：大家好，我是小童，Java开发工程师，CSDN博客博主，Java领域新星创作者系列专栏：前端、Java、Java中间件大全、微信小程序、微信支付、若依框架、Spring全家桶如果文章知识点有错误的地方，请指正！和大家一起学习，一起进步如果感觉博主的文章还不错的话，请三连支持一下博主哦博主正在努力完成2023计划中：以梦为马，扬帆起航，2023追梦人目录容器元素（div）学习效果反馈HTM</div>
</li>
<li><a href="/article/1892131196566040576.htm"
title="html5新增的标签有哪些" target="_blank">html5新增的标签有哪些</a>
<span class="text-muted">北原_春希</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>HTML5新增的标签主要可以分为几类，以下是按照类别进行分点表示和归纳的HTML5新增标签：结构性标签：:定义文档或节的头部。:定义导航链接。:定义文档中的独立节。:定义文档、页面、应用或网站中独立的内容区域。:定义页面的侧边栏内容。:定义文档或节的页脚。:定义文档的主体内容。多媒体标签：:定义视频或电影。:定义音频内容。:为和元素定义媒体资源。:为和元素定义文本轨道。:定义嵌入的内容，比如插件。</div>
</li>
<li><a href="/article/1892130690397433856.htm"
title="html5节点元素" target="_blank">html5节点元素</a>
<span class="text-muted">augenstern416</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>HTML5引入了许多新的节点元素，这些元素使得开发者能够更清晰地定义和结构化网页内容。以下是一些主要的HTML5节点元素及其使用场景：1.描述：用于标记文档中的区段或段落，如文档的章节、页眉、页脚等。使用场景：当需要将内容分段或分区时，可以使用元素。每个元素应该有其独立的标题，这个标题通常使用到元素来定义。2.描述：表示页面中的导航链接部分。使用场景：当需要将具有导航性质的链接归纳在一个区域时，可</div>
</li>
<li><a href="/article/1892025628476108800.htm"
title="【fastapi】WEB框架内实现SSE服务，后端主动推送消息到前端" target="_blank">【fastapi】WEB框架内实现SSE服务，后端主动推送消息到前端</a>
<span class="text-muted">Biggee Lucloner</span>
<a class="tag" taget="_blank" href="/search/fastapi/1.htm">fastapi</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>sse技术简介SSE（Server-SentEvents）是一种允许服务器向客户端浏览器推送信息的技术。它是HTML5的一部分，专门用于建立一个单向的从服务器到客户端的通信连接。SSE的使用场景非常广泛，包括实时消息推送、实时通知更新等。严格地说，HTTP无法做到服务器主动推送信息。但是，有一种变通方法，就是服务器向客户端声明，接下来要发送的是流信息（streaming）。也就是说，发送的不是一次</div>
</li>
<li><a href="/article/1891990153770102784.htm"
title="《DNK210使用指南 -CanMV版 V1.0》第四十七章 MNIST实验" target="_blank">《DNK210使用指南 -CanMV版 V1.0》第四十七章 MNIST实验</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%BC%96%E7%A8%8B%E5%BC%80%E6%BA%90%E4%BA%A7%E5%93%81%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">嵌入式编程开源产品程序员</a>
<div>第四十七章MNIST实验1）实验平台：正点原子DNK210开发板2）章节摘自【正点原子】DNK210使用指南-CanMV版V1.03）购买链接：https://detail.tmall.com/item.htm?&id=7828013987504）全套实验源码+手册+视频下载地址：http://www.openedv.com/docs/boards/k210/ATK-DNK210.html5）正点</div>
</li>
<li><a href="/article/1891933572399427584.htm"
title="html5 二进制数据解析,JavaScript读写二进制数据的方法详解" target="_blank">html5 二进制数据解析,JavaScript读写二进制数据的方法详解</a>
<span class="text-muted">如果有片海</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E4%BA%8C%E8%BF%9B%E5%88%B6%E6%95%B0%E6%8D%AE%E8%A7%A3%E6%9E%90/1.htm">二进制数据解析</a>
<div>前言二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数，如果想要在前端中处理音频和视频。那你必须要对二进制数据有很好地掌握和操作能力。下面话不多说了，来一起看看详细介绍的吧类型化数组的出现类型化数组是HTML5中引入的API，它能够让开发者使用JavaScript直接操作二进制数据。在类型化数组出现之前，我们是无法直接通过JavaScript操作二进制数据，通常都是操作J</div>
</li>
<li><a href="/article/1891849774223650816.htm"
title="html5+ push-消息推送" target="_blank">html5+ push-消息推送</a>
<span class="text-muted">代码简单说</span>
<a class="tag" taget="_blank" href="/search/html5%2B/1.htm">html5+</a><a class="tag" taget="_blank" href="/search/h5%2B/1.htm">h5+</a><a class="tag" taget="_blank" href="/search/mui/1.htm">mui</a><a class="tag" taget="_blank" href="/search/js%E6%8E%A8%E9%80%81/1.htm">js推送</a><a class="tag" taget="_blank" href="/search/%E6%89%93%E5%8C%85app/1.htm">打包app</a>
<div>push-消息推送Push模块管理推送消息功能，可以实现在线、离线的消息推送，通过plus.push可获取推送消息管理对象。方法：addEventListener:添加推送消息事件监听器clear:清空所有推送消息createMessage:创建本地消息getAllMessage:获取所有推送消息getClientInfo:获取客户端推送标识信息setAutoNotification:设置程序是否</div>
</li>
<li><a href="/article/1891844087418515456.htm"
title="如何使用Vue3创建在线三维模型展示？" target="_blank">如何使用Vue3创建在线三维模型展示？</a>
<span class="text-muted">ScriptEcho</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>本文由ScriptEcho平台提供技术支持项目地址：传送门代码相关的技术博客代码应用场景介绍本段代码使用RoughJS库在HTML5Canvas上创建了手绘风格的图像，展示了RoughJS库的强大功能，可用于创建具有有机手绘外观的图形。代码基本功能介绍代码通过RoughJS库创建了一个火焰状的图形，包括：火焰主体：使用path()函数绘制，采用不规则的形状和粗糙的线条。火焰细节：添加了额外的pat</div>
</li>
<li><a href="/article/1891710177183330304.htm"
title="【Three.js】JS 3D library（一个月进化史）" target="_blank">【Three.js】JS 3D library（一个月进化史）</a>
<span class="text-muted">Tiffany_Ho</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/Three.js/1.htm">Three.js</a>
<div>#春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换（transform、transition）3.</div>
</li>
<li><a href="/article/1891708536916865024.htm"
title="Python如何播放本地音乐并在web页面播放" target="_blank">Python如何播放本地音乐并在web页面播放</a>
<span class="text-muted">玩人工智能的辣条哥</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AEAI/1.htm">开源项目AI</a><a class="tag" taget="_blank" href="/search/Sphere/1.htm">Sphere</a><a class="tag" taget="_blank" href="/search/Butler/1.htm">Butler</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>环境：Python问题描述：Python如何播放本地音乐并在web页面播放解决方案：要在Python中播放本地音乐并在Web页面中播放，您可以采用两种不同的方法：一种是在服务器端使用Python播放音频文件，另一种是创建一个Web应用程序，在客户端通过HTML5的标签来播放音频文件。下面我将分别介绍这两种方法。方法1:使用Python播放本地音乐如果您只是想在服务器端（例如在开发环境中）播放本地音</div>
</li>
<li><a href="/article/1891689358952558592.htm"
title="video 标签实现进度条不可拖动，并监听观看状态、超时触发挂机验证" target="_blank">video 标签实现进度条不可拖动，并监听观看状态、超时触发挂机验证</a>
<span class="text-muted">牡丹城沉静的萝卜</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>需求：用户观看视频时，实时监听观看状态，超过一定时长后，触发挂机验证，并禁止拖动滚动条快进查看。技术：主要是用html5的vidoe标签做的，用到了自带的暂停（pause）、播放（play）、监听（timeupdate）等事件html：javascript：data(){return{videoUrl:'',video:{currTime:'',maxTime:'',tipsTime:0,//出现</div>
</li>
<li><a href="/article/1891495363429330944.htm"
title="Ajax基础学习" target="_blank">Ajax基础学习</a>
<span class="text-muted">喜欢代码的新之助</span>
<a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/okhttp/1.htm">okhttp</a>
<div>AJAX浏览器本身就具备网络通信的能力，但在早期浏览器并没有把这个能力开放给JS最早是微软在IE浏览器中把这一能力向JS开放，让JS可以在代码中实现发送请求，这项技术在2005年被正式命名为AJAX（AsynchronousJavascriptAndXML）这套API主要依靠一个构造函数完成；该构造函数的名称为XMLHttpRequest，简称为XHR由于XHRAPI有着诸多缺陷，在HTML5和E</div>
</li>
<li><a href="/article/1891448808177463296.htm"
title="HTML5 起步" target="_blank">HTML5 起步</a>
<span class="text-muted">强强学习</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>HTML5是W3C与WHATWG合作的结果,WHATWG指WebHypertextApplicationTechnologyWorkingGroup。WHATWG致力于web表单和应用程序，而W3C专注于XHTML2.0。在2006年，双方决定进行合作，来创建一个新版本的HTML。HTML5中的一些有趣的新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好</div>
</li>
<li><a href="/article/1891447165713182720.htm"
title="canvas 添加html元素,给canvas添加内容" target="_blank">canvas 添加html元素,给canvas添加内容</a>
<span class="text-muted">云舞空城</span>
<a class="tag" taget="_blank" href="/search/canvas/1.htm">canvas</a><a class="tag" taget="_blank" href="/search/%E6%B7%BB%E5%8A%A0html%E5%85%83%E7%B4%A0/1.htm">添加html元素</a>
<div>画布是一个矩形区域，您可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建Canvas元素向HTML5页面添加canvas元素。规定元素的id、宽度和高度：通过JavaScript来绘制canvas元素本身是没有canvas画布与画布内容都缩小如何实现?如何将canvas复制给另外一个canvascanvas怎么根据坐标获取上面的内容html5canvas清除</div>
</li>
<li><a href="/article/1891436944542461952.htm"
title="HTML5新特性" target="_blank">HTML5新特性</a>
<span class="text-muted">augenstern416</span>
<a class="tag" taget="_blank" href="/search/HTMl/1.htm">HTMl</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>1.声明方式修改html5：2.更多的语义化标签header（网页头部）footer（网页尾部）aside（侧边栏）section（内容区域块）3.新的input表单输入类型与属性类型邮箱数值输入文件导入上传本地文件，需js代码配合。如果需要上传多个文件，给表单添加mulitiple属性。如果上传图片，给表单添加enctype属性。constmyFile=document.getElementBy</div>
</li>
<li><a href="/article/1891358097788694528.htm"
title="html5游戏引擎-Pharse.js学习笔记（一）" target="_blank">html5游戏引擎-Pharse.js学习笔记（一）</a>
<span class="text-muted">18520195858</span>
<a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/c%2Fc%2B%2B/1.htm">c/c++</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a>
<div>1.前言前几天随着flappybird这样的小游戏的火爆，使我这种也曾了解过html5技术的js业余爱好者也开始关注游戏开发。研究过两个个比较成熟的html5游戏引擎，感觉用引擎还是要方便一些。所以决定从今天正式开始研究html5游戏引擎，并且将从看官网demo的学习整理成博客和大家一起分享。我了解过cocos-2dforhtml5和phaser.js这两个引擎，其中前者比较复杂，对于有过coco</div>
</li>
<li><a href="/article/1891295036713267200.htm"
title="高级前端工程师Vue面试题" target="_blank">高级前端工程师Vue面试题</a>
<span class="text-muted">盼盼盼</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">面试题</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>HTML/CSS1.解释HTML5中的元素及其用途。元素用于通过JavaScript绘制图形，比如图表、图像处理等。它提供了一个图形上下文，可以进行2D图形绘制。2.CSS中display:none和visibility:hidden有什么区别？display:none会将元素从文档流中完全移除，不占据空间。而visibility:hidden则元素依然占据空间，只是变得不可见。3.描述CSSFl</div>
</li>
<li><a href="/article/1891285192904077312.htm"
title="html5 判断长按操作,移动端h5模拟长按事件" target="_blank">html5 判断长按操作,移动端h5模拟长按事件</a>
<span class="text-muted">weixin_39933414</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%88%A4%E6%96%AD%E9%95%BF%E6%8C%89%E6%93%8D%E4%BD%9C/1.htm">判断长按操作</a>
<div>1、标志位vartimer='';varisLongTouch=false;//加个标志位，防止settimeout因为事件循环和实际时间有偏差vartarget=document.getElementById('target');target.addEventListener('touchstart',function(){timer=setTimeout(function(){isLongTo</div>
</li>
<li><a href="/article/1891156083381170176.htm"
title="HTML5(十二)——一文读懂 WebSocket 原理" target="_blank">HTML5(十二)——一文读懂 WebSocket 原理</a>
<span class="text-muted">m0_70646989</span>
<a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF/1.htm">Web前端</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a>
<div>二、WebSocket通信过程================WebSocket协议可分为两部分：握手阶段和数据通信阶段。WebSocket为应用层协议，定义在TCP/IP协议栈之上，连接服务器的url是以ws或wss开头的。ws开头的默认TCP端口为80，wss开头的默认端口为443。ws（websocket）是不安全的，容易被窃听，只要别人知道你的ip和端口号，任何人都可以去连接通讯。wss（</div>
</li>
<li><a href="/article/1890939075469307904.htm"
title="一文读懂Websocket" target="_blank">一文读懂Websocket</a>
<span class="text-muted">渣渣高</span>
<a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a>
<div>系列文章目录提示：通过本章节的学习，你想深入了解什么是websocket。文章目录系列文章目录前言一、Websocket是什么？二、如何使用Websocket前端创建流程后端创建流程websocket应用场景:websocket缺点:websocket总结:前言提示：这里可以添加本文要记录的大概内容：例如：websocket是html5新增的全双工通讯协议，基于Tcp协议，属于应用层协议。提示：以</div>
</li>
<li><a href="/article/1890780069631160320.htm"
title="网页设计与制作成品——蛋糕甜品店铺(HTML+CSS+JavaScript)" target="_blank">网页设计与制作成品——蛋糕甜品店铺(HTML+CSS+JavaScript)</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/HTML%E5%AD%A6%E7%94%9F%E4%B8%AA%E4%BA%BA%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">HTML学生个人网页设计</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%88%B6%E4%BD%9C%E6%88%90%E5%93%81/1.htm">网页设计与制作成品</a>
<div>静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。精彩专栏推荐❤</div>
</li>
<li><a href="/article/1890779817410883584.htm"
title="【HTML5网页设计成品】基于HTML+CSS+JavaScript网上订餐系统(23个页面)" target="_blank">【HTML5网页设计成品】基于HTML+CSS+JavaScript网上订餐系统(23个页面)</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/HTML%E5%AD%A6%E7%94%9F%E4%B8%AA%E4%BA%BA%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">HTML学生个人网页设计</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%BD%9C%E4%B8%9A/1.htm">网页设计作业</a>
<div>文章目录二、✍️网站描述三、网站介绍四、网站演示五、⚙️网站代码HTML结构代码六、如何让学习不再盲目七、更多干货❤【作者主页——获取更多优质源码】❤【学习资料/简历模板/面试资料/网站设计与制作】❤【web前端期末大作业——毕设项目精品实战案例】#一、网站题目学生管理系统网页设计、OA管理系统、后台管理模板、智能停车系统、等网站的设计与制作。二、✍️网站描述️HTML网页设计，采用DIV+C</div>
</li>
<li><a href="/article/1890611354285436928.htm"
title="基于自定义WebView实现H5混合开发" target="_blank">基于自定义WebView实现H5混合开发</a>
<span class="text-muted">小二李</span>
<a class="tag" taget="_blank" href="/search/Flutter/1.htm">Flutter</a><a class="tag" taget="_blank" href="/search/Flutter/1.htm">Flutter</a><a class="tag" taget="_blank" href="/search/%E7%BB%84%E4%BB%B6%E5%B0%81%E8%A3%85/1.htm">组件封装</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/webview/1.htm">webview</a>
<div>pubspec.yaml添加webview插件flutter_webview_plugin:^0.4.0webview.dart基于webview的组件封装constCATCH_URLS=['m.ctrip.com/','m.ctrip.com/html5/','m.ctrip.com/html5'];classWebViewextendsStatefulWidget{finalStringurl</div>
</li>
<li><a href="/article/1890601514754437120.htm"
title="混合开发框架整理：使用Crosswalk + WebViewJavascriptBridge进行混合开发" target="_blank">混合开发框架整理：使用Crosswalk + WebViewJavascriptBridge进行混合开发</a>
<span class="text-muted">hwj3747</span>
<a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a><a class="tag" taget="_blank" href="/search/%E6%B7%B7%E5%90%88%E5%BC%80%E5%8F%91/1.htm">混合开发</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>作者:hwj3747转载请注明Crosswalk介绍目前APP的开发模式大多基于H5+原生壳的开发模式，这时候使用到的WebView的性能就至关重要。我们知道，Android平台上，系统的碎片化比较严重，同Android版本的WebView的H5解析能力也有较大差异，导致相应的HTML5应用一致性难以保证。所以在做混合开发的时候，对Android系统的适配是一个比较麻烦的问题。这个时候，如果能在我</div>
</li>
<li><a href="/article/84.htm"
title="继之前的线程循环加到窗口中运行" target="_blank">继之前的线程循环加到窗口中运行</a>
<span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/JFrame/1.htm">JFrame</a><a class="tag" taget="_blank" href="/search/JPanel/1.htm">JPanel</a>
<div>之前写了有关java线程的循环执行和结束，因为想制作成exe文件，想把执行的效果加到窗口上，所以就结合了JFrame和JPanel写了这个程序，这里直接贴出代码，在窗口上运行的效果下面有附图。
package thread;
import java.awt.Graphics;
import java.text.SimpleDateFormat;
import java.util</div>
</li>
<li><a href="/article/211.htm"
title="linux 常用命令" target="_blank">linux 常用命令</a>
<span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4/1.htm">命令</a>
<div>1.grep
相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志，这个命令绝对是必不可少的。
但之前总是习惯于使用 （grep -n 关键字 文件名 ）查出关键字以及该关键字所在的行数，然后再用 （sed -n '100,200p' 文件名），去查出该关键字之后的日志内容。
但其实还有更简便的办法，就是用（grep -B n、-A n、-C n 关键</div>
</li>
<li><a href="/article/338.htm"
title="php heredoc原文档和nowdoc语法" target="_blank">php heredoc原文档和nowdoc语法</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/heredoc/1.htm">heredoc</a><a class="tag" taget="_blank" href="/search/nowdoc/1.htm">nowdoc</a>
<div><!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Current To-Do List</title>
</head>
<body>
<?</div>
</li>
<li><a href="/article/465.htm"
title="overflow的属性" target="_blank">overflow的属性</a>
<span class="text-muted">周华华</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q</div>
</li>
<li><a href="/article/592.htm"
title="《我所了解的Java》——总体目录" target="_blank">《我所了解的Java》——总体目录</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div> 准备用一年左右时间写一个系列的文章《我所了解的Java》，目录及内容会不断完善及调整。
在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等，请大家及时指出，我会第一时间更正。
&n</div>
</li>
<li><a href="/article/719.htm"
title="[简单]docx4j常用方法小结" target="_blank">[简单]docx4j常用方法小结</a>
<span class="text-muted">53873039oycg</span>
<a class="tag" taget="_blank" href="/search/docx/1.htm">docx</a>
<div> 本代码基于docx4j-3.2.0，在office word 2007上测试通过。代码如下:
import java.io.File;
import java.io.FileInputStream;
import ja</div>
</li>
<li><a href="/article/846.htm"
title="Spring配置学习" target="_blank">Spring配置学习</a>
<span class="text-muted">云端月影</span>
<a class="tag" taget="_blank" href="/search/spring%E9%85%8D%E7%BD%AE/1.htm">spring配置</a>
<div>
首先来看一个标准的Spring配置文件 applicationContext.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi=&q</div>
</li>
<li><a href="/article/973.htm"
title="Java新手入门的30个基本概念三" target="_blank">Java新手入门的30个基本概念三</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E6%89%8B/1.htm">新手</a><a class="tag" taget="_blank" href="/search/java+%E5%85%A5%E9%97%A8/1.htm">java 入门</a>
<div>17.Java中的每一个类都是从Object类扩展而来的。 18.object类中的equal和toString方法。 equal用于测试一个对象是否同另一个对象相等。 toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法) 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。 </div>
</li>
<li><a href="/article/1100.htm"
title="《2008 IBM Rational 软件开发高峰论坛会议》小记" target="_blank">《2008 IBM Rational 软件开发高峰论坛会议》小记</a>
<span class="text-muted">antonyup_2006</span>
<a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a><a class="tag" taget="_blank" href="/search/%E6%95%8F%E6%8D%B7%E5%BC%80%E5%8F%91/1.htm">敏捷开发</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a><a class="tag" taget="_blank" href="/search/IBM/1.htm">IBM</a><a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a>
<div>我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵!
其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下.
参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.</div>
</li>
<li><a href="/article/1227.htm"
title="PL/SQL的过程编程,异常,声明变量,PL/SQL块" target="_blank">PL/SQL的过程编程,异常,声明变量,PL/SQL块</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/PL%2FSQL%E7%9A%84%E8%BF%87%E7%A8%8B%E7%BC%96%E7%A8%8B/1.htm">PL/SQL的过程编程</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E5%B8%B8/1.htm">异常</a><a class="tag" taget="_blank" href="/search/PL%2FSQL%E5%9D%97/1.htm">PL/SQL块</a><a class="tag" taget="_blank" href="/search/%E5%A3%B0%E6%98%8E%E5%8F%98%E9%87%8F/1.htm">声明变量</a>
<div>PL/SQL;
过程;
符号;
变量;
PL/SQL块;
输出;
异常;
PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作</div>
</li>
<li><a href="/article/1354.htm"
title="Mockito(三)--完整功能介绍" target="_blank">Mockito(三)--完整功能介绍</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90/1.htm">持续集成</a><a class="tag" taget="_blank" href="/search/mockito/1.htm">mockito</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a>
<div> mockito官网：http://code.google.com/p/mockito/，打开documentation可以看到官方最新的文档资料。
一.使用mockito验证行为
//首先要import Mockito
import static org.mockito.Mockito.*;
//mo</div>
</li>
<li><a href="/article/1481.htm"
title="精通Oracle10编程SQL(8)使用复合数据类型" target="_blank">精通Oracle10编程SQL(8)使用复合数据类型</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a>
<div>/*
*使用复合数据类型
*/
--PL/SQL记录
--定义PL/SQL记录
--自定义PL/SQL记录
DECLARE
TYPE emp_record_type IS RECORD(
name emp.ename%TYPE,
salary emp.sal%TYPE,
dno emp.deptno%TYPE
);
emp_</div>
</li>
<li><a href="/article/1608.htm"
title="【Linux常用命令一】grep命令" target="_blank">【Linux常用命令一】grep命令</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Linux%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/1.htm">Linux常用命令</a>
<div>grep命令格式
grep [option] pattern [file-list]
grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。
pattern可以是普通字符串，也可以是正则表达式，当查找的字符串包含正则表达式字符或者特</div>
</li>
<li><a href="/article/1735.htm"
title="mybatis3入门学习笔记" target="_blank">mybatis3入门学习笔记</a>
<span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a><a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%AE%A1%E7%90%86/1.htm">配置管理</a>
<div>MyBatis 的前身就是iBatis，是一个数据持久层(ORM)框架。 MyBatis 是支持普通 SQL 查询，存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。
以前也学过iBatis，因为MyBatis是iBatis的升级版本，最初以为改动应该不大，实际结果是MyBatis对配置文件进行了一些大的改动，使整个框架更加方便人性化。</div>
</li>
<li><a href="/article/1862.htm"
title="Linux 命令神器：lsof 入门" target="_blank">Linux 命令神器：lsof 入门</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/lsof/1.htm">lsof</a>
<div>
lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息，但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实，因为它是指“列出打开文件（lists openfiles）”。而有一点要切记，在Unix中一切（包括网络套接口）都是文件。
有趣的是，lsof也是有着最多</div>
</li>
<li><a href="/article/1989.htm"
title="java实现两个大数相加，可能存在溢出。" target="_blank">java实现两个大数相加，可能存在溢出。</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java%E5%AE%9E%E7%8E%B0/1.htm">java实现</a>
<div>
import java.math.BigInteger;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
public class BigIntegerAddition {
/**
* 题目：java实现两个大数相加，可能存在溢出。
* 如123456789 + 987654321</div>
</li>
<li><a href="/article/2116.htm"
title="Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法" target="_blank">Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法</a>
<span class="text-muted">Kai_Ge</span>
<a class="tag" taget="_blank" href="/search/Kettle/1.htm">Kettle</a>
<div>Kettle学习资料分享
Kettle 3.2 使用说明书
目录
概述..........................................................................................................................................7
1.Kettle 资源库管</div>
</li>
<li><a href="/article/2243.htm"
title="[货币与金融]钢之炼金术士" target="_blank">[货币与金融]钢之炼金术士</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D/1.htm">金融</a>
<div>
自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的
那么随着人类在理论物理和工程物理上面取得的一些突破性进展......
炼金术这个古老</div>
</li>
<li><a href="/article/2370.htm"
title="Toast原来也可以多样化" target="_blank">Toast原来也可以多样化</a>
<span class="text-muted">dai_lm</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/toast/1.htm">toast</a>
<div>Style 1： 默认
Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT);
def.show();
Style 2： 顶部显示
Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT);
t</div>
</li>
<li><a href="/article/2497.htm"
title="java数据计算的几种解决方法3" target="_blank">java数据计算的几种解决方法3</a>
<span class="text-muted">datamachine</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/r-langue/1.htm">r-langue</a><a class="tag" taget="_blank" href="/search/r/1.htm">r</a>
<div>4、iBatis
简单敏捷因此强大的数据计算层。和Hibernate不同，它鼓励写SQL，所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦，只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。
复杂计算环境是它的弱项，比如：分布式计算、复杂计算、非数据</div>
</li>
<li><a href="/article/2624.htm"
title="向网页中插入透明Flash的方法和技巧" target="_blank">向网页中插入透明Flash的方法和技巧</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/Flash/1.htm">Flash</a>
<div>将
Flash 作品插入网页的时候，我们有时候会需要将它设为透明，有时候我们需要在Flash的背面插入一些漂亮的图片，搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。
一、Swf透明、无坐标控制 首先教大家最简单的插入Flash的代码，透明，无坐标控制： 注意wmode="transparent"是控制Flash是否透明</div>
</li>
<li><a href="/article/2751.htm"
title="ios UICollectionView的使用" target="_blank">ios UICollectionView的使用</a>
<span class="text-muted">dcj3sjt126com</span>
<div>UICollectionView的使用有两种方法，一种是继承UICollectionViewController，这个Controller会自带一个UICollectionView；另外一种是作为一个视图放在普通的UIViewController里面。
个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。
1.UIViewController实现委托，代码如</div>
</li>
<li><a href="/article/2878.htm"
title="Eos平台java公共逻辑" target="_blank">Eos平台java公共逻辑</a>
<span class="text-muted">蕃薯耀</span>
<a class="tag" taget="_blank" href="/search/Eos%E5%B9%B3%E5%8F%B0java%E5%85%AC%E5%85%B1%E9%80%BB%E8%BE%91/1.htm">Eos平台java公共逻辑</a><a class="tag" taget="_blank" href="/search/Eos%E5%B9%B3%E5%8F%B0/1.htm">Eos平台</a><a class="tag" taget="_blank" href="/search/java%E5%85%AC%E5%85%B1%E9%80%BB%E8%BE%91/1.htm">java公共逻辑</a>
<div> Eos平台java公共逻辑
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年6月1日 17:20:4</div>
</li>
<li><a href="/article/3005.htm"
title="SpringMVC4零配置--Web上下文配置【MvcConfig】" target="_blank">SpringMVC4零配置--Web上下文配置【MvcConfig】</a>
<span class="text-muted">hanqunfeng</span>
<a class="tag" taget="_blank" href="/search/springmvc4/1.htm">springmvc4</a>
<div>与SpringSecurity的配置类似，spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。
applicationContext-MvcConfig.xml
<!-- 启用注解，并定义组件查找规则 ，mvc层只负责扫描@Controller -->
<</div>
</li>
<li><a href="/article/3132.htm"
title="解决ie和其他浏览器poi下载excel文件名乱码" target="_blank">解决ie和其他浏览器poi下载excel文件名乱码</a>
<span class="text-muted">jackyrong</span>
<a class="tag" taget="_blank" href="/search/Excel/1.htm">Excel</a>
<div> 使用poi,做传统的excel导出，然后想在浏览器中，让用户选择另存为，保存用户下载的xls文件，这个时候，可能的是在ie下出现乱码（ie,9,10,11),但在firefox,chrome下没乱码，
因此必须综合判断，编写一个工具类：
/**
*
* @Title: pro</div>
</li>
<li><a href="/article/3259.htm"
title="挥洒泪水的青春" target="_blank">挥洒泪水的青春</a>
<span class="text-muted">lampcy</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
<div>2015年2月28日，我辞职了，离开了相处一年的触控，转过身--挥洒掉泪水，毅然来到了兄弟连，背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人，还敢跨行业，选择Unity3D？“，”真是不自量力••••••“，”真是初生牛犊不怕虎•••••“，••••••我只是淡淡一笑，拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连！
这就是我青春的分割线，不后悔，只会去用泪水浇灌——已经来到</div>
</li>
<li><a href="/article/3386.htm"
title="稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制" target="_blank">稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制</a>
<span class="text-muted">nannan408</span>
<div> 对于股市，我们国家的监管还是有点拼的，但始终拼不过飞流直下的恐慌，为什么呢？
笔者首先支持股市的监管。对于股市越管越荡的现象，笔者认为首先是做空力量超过了股市自身的升力，并且对于跌停停牌重组的快速反应还没建立好，上市公司对于股价下跌没有很好的利好支撑。
我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空，在</div>
</li>
<li><a href="/article/3513.htm"
title="动态设置iframe高度(iframe高度自适应)" target="_blank">动态设置iframe高度(iframe高度自适应)</a>
<span class="text-muted">Rainbow702</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/iframe/1.htm">iframe</a><a class="tag" taget="_blank" href="/search/contentDocument/1.htm">contentDocument</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%BA%A6%E8%87%AA%E9%80%82%E5%BA%94/1.htm">高度自适应</a><a class="tag" taget="_blank" href="/search/%E5%B1%80%E9%83%A8%E5%88%B7%E6%96%B0/1.htm">局部刷新</a>
<div>如果需要对画面中的部分区域作局部刷新，大家可能都会想到使用ajax。
但有些情况下，须使用在页面中嵌入一个iframe来作局部刷新。
对于使用iframe的情况，发现有一个问题，就是iframe中的页面的高度可能会很高，但是外面页面并不会被iframe内部页面给撑开，如下面的结构：
<div id="content">
<div id=&quo</div>
</li>
<li><a href="/article/3640.htm"
title="用Rapael做图表" target="_blank">用Rapael做图表</a>
<span class="text-muted">tntxia</span>
<a class="tag" taget="_blank" href="/search/rap/1.htm">rap</a>
<div>function drawReport(paper,attr,data){
var width = attr.width;
var height = attr.height;
var max = 0;
&nbs</div>
</li>
<li><a href="/article/3767.htm"
title="HTML5 bootstrap2网页兼容（支持IE10以下）" target="_blank">HTML5 bootstrap2网页兼容（支持IE10以下）</a>
<span class="text-muted">xiaoluode</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a>
<div><!DOCTYPE html>
<html>
<head lang="zh-CN">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"></div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>]]></plaintext></td></tr></div> |
