html5 常用 标签

一、主体结构

header 页面头部,不同与
aside 边栏
nav 外部链接集合
section 章节或段落
article 类似文章、摘要或留言POST等形式的记录(一般搭配内嵌头部、尾部、底部结构使用)
hggroup 类似子标题,标题信息、可选标题、TAG标签这样的数据,还是英文更好理解一些,heading of a section
address 联系信息,一般用在article或body锚元素周围
footer 页脚

二、HTML 5元素标记汇总表

文档类型宣告
根元素元素 html
META元素 head、 title、base、link、meta、style
部件元素 body、section、nav、article、aside、h1、 h2、 h3、h4、 h5、 h6、hgroup、header、footer、address
分组内容元素 p、hr、br、pre、blockquote、ol、ul、li、dl、dt、dd、figure、figcaption、div
文本层次语义元素 a、em、strong、small、cite、q、dfn、abbr、time、code、var、samp、kbd、sub、sups、i、b、mark、ruby、rt、rp、bdo、span
编辑元素 ins、del
嵌入内容元素 img、iframe、embed、object、param、video、audio、source、canvas、map、area
表格元素 table、caption、colgroup、col、tbody、thread、tfoot、tr、td、th
表单元素 form、fieldset、legend、label、button、select、datalist、optgroup、option、textarea、keygen、output、progress、meter
互动元素 details、summary、command、menu
脚本元素 script、noscript

三、HTML 5元素通用属性和事件句柄

HTML5元素通用属性表 accesskey、class、contenteditable、contextmenu、dir、 draggable、hidden、id、lang、spellcheck、style、tabindex、title
HTML5元素事件句柄属性 onabort、onblur*、oncanplay、oncanplaythrough、onchange、 onclick、 oncontextmenu、ondblclick、ondrag、ondragend、ondragenter、ondragleave、 ondragover、ondragstart、ondrop、ondurationchange、onemptied、onended、 onerror*、onfocus*、onformchange、onforminput、oninput、oninvalid、onkeydown、 onkeypress、onkeyup、onload*、onloadeddata、onloadedmetadata、onloadstart、 onmousedown、onmousemove、onmouseout、onmouseover、onmouseup、onmousewheel、 onpause、onplay、onplaying、onprogress、onratechange、onreadystatechange、 onscroll、onseeked、onseeking、onselect、onshow、onstalled、onsubmit、 onsuspend、ontimeupdate、onvolumechange、onwaiting。

四、HTML5元素标记释义

标记 类型 意义 介绍
文件标记
根文件标记 让浏览器知道这是HTML 文件
META标记
开头 提供文件整体信息
</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">标题</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">定义文件标题,显示于浏览器顶端</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><base></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">o</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">基准标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">可将相对URL转绝对及指定链接</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><link></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">o</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">外部资源连接</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">必须带rel属性描述</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><meta></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">o</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">其它META数据</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">不能被title, base, link, style, 和script元素描述的META数据</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><style></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">嵌入文档风格信息</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td colspan="4" style="border:1px solid #C0C0C0;border-collapse:collapse;"> <strong>部件标记</strong></td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><body></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">文档主体开始</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">文档内容容器</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><section></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">代表通用文档或应用部件</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><nav></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">导航链接</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">外部链接或文档内部链接</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><article></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">页面模块</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">类似文章、摘要或留言POST等形式的记录</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><aside></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">孤立模块</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">一般作为边栏广告、说明、引用、导航等,aside围堵部分一般与正文耦合较小</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><h1></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">标题标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">此外还有h2, h3, h4, h5, h6</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><hgroup></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">群组标题</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">用在一组h1-h6这样的元素集合时使用,用来区分主副标题??</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><header></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">组说明或组导航</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">也可叫页头标题</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><footer></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">页脚标题</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">作用范围跟最近部件元素有关</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><address></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">地址或联系信息</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><strong>分组内容标记</strong></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><p></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">段落标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><hr></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">o</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">水平分割线</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><br></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">o</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">换行</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><pre></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">预格式化分本块</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><blockquote></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">块引用</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><ol></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">编号列表</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><ul></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">项目列表</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><li></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">列表项</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><dl></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">定义列表</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><dt></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">定义名称</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><dd></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">定义说明</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><figure></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">流内容区块说明</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">多结合figcaption使用</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><figcaption></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">figure内容属性</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><div></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">定位标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">无实际意义</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td colspan="4" style="border:1px solid #C0C0C0;border-collapse:collapse;"> <strong>文本层次语义标记</strong></td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><a></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">链接标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><em></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">强调标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><strong></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">加重标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><small></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">字体缩小</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><cite></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">斜体标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><q></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">引用标记内容</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">原文是phrasing content,暂不清楚如何翻译</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><dfn></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">术语定义</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><abbr></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">缩略语</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><time></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">日期时间</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><code></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">程序代码</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><var></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">变量</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><samp></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">范例</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><kbd></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">键盘字</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><sub><sups></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">上标字/下标字</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><i></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">斜体标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><b></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">粗体标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><mark></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">标记或高亮</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><ruby></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">注解标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><rt></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">ruby子元素</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">结合ruby使用,比如:<ruby>天<rt>Tian</rt>缘<rt>Yuan</rt></ruby></td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><rp></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">ruby子元素</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">一般做rt元素注释使用</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><bdo></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><span></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">自定义标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td colspan="4" style="border:1px solid #C0C0C0;border-collapse:collapse;"> <strong>编辑标记</strong></td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><ins></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><del></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td colspan="4" style="border:1px solid #C0C0C0;border-collapse:collapse;"> <strong>嵌入内容标记</strong></td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><img></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">图片标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><iframe></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">框架标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><embed></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">嵌入标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><object></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">对象标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><param></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">参数标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><video></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">视频标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><audio></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">音频标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><source></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">来源标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><canvas></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">制图标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><map></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">地图标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><area></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">区域标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td colspan="4" style="border:1px solid #C0C0C0;border-collapse:collapse;"> <strong>表格标记</strong></td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><table></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">表格标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">设定该表格的各项参数</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><caption></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">表格标题</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">做成一打通列以填入表格标题</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><colgroup></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><col></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><tbody></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><thread></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><tfoot></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><tr></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">表格列</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">设定该表格的列</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><td></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">表格栏</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">设定该表格的栏</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><th></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">表格标头</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">相等于<TD>,但其内文字字体会变粗</td> </tr> <tr> <td colspan="4" style="border:1px solid #C0C0C0;border-collapse:collapse;"> <strong>表单标记</strong></td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><form></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">表单标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">决定该表单的运作模式</td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><fieldset></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><legend></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><input></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">输入标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><label></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><button></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">按钮</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><select></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">选择标记</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><datalist></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><optgroup></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><option></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">选项</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><textarea></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><keygen></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><output></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><progress></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><meter></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td colspan="4" style="border:1px solid #C0C0C0;border-collapse:collapse;"> <p><strong>互动元素</strong></p> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><details></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><summary></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><command></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><menu></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td colspan="4" style="border:1px solid #C0C0C0;border-collapse:collapse;"> <strong>其他标记</strong></td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><script></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"><noscript></td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;">●</td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> <tr> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> <td style="border:1px solid #C0C0C0;border-collapse:collapse;"> </td> </tr> </tbody> </table> <p style="color:rgb(35,35,35);font-family:Corbel, Verdana, Arial, Helvetica, sans-serif;font-size:14px;line-height:25.2px;"> <strong>备注:</strong></p> <p style="color:rgb(35,35,35);font-family:Corbel, Verdana, Arial, Helvetica, sans-serif;font-size:14px;line-height:25.2px;"> 1、● 表示该标记属于围堵标记,需要结束标记</标记>。</p> <p style="color:rgb(35,35,35);font-family:Corbel, Verdana, Arial, Helvetica, sans-serif;font-size:14px;line-height:25.2px;"> 2、o 表示该标记属空标记,不需要结束标记。</p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1176778438669840384"></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/1892403467411058688.htm" title="网页中加载 SVG 的七大方式" target="_blank">网页中加载 SVG 的七大方式</a> <span class="text-muted">前端熊猫</span> <a class="tag" taget="_blank" href="/search/Svg/1.htm">Svg</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/svg/1.htm">svg</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>一、直接使用标签加载外部SVG文件优点:简单易用:与加载其他图片格式(如PNG、JPEG)相同。浏览器支持良好:现代浏览器普遍支持。可缓存:SVG文件可以被浏览器缓存,减少重复请求。缺点:无法直接操作SVG内部元素:如果需要对SVG内部的元素进行交互或样式修改,这种方法不适用。适用场景:静态图像展示:仅需要展示SVG图像,不需要与之交互。二、将SVG作为CSS背景图片.icon{width:100</div> </li> <li><a href="/article/1892401826364452864.htm" title="jQuery UI CSS 框架 API" target="_blank">jQuery UI CSS 框架 API</a> <span class="text-muted">lly202406</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>jQueryUICSS框架API概述jQueryUI是一个基于jQuery的用户界面和交互库,它提供了一套丰富的交互组件和视觉效果,旨在帮助开发者快速构建具有吸引力和互动性的网页应用。jQueryUICSS框架API是jQueryUI的一部分,它允许开发者通过简单的CSS类来控制UI组件的样式和外观。本文将详细介绍jQueryUICSS框架API的使用方法、常用类和功能,帮助开发者更好地利用这一工</div> </li> <li><a href="/article/1892401826674831360.htm" title="C++ 多线程" target="_blank">C++ 多线程</a> <span class="text-muted">lly202406</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>C++多线程引言在计算机科学中,多线程是一种常用的技术,它允许一个程序同时执行多个任务。C++作为一门强大的编程语言,提供了多种多线程编程的机制。本文将详细介绍C++多线程编程的相关知识,包括多线程的概念、线程的创建与同步、互斥锁的使用等。一、多线程的概念1.1什么是多线程?多线程指的是在同一程序中,可以同时运行多个线程,每个线程都是程序的一个执行流。这些线程可以并行执行,从而提高程序的执行效率。</div> </li> <li><a href="/article/1892400189780586496.htm" title="js如何直接下载文件流" target="_blank">js如何直接下载文件流</a> <span class="text-muted">涔溪</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在JavaScript中直接处理文件下载,尤其是在处理文件流的情况下,通常涉及到使用fetchAPI或者XMLHttpRequest来获取文件流,并通过创建一个临时的标签(锚点元素)触发下载。以下是使用fetchAPI的一个示例:fetch('你的文件URL',{method:'GET',headers:{//如果需要的话,可以在这里添加请求头}}).then(response=>response</div> </li> <li><a href="/article/1892400063376846848.htm" title="scoped作用原理及样式穿透的应用" target="_blank">scoped作用原理及样式穿透的应用</a> <span class="text-muted">太阳与星辰</span> <a class="tag" taget="_blank" href="/search/Vue2/1.htm">Vue2</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/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/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>scoped作用原理及样式穿透的应用(1)scoped作用原理(2)对第三条的详细解释(3)场景----微调第三方库样式(4)样式穿透(5)补充(1)scoped作用原理scoped是Vue样式作用域的一个特性,相信很多人经常在项目中用它来避免样式污染(即样式隔离)。当我们在一个组件中给style标签加上scoped时候,它会遵循以下三个规则,如下为组件实例生成一个唯一标识(可以称为文件指纹),给</div> </li> <li><a href="/article/1892398677004185600.htm" title="对象的操作" target="_blank">对象的操作</a> <span class="text-muted">augenstern416</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>在前端开发中,JavaScript提供了许多内置对象和方法,用于处理数据、操作DOM、处理事件等。以下是一些常用对象及其方法和扩展技巧:1.Object对象Object是JavaScript中最基础的对象,几乎所有对象都继承自Object。常用方法Object.keys(obj):返回对象的所有可枚举属性的键名数组。constobj={a:1,b:2};console.log(Object.key</div> </li> <li><a href="/article/1892396030733905920.htm" title="文件与目录操作函数详解" target="_blank">文件与目录操作函数详解</a> <span class="text-muted">归零 dddd</span> <a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>在编程中,文件和目录操作是常见的任务。本文将详细讲解常用的文件操作函数和目录操作函数,包括其功能、参数、使用方法,并通过示例代码展示如何用这些函数实现常见的操作。文件操作函数1.1fopen()函数功能:打开或创建文件。参数:constchar*pathname:文件名。constchar*mode:文件操作模式。常见的模式有:"r":只读模式,文件必须存在。"w":只写模式,文件不存在则创建,存</div> </li> <li><a href="/article/1892385443702435840.htm" title="sklearn.ConfusionMatrixDisplay可视化混淆矩阵" target="_blank">sklearn.ConfusionMatrixDisplay可视化混淆矩阵</a> <span class="text-muted">Cachel wood</span> <a class="tag" taget="_blank" href="/search/python%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%92%8C%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">python机器学习和数据挖掘</a><a class="tag" taget="_blank" href="/search/sklearn/1.htm">sklearn</a><a class="tag" taget="_blank" href="/search/%E7%9F%A9%E9%98%B5/1.htm">矩阵</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>文章目录ConfusionMatrixDisplay详细解释更多定制化ConfusionMatrixDisplayConfusionMatrixDisplay是scikit-learn库中用于可视化混淆矩阵的一个实用工具。混淆矩阵是一种常用的评估分类模型性能的工具,它可以直观地展示模型在各个类别上的预测结果与真实标签之间的关系。下面详细介绍如何使用ConfusionMatrixDisplay进行混</div> </li> <li><a href="/article/1892380642755276800.htm" title="基于STM32的智能图书馆管理系统" target="_blank">基于STM32的智能图书馆管理系统</a> <span class="text-muted">STM32发烧友</span> <a class="tag" taget="_blank" href="/search/stm32/1.htm">stm32</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a> <div>1.引言传统图书馆管理存在借还效率低、书籍定位困难等问题。本文设计了一款基于STM32的智能图书馆管理系统,通过RFID技术、智能导航与自助服务终端,实现图书精准管理,提升读者服务体验。2.系统设计2.1硬件设计主控芯片:STM32F429ZI,集成LCD控制器与硬件JPEG解码感知模块:RFID读写器(MFRC522):识别图书标签红外传感器(E18-D80NK):检测书籍存取状态重量传感器(H</div> </li> <li><a href="/article/1892341681198526464.htm" title="Stm32中SysTick 定时器的使用" target="_blank">Stm32中SysTick 定时器的使用</a> <span class="text-muted">weixin_58038206</span> <a class="tag" taget="_blank" href="/search/stm32/1.htm">stm32</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a> <div>ysTick_Config(SystemCoreClock/100);这行代码通常出现在基于ARMCortex-M内核微控制器的程序中,用于配置SysTick定时器,下面结合代码进行详细解释:1.SysTick定时器SysTick定时器是ARMCortex-M内核中一个简单的24位递减定时器,也被称为系统滴答定时器。它常用于产生精确的时间延迟、实现周期性的任务调度等功能。2.SystemCoreC</div> </li> <li><a href="/article/1892341428651094016.htm" title="教程分享:手机应用自动化" target="_blank">教程分享:手机应用自动化</a> <span class="text-muted">QH_ShareHub</span> <a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>手机应用程序的自动化通常涉及使用专门设计的自动化框架和工具。对于Android和iOS平台,以下是一些常用的自动化工具:Android:Espresso:Espresso是谷歌官方支持的自动化测试框架。它适用于写UI测试来模拟用户对Android应用的交云。Espresso工作在应用程序的内存中,因此能够快速执行。UIAutomator:这个框架允许测试者创建自动化脚本来检测和操作用户界面元素。它</div> </li> <li><a href="/article/1892331593729634304.htm" title="Anaconda 国内常用镜像地址" target="_blank">Anaconda 国内常用镜像地址</a> <span class="text-muted">那个发光的</span> <a class="tag" taget="_blank" href="/search/anaconda/1.htm">anaconda</a> <div>Anaconda镜像地址http://mirrors.aliyun.com/pypi/simple///阿里https://pypi.tuna.tsinghua.edu.cn/simple///清华http://pypi.douban.com///豆瓣http://pypi.hustunique.com///华中理工大学http://pypi.sdutlinux.org///山东理工大学http:</div> </li> <li><a href="/article/1892322898102775808.htm" title="在Linux上安装和使用Docker" target="_blank">在Linux上安装和使用Docker</a> <span class="text-muted">向着开发进攻</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a> <div>在Linux上安装和使用Docker:一步步指南Docker是一种流行的容器化平台,它可以帮助开发者轻松构建、部署和运行应用程序。在本文中,我们将介绍如何在Linux系统上安装Docker,并提供一些常用的Docker命令和使用说明。1.安装DockerUbuntu系统更新包索引并安装必要的软件包以允许apt通过HTTPS使用存储库:sudoaptupdatesudoaptinstallapt-t</div> </li> <li><a href="/article/1892322013918326784.htm" title="使用LM Studio在WordPress基于大模型原创文章上稿进行SEO优化" target="_blank">使用LM Studio在WordPress基于大模型原创文章上稿进行SEO优化</a> <span class="text-muted">Mr数据杨</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E6%8A%80%E6%9C%AF/1.htm">自然语言技术</a><a class="tag" taget="_blank" href="/search/wordpress/1.htm">wordpress</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/seo/1.htm">seo</a><a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a> <div>在进行自动化文章生成与发布的流程中,首先需要确保基础配置的完善性和数据的准确性。通过手动设置分类和标签,文章能够在发布时被准确归类,从而提升SEO的效果。通过Excel表格的方式管理这些分类与标签,结合Python脚本,可以高效地实现自动化文章的生成和发布。该流程依赖于对WordPress数据库的操作,包括标签的批量导入、分类和标签的映射,以及通过AI生成内容的自动发布。全面的配置不仅节省了手动处</div> </li> <li><a href="/article/1892313447094349824.htm" title="mongodb 常用命令" target="_blank">mongodb 常用命令</a> <span class="text-muted">打瞌睡的小张</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</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/nosql/1.htm">nosql</a> <div>命令行连接mongodb:mongosh“mongodb+srv://host”--apiVersion1--usernamexxxxx查看有哪些库:showdatabases切换到操作库:usename必须切换到指定数据库才可以进行下面的增删改查操作查看表:showcollections查询所有数据:db.collectionName.find()查询表中一条数据:db.collectionNa</div> </li> <li><a href="/article/1892311808618852352.htm" title="MongoDB:掌握核心常用命令语句,精通数据操作" target="_blank">MongoDB:掌握核心常用命令语句,精通数据操作</a> <span class="text-muted">泰山AI</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E6%8A%80%E6%9C%AF/1.htm">数据库技术</a><a class="tag" taget="_blank" href="/search/Docker%E5%85%A5%E9%97%A8%E5%88%B0%E7%B2%BE%E9%80%9A/1.htm">Docker入门到精通</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>标题:MongoDB:掌握核心命令,精通数据操作前言:MongoDB是一种非关系型数据库,以文档为中心,使用JSON格式的BSON来存储数据。它具有高可用性、高性能和易于扩展的特点,被广泛应用于各种规模的项目中。本文将详细介绍MongoDB的常用命令,帮助你更好地理解和掌握MongoDB的数据操作。一、连接与断开数据库要开始使用MongoDB,首先需要连接到数据库。在命令行中输入以下命令:mong</div> </li> <li><a href="/article/1892308142964928512.htm" title="第 4-2 课:MongoDB 常用命令" target="_blank">第 4-2 课:MongoDB 常用命令</a> <span class="text-muted">Java大联盟</span> <a class="tag" taget="_blank" href="/search/%E6%A1%88%E4%BE%8B%E4%B8%8A%E6%89%8B/1.htm">案例上手</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/%E5%85%A8%E5%AE%B6%E6%A1%B6/1.htm">全家桶</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/Boot/1.htm">Boot</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/Cloud/1.htm">Cloud</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/MVC/1.htm">MVC</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/Boot/1.htm">Boot</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a> <div>前言上节课我们已经成功搭建起来MongoDB服务器,本节课我们来介绍MongoDB数据库的常用命令。MongoDB的命令比传统SQL更加简便,使用起来更加方便,它的操作更贴近面向对象思想,这是因为MongoDB的存储结构是BSON格式,类似于JSON的一种数据格式,所以MongoDB操作起来非常灵活,不会像传统的关系型数据库那样有很多限制。我们要介绍的常用命令大致分为以下3种。对数据库的操作,包括</div> </li> <li><a href="/article/1892307279949131776.htm" title="Linux sftp 使用详解" target="_blank">Linux sftp 使用详解</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>简介SFTP(安全文件传输协议)是一种通过网络在计算机之间传输文件的安全方法。它是SSH协议的一部分,这意味着它在文件传输过程中提供加密通信。SFTP通常用于安全文件管理、远程文件访问和远程文件编辑。常用命令sftpuser@host:通过SFTP连接到远程服务器ls:列出当前远程目录中的文件cd:更改远程目录pwd:显示当前远程目录lcd:更改本地目录lpwd:显示当前本地目录put:将文件从本</div> </li> <li><a href="/article/1892306883390271488.htm" title="DeepSeek指导手册从入门到精通" target="_blank">DeepSeek指导手册从入门到精通</a> <span class="text-muted">向画</span> <a class="tag" taget="_blank" href="/search/%E5%8A%9F%E8%83%BD/1.htm">功能</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a><a class="tag" taget="_blank" href="/search/laravel/1.htm">laravel</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>第一章:准备篇(30分钟上手)1.1三分钟创建你的AI伙伴步骤详解访问官网:在浏览器输入「www.deepseek.com」。注册账号:点击右上角「笑脸图标」,选择「邮箱/手机注册」(建议使用常用邮箱)。验证身份:查看收件箱找到验证邮件,点击蓝色确认按钮(找不到可检查垃圾箱)。首次登录:输入密码时建议使用「大小写字母+数字」组合(例如:Deep2024@seek)。避坑指南如果遇到验证码不显示,尝</div> </li> <li><a href="/article/1892304594562772992.htm" title="无人设备遥控器之天线设计篇" target="_blank">无人设备遥控器之天线设计篇</a> <span class="text-muted">SKYDROID云卓小助手</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E6%A3%80%E6%B5%8B/1.htm">目标检测</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a> <div>无人设备遥控器天线设计是一个复杂而关键的过程,它涉及到多个方面的考虑,包括天线的类型、工作频段、方向性、增益、尺寸、重量以及功耗等。一、天线类型无人设备遥控器天线的设计首先要确定天线的类型。常见的天线类型包括鞭状天线、螺旋天线、微带天线等。鞭状天线通常用于低频段,具有结构简单、易于制作和调试的优点;螺旋天线则适用于中高频段,具有较好的方向性和增益;微带天线则因其剖面低、体积小、重量轻、易共形和可集</div> </li> <li><a href="/article/1892300435465760768.htm" title="Java中的锁" target="_blank">Java中的锁</a> <span class="text-muted">向画</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>这里举例6种悲观锁和乐观锁是两种不同的并发控制策略,用于解决多线程或多进程环境下对共享资源访问时可能出现的数据不一致问题。下面分别介绍它们的概念、实现方式以及代码示例。悲观锁概念悲观锁假设在整个数据处理过程中,会有其他线程或进程来修改数据,因此在操作数据之前会先对数据进行加锁,确保在自己操作期间其他线程无法访问和修改该数据,直到操作完成并释放锁。这种锁的策略比较“悲观”,常用于写操作频繁的场景。实</div> </li> <li><a href="/article/1892296529092341760.htm" title="前端面试题(HTML篇)" target="_blank">前端面试题(HTML篇)</a> <span class="text-muted">每天一点点~</span> <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> <div>1.网络中使用最多的图片格式有哪些?JPEG,GIF,PNG最流行的是JPEG格式,可以把文件压缩到最小在PS以JPEG格式存储时,提供11级压缩等级2.Doctype作用?严格模式与混杂模式如何区分?它们有何意义?声明文档类型声明位于位于HTML文档中的第一行,处于标签之前DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式(严格模式)浏览器按照W3C的标准解析执行代码标准模式(严</div> </li> <li><a href="/article/1892292737445720064.htm" title="【Java】Java 常用核心类篇(二)" target="_blank">【Java】Java 常用核心类篇(二)</a> <span class="text-muted">hrrrrb</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80/1.htm">基础</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>目录Math类Math类概述常用常量Math.PIMath.E常用方法三角函数方法反三角函数方法指数和对数方法取整方法绝对值和最值方法随机数方法角度转换方法Math类Math类概述在Java编程里,Math类是一个极其重要的工具类,它存于java.lang包下。java.lang包是Java语言的核心包,在使用其中的类时,无需额外导入,Java编译器会自动处理。Math类有两个显著特点:被fina</div> </li> <li><a href="/article/1892290213355515904.htm" title="ZBrush:导出与导入ZBrush模型_2024-07-15_19-55-08.Tex" target="_blank">ZBrush:导出与导入ZBrush模型_2024-07-15_19-55-08.Tex</a> <span class="text-muted">chenjj4003</span> <a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F%E5%BC%80%E5%8F%91/1.htm">游戏开发</a><a class="tag" taget="_blank" href="/search/zbrush/1.htm">zbrush</a><a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a><a class="tag" taget="_blank" href="/search/%E8%B4%B4%E5%9B%BE/1.htm">贴图</a><a class="tag" taget="_blank" href="/search/substance/1.htm">substance</a><a class="tag" taget="_blank" href="/search/painter/1.htm">painter</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%A0%81%E7%9B%B8%E6%9C%BA/1.htm">数码相机</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>ZBrush:导出与导入ZBrush模型ZBrush模型导出基础了解ZBrush的导出格式ZBrush是一款强大的数字雕塑和绘画软件,它支持多种模型导出格式,以适应不同的下游应用需求。在ZBrush中,最常见的导出格式包括:OBJ:一种广泛支持的3D模型格式,可以包含顶点、面、纹理坐标和法线信息。STL:常用于3D打印,仅包含顶点和面信息,不支持纹理和颜色。FBX:支持动画和骨骼,是游戏和电影行业</div> </li> <li><a href="/article/1892284796076355584.htm" title="堆和栈的区别" target="_blank">堆和栈的区别</a> <span class="text-muted">凌云行者</span> <a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a><a class="tag" taget="_blank" href="/search/%E5%A0%86/1.htm">堆</a><a class="tag" taget="_blank" href="/search/%E6%A0%88/1.htm">栈</a><a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a> <div>堆和栈不同点:内存分配方式不同:栈:栈上的内存是自动分配和释放的,通常用于存储函数调用过程中的局部变量、调用参数和使用的寄存器状态等信息。堆:堆上的内存是动态分配的,程序在运行时可以根据需要分配和释放内存。在C++中可以通过new/new[]分配堆内存,使用delete/delete[]释放堆内存。在C中可以使用malloc、calloc和realloc函数分配堆内存,使用free函数释放堆内存内</div> </li> <li><a href="/article/1892280509980012544.htm" title="深入理解Java的集合框架" target="_blank">深入理解Java的集合框架</a> <span class="text-muted">一碗黄焖鸡三碗米饭</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>深入理解Java的集合框架Java集合框架(JavaCollectionsFramework,简称JCF)是Java语言中最常用的API之一,它为开发者提供了强大且灵活的数据结构支持。集合框架通过一系列的接口和实现类,帮助我们管理、存储和操作数据。Java集合框架包括常见的List、Set、Map等接口及其具体实现类,合理选择适当的集合类型,对于程序性能和代码可维护性至关重要。本文将深入解析Jav</div> </li> <li><a href="/article/1892267781152370688.htm" title="STM32硬件SPI函数解析与示例" target="_blank">STM32硬件SPI函数解析与示例</a> <span class="text-muted">weixin_58038206</span> <a class="tag" taget="_blank" href="/search/stm32/1.htm">stm32</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a> <div>1.SPI简介SPI(SerialPeripheralInterface)即串行外设接口,是一种高速、全双工、同步的通信总线,常用于微控制器与各种外设(如传感器、存储器等)之间的通信。STM32系列微控制器提供了多个SPI接口,具有灵活的配置选项。2.相关函数解析2.1初始化相关函数SPI_Init(SPI_TypeDef*SPIx,SPI_InitTypeDef*SPI_InitStruct)功</div> </li> <li><a href="/article/1892267401941151744.htm" title="c++中的string、vector、list、stack、set、map等常用STL容器总结" target="_blank">c++中的string、vector、list、stack、set、map等常用STL容器总结</a> <span class="text-muted">子春_贰叁</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/stl/1.htm">stl</a> <div>文章目录string类vectorliststackqueuepriority_queue(优先级队列)deque(双端队列)setmultisetmapunordered_mapstring类string类简介:1.string类是表示字符串的字符串类2.string在底层实际是:basic_string模板类的别名,typedefbasic_stringstring3.不能操作多字节或者变长字</div> </li> <li><a href="/article/1892263998942932992.htm" title="Linux系统性能调优技巧" target="_blank">Linux系统性能调优技巧</a> <span class="text-muted">敖光 SRE</span> <a class="tag" taget="_blank" href="/search/devops/1.htm">devops</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>Linux系统性能调优需要结合硬件资源、业务场景和系统瓶颈进行针对性优化。以下是系统化的调优思路和常用技巧,涵盖CPU、内存、磁盘、网络、内核参数等核心方向:一、性能分析工具速查工具用途示例命令top/htop实时监控进程CPU、内存占用htop-d10vmstat查看内存、进程、CPU上下文切换vmstat15iostat监控磁盘I/O和吞吐量iostat-x1sar历史性能数据收集(需安装sy</div> </li> <li><a href="/article/31.htm" title="312个免费高速HTTP代理IP(能隐藏自己真实IP地址)" target="_blank">312个免费高速HTTP代理IP(能隐藏自己真实IP地址)</a> <span class="text-muted">yangshangchuan</span> <a class="tag" taget="_blank" href="/search/%E9%AB%98%E9%80%9F/1.htm">高速</a><a class="tag" taget="_blank" href="/search/%E5%85%8D%E8%B4%B9/1.htm">免费</a><a class="tag" taget="_blank" href="/search/superword/1.htm">superword</a><a class="tag" taget="_blank" href="/search/HTTP%E4%BB%A3%E7%90%86/1.htm">HTTP代理</a> <div>    124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20</div> </li> <li><a href="/article/158.htm" title="pull解析和json编码" target="_blank">pull解析和json编码</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/pull%E8%A7%A3%E6%9E%90/1.htm">pull解析</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java</div> </li> <li><a href="/article/285.htm" title="[能源与矿产]石油与地球生态系统" target="_blank">[能源与矿产]石油与地球生态系统</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%83%BD%E6%BA%90/1.htm">能源</a> <div>       按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好</div> </li> <li><a href="/article/412.htm" title="类与对象浅谈" target="_blank">类与对象浅谈</a> <span class="text-muted">沐刃青蛟</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80/1.htm">基础</a> <div>        类,字面理解,便是同一种事物的总称,比如人类,是对世界上所有人的一个总称。而对象,便是类的具体化,实例化,是一个具体事物,比如张飞这个人,就是人类的一个对象。但要注意的是:张飞这个人是对象,而不是张飞,张飞只是他这个人的名字,是他的属性而已。而一个类中包含了属性和方法这两兄弟,他们分别用来描述对象的行为和性质(感觉应该是</div> </li> <li><a href="/article/539.htm" title="新站开始被收录后,我们应该做什么?" target="_blank">新站开始被收录后,我们应该做什么?</a> <span class="text-muted">IT独行者</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/seo/1.htm">seo</a> <div>新站开始被收录后,我们应该做什么?         百度终于开始收录自己的网站了,作为站长,你是不是觉得那一刻很有成就感呢,同时,你是不是又很茫然,不知道下一步该做什么了?至少我当初就是这样,在这里和大家一份分享一下新站收录后,我们要做哪些工作。       至于如何让百度快速收录自己的网站,可以参考我之前的帖子《新站让百</div> </li> <li><a href="/article/666.htm" title="oracle 连接碰到的问题" target="_blank">oracle 连接碰到的问题</a> <span class="text-muted">文强chu</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>Unable to find a java Virtual Machine--安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者:草根IT网 来源:未知 人气:813标签: 导读:安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径,找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod</div> </li> <li><a href="/article/793.htm" title="Swing中按ctrl键同时移动鼠标拖动组件(类中多借口共享同一数据)" target="_blank">Swing中按ctrl键同时移动鼠标拖动组件(类中多借口共享同一数据)</a> <span class="text-muted">小桔子</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BB%A7%E6%89%BF/1.htm">继承</a><a class="tag" taget="_blank" href="/search/swing/1.htm">swing</a><a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3/1.htm">接口</a><a class="tag" taget="_blank" href="/search/%E7%9B%91%E5%90%AC/1.htm">监听</a> <div>        都知道java中类只能单继承,但可以实现多个接口,但我发现实现多个接口之后,多个接口却不能共享同一个数据,应用开发中想实现:当用户按着ctrl键时,可以用鼠标点击拖动组件,比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口,重写方法。定义一个全局变量boolea</div> </li> <li><a href="/article/920.htm" title="linux常用的命令" target="_blank">linux常用的命令</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/1.htm">常用命令</a> <div>1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法:date [OPTION]... [+FORMAT] </div> </li> <li><a href="/article/1047.htm" title="eclipse内存优化" target="_blank">eclipse内存优化</a> <span class="text-muted">AILIKES</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a> <div>一 基本说明      在JVM中,总体上分2块内存区,默认空余堆内存小于 40%时,JVM就会增大堆直到-Xmx的最大限制;空余堆内存大于70%时,JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域,所有类实例和数组的内存均从此处分配,是Java代码可及的内存,是留给开发人</div> </li> <li><a href="/article/1174.htm" title="关键字的使用探讨" target="_blank">关键字的使用探讨</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E5%85%B3%E9%94%AE%E5%AD%97/1.htm">关键字</a> <div>//关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖,但可以继承 final 变量 只能有一次赋值,赋值后不能改变 final 不能用来修饰构造方法*///this()</div> </li> <li><a href="/article/1301.htm" title="JS中定义对象的几种方式" target="_blank">JS中定义对象的几种方式</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div>    1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象): <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object(); </div> </li> <li><a href="/article/1428.htm" title="表驱动法实例" target="_blank">表驱动法实例</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E9%A9%B1%E5%8A%A8%E6%B3%95/1.htm">表驱动法</a><a class="tag" taget="_blank" href="/search/TDD/1.htm">TDD</a> <div>获得月的天数是典型的直接访问驱动表方式的实例,下面我们来展示一下: MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T</div> </li> <li><a href="/article/1555.htm" title="LInux启停重启常用服务器的脚本" target="_blank">LInux启停重启常用服务器的脚本</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>启动,停止和重启常用服务器的Bash脚本,对于每个服务器,需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo</div> </li> <li><a href="/article/1682.htm" title="【HBase六】REST操作HBase" target="_blank">【HBase六】REST操作HBase</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a> <div>HBase提供了REST风格的服务方便查看HBase集群的信息,以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动(默认端口号8080) [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定</div> </li> <li><a href="/article/1809.htm" title="大话zabbix 3.0设计假设" target="_blank">大话zabbix 3.0设计假设</a> <span class="text-muted">ronin47</span> <div>What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候,是1.8.X的版本,今年Zabbix已经跨入了2.0的时代。看了2.0的release notes,和performance相关的有下面几个:          :: Performance improvements::Trigger related da</div> </li> <li><a href="/article/1936.htm" title="http错误码大全" target="_blank">http错误码大全</a> <span class="text-muted">byalias</span> <a class="tag" taget="_blank" href="/search/http%E5%8D%8F%E8%AE%AE/1.htm">http协议</a><a class="tag" taget="_blank" href="/search/javaweb/1.htm">javaweb</a> <div>响应码由三位十进制数字组成,它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型,由它们的第一位数字表示: 1)1xx:信息,请求收到,继续处理 2)2xx:成功,行为被成功地接受、理解和采纳 3)3xx:重定向,为了完成请求,必须进一步执行的动作 4)4xx:客户端错误,请求包含语法错误或者请求无法实现 5)5xx:服务器错误,服务器不能实现一种明显无效的请求 </div> </li> <li><a href="/article/2063.htm" title="J2EE设计模式-Intercepting Filter" target="_blank">J2EE设计模式-Intercepting Filter</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系,全部Filter都存放在FilterChain中,由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下: package com.ljn.filter.custom; import java.util.ArrayList;</div> </li> <li><a href="/article/2190.htm" title="修改jboss端口" target="_blank">修改jboss端口</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/jboss/1.htm">jboss</a> <div>修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin</div> </li> <li><a href="/article/2317.htm" title="c++ 用类模版实现数组类" target="_blank">c++ 用类模版实现数组类</a> <span class="text-muted">CrazyMizzz</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a> <div>最近c++学到数组类,写了代码将他实现,基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数 </div> </li> <li><a href="/article/2444.htm" title="hadoop dfs.datanode.du.reserved 预留空间配置方法" target="_blank">hadoop dfs.datanode.du.reserved 预留空间配置方法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E9%A2%84%E7%95%99%E7%A9%BA%E9%97%B4/1.htm">预留空间</a> <div>对于datanode配置预留空间的方法 为:在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    </div> </li> <li><a href="/article/2571.htm" title="mysql远程访问的设置" target="_blank">mysql远程访问的设置</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E9%98%B2%E7%81%AB%E5%A2%99/1.htm">防火墙</a> <div>第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况,my.cnf放置于在以下目录: /etc/mysql/my.cnf (Debian linux) /etc/my.cnf (Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf,修改内容从以下行: [mysqld] 你所需要: 1</div> </li> <li><a href="/article/2698.htm" title="ios 使用特定的popToViewController返回到相应的Controller" target="_blank">ios 使用特定的popToViewController返回到相应的Controller</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/controller/1.htm">controller</a> <div>1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后,执行, [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES</div> </li> <li><a href="/article/2825.htm" title="Linux正则表达式和通配符的区别" target="_blank">Linux正则表达式和通配符的区别</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/%E9%80%9A%E9%85%8D%E7%AC%A6%E5%92%8C%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E7%9A%84%E5%8C%BA%E5%88%AB/1.htm">通配符和正则表达式的区别</a><a class="tag" taget="_blank" href="/search/%E9%80%9A%E9%85%8D%E7%AC%A6/1.htm">通配符</a> <div>转载请出自出处:http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该</div> </li> <li><a href="/article/2952.htm" title="Ubuntu Mysql Install and CONF" target="_blank">Ubuntu Mysql Install and CONF</a> <span class="text-muted">gengzg</span> <a class="tag" taget="_blank" href="/search/Install/1.htm">Install</a> <div>http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ,网址:http://www.navicat.com/en/download/download.html Step2:进入下载目录,解压压缩包:tar -zxvf navicat11_mysql_en.tar.gz </div> </li> <li><a href="/article/3079.htm" title="批处理,删除文件bat" target="_blank">批处理,删除文件bat</a> <span class="text-muted">huqiji</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/dos/1.htm">dos</a> <div>@echo off ::演示:删除指定路径下指定天数之前(以文件名中包含的日期字符串为准)的文件。 ::如果演示结果无误,把del前面的echo去掉,即可实现真正删除。 ::本例假设文件名中包含的日期字符串(比如:bak-2009-12-25.log) rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1</div> </li> <li><a href="/article/3206.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>HTML5的video和audio标签是用来在网页中加入视频和音频的标签,在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in </div> </li> <li><a href="/article/3333.htm" title="Bundle自定义数据传递" target="_blank">Bundle自定义数据传递</a> <span class="text-muted">hm4123660</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/Serializable/1.htm">Serializable</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89%E6%95%B0%E6%8D%AE%E4%BC%A0%E9%80%92/1.htm">自定义数据传递</a><a class="tag" taget="_blank" href="/search/Bundle/1.htm">Bundle</a><a class="tag" taget="_blank" href="/search/Parcelable/1.htm">Parcelable</a> <div>      我们都知道Bundle可能过put****()方法添加各种基本类型的数据,Intent也可以通过putExtras(Bundle)将数据添加进去,然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent</div> </li> <li><a href="/article/3460.htm" title="C#:异步编程和线程的使用(.NET 4.5 )" target="_blank">C#:异步编程和线程的使用(.NET 4.5 )</a> <span class="text-muted">powertoolsteam</span> <a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E6%AD%A5%E7%BC%96%E7%A8%8B/1.htm">异步编程</a> <div>异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程,可使用线程也可以不用。将异步与线程同时讲,将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作?异步操作是指某些操作能够独立运行,不依赖主流程或主其他处理流程。通常情况下,C#程序</div> </li> <li><a href="/article/3587.htm" title="spark 查看 job history 日志" target="_blank">spark 查看 job history 日志</a> <span class="text-muted">Stark_Summer</span> <a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%BF%97/1.htm">日志</a><a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/history/1.htm">history</a><a class="tag" taget="_blank" href="/search/job/1.htm">job</a> <div>SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP</div> </li> <li><a href="/article/3714.htm" title="SSH框架搭建" target="_blank">SSH框架搭建</a> <span class="text-muted">wangxiukai2015eye</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a> <div>MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目,为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts</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>