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/1835513551142350848.htm" title="OC语言多界面传值五大方式" target="_blank">OC语言多界面传值五大方式</a> <span class="text-muted">Magnetic_h</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/objective-c/1.htm">objective-c</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>前言在完成暑假仿写项目时,遇到了许多需要用到多界面传值的地方,这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值,简单地说就是通过访问后一个视图控制器的属性来为它赋值,通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt</div> </li> <li><a href="/article/1835511912843014144.htm" title="理解Gunicorn:Python WSGI服务器的基石" target="_blank">理解Gunicorn:Python WSGI服务器的基石</a> <span class="text-muted">范范0825</span> <a class="tag" taget="_blank" href="/search/ipython/1.htm">ipython</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> <div>理解Gunicorn:PythonWSGI服务器的基石介绍Gunicorn,全称GreenUnicorn,是一个为PythonWSGI(WebServerGatewayInterface)应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具,Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置,帮助初学者快速上手。1.什么是Gunico</div> </li> <li><a href="/article/1835508131032035328.htm" title="ArcGIS栅格计算器常见公式(赋值、0和空值的转换、补充栅格空值)" target="_blank">ArcGIS栅格计算器常见公式(赋值、0和空值的转换、补充栅格空值)</a> <span class="text-muted">研学随笔</span> <a class="tag" taget="_blank" href="/search/arcgis/1.htm">arcgis</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a> <div>我们在使用ArcGIS时通常经常用到栅格计算器,今天主要给大家介绍我日常中经常用到的几个公式,供大家参考学习。将特定值(-9999)赋值为0,例如-9999.Con("raster"==-9999,0,"raster")2.给空值赋予特定的值(如0)Con(IsNull("raster"),0,"raster")3.将特定的栅格值(如1)赋值为空值,其他保留原值SetNull("raster"==</div> </li> <li><a href="/article/1835506869838376960.htm" title="Python数据分析与可视化实战指南" target="_blank">Python数据分析与可视化实战指南</a> <span class="text-muted">William数据分析</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE/1.htm">数据</a> <div>在数据驱动的时代,Python因其简洁的语法、强大的库生态系统以及活跃的社区,成为了数据分析与可视化的首选语言。本文将通过一个详细的案例,带领大家学习如何使用Python进行数据分析,并通过可视化来直观呈现分析结果。一、环境准备1.1安装必要库在开始数据分析和可视化之前,我们需要安装一些常用的库。主要包括pandas、numpy、matplotlib和seaborn等。这些库分别用于数据处理、数学</div> </li> <li><a href="/article/1835505858444881920.htm" title="git常用命令笔记" target="_blank">git常用命令笔记</a> <span class="text-muted">咩酱-小羊</span> <a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>###用习惯了idea总是不记得git的一些常见命令,需要用到的时候总是担心旁边站了人~~~记个笔记@_@,告诉自己看笔记不丢人初始化初始化一个新的Git仓库gitinit配置配置用户信息gitconfig--globaluser.name"YourName"gitconfig--globaluser.email"youremail@example.com"基本操作克隆远程仓库gitclone查看</div> </li> <li><a href="/article/1835502282603589632.htm" title="509. 斐波那契数(每日一题)" target="_blank">509. 斐波那契数(每日一题)</a> <span class="text-muted">lzyprime</span> <div>lzyprime博客(github)创建时间:2021.01.04qq及邮箱:2383518170leetcode笔记题目描述斐波那契数,通常用F(n)表示,形成的序列称为斐波那契数列。该数列由0和1开始,后面的每一项数字都是前面两项数字的和。也就是:F(0)=0,F(1)=1F(n)=F(n-1)+F(n-2),其中n>1给你n,请计算F(n)。示例1:输入:2输出:1解释:F(2)=F(1)+</div> </li> <li><a href="/article/1835499052125483008.htm" title="Git常用命令-修改远程仓库地址" target="_blank">Git常用命令-修改远程仓库地址</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/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>查看远程仓库地址gitremote-v返回结果originhttps://git.coding.net/*****.git(fetch)originhttps://git.coding.net/*****.git(push)修改远程仓库地址gitremoteset-urloriginhttps://git.coding.net/*****.git先删除后增加远程仓库地址gitremotermori</div> </li> <li><a href="/article/1835498925755297792.htm" title="DIV+CSS+JavaScript技术制作网页(旅游主题网页设计与制作)云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页(旅游主题网页设计与制作)云南大理</a> <span class="text-muted">STU学生网页设计</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a> <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业:【HTML5网页期末作业(1000套)】程序员有趣的告白方式:【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div> </li> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)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/javascript/1.htm">javascript</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/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业,Web大学生网页HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业(div+css) 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业(div+css) 云南我的家乡旅游景点 带文字滚动</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/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript:做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835495770502033408.htm" title="Day17笔记-高阶函数" target="_blank">Day17笔记-高阶函数</a> <span class="text-muted">~在杰难逃~</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</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/pycharm/1.htm">pycharm</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a> <div>高阶函数【重点掌握】函数的本质:函数是一个变量,函数名是一个变量名,一个函数可以作为另一个函数的参数或返回值使用如果A函数作为B函数的参数,B函数调用完成之后,会得到一个结果,则B函数被称为高阶函数常用的高阶函数:map(),reduce(),filter(),sorted()1.map()map(func,iterable),返回值是一个iterator【容器,迭代器】func:函数iterab</div> </li> <li><a href="/article/1835490218845761536.htm" title="Python爬虫解析工具之xpath使用详解" target="_blank">Python爬虫解析工具之xpath使用详解</a> <span class="text-muted">eqa11</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/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爬虫解析工具之xpath使用详解一、引言二、环境准备1、插件安装2、依赖库安装三、xpath语法详解1、路径表达式2、通配符3、谓语4、常用函数四、xpath在Python代码中的使用1、文档树的创建2、使用xpath表达式3、获取元素内容和属性五、总结Python爬虫解析工具之xpath使用详解一、引言在Python爬虫开发中,数据提取是一个至关重要的环节。xpath作为一门</div> </li> <li><a href="/article/1835484672059076608.htm" title="mac电脑命令行获取电量" target="_blank">mac电脑命令行获取电量</a> <span class="text-muted">小米人er</span> <a class="tag" taget="_blank" href="/search/%E6%88%91%E7%9A%84%E5%8D%9A%E5%AE%A2/1.htm">我的博客</a><a class="tag" taget="_blank" href="/search/macos/1.htm">macos</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4%E8%A1%8C/1.htm">命令行</a> <div>在macOS上,有几个命令行工具可以用来获取电量信息,最常用的是pmset命令。你可以通过以下方式来查看电池状态和电量信息:查看电池状态:pmset-gbatt这个命令会返回类似下面的输出:Nowdrawingfrom'BatteryPower'-InternalBattery-0(id=1234567)95%;discharging;4:02remainingpresent:true输出中包括电</div> </li> <li><a href="/article/1835484293607026688.htm" title="【Git】常见命令(仅笔记)" target="_blank">【Git】常见命令(仅笔记)</a> <span class="text-muted">好想有猫猫</span> <a class="tag" taget="_blank" href="/search/Git/1.htm">Git</a><a class="tag" taget="_blank" href="/search/Linux%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">Linux学习笔记</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>文章目录创建/初始化本地仓库添加本地仓库配置项提交文件查看仓库状态回退仓库查看日志分支删除文件暂存工作区代码远程仓库使用`.gitigore`文件让git不追踪一些文件标签创建/初始化本地仓库gitinit添加本地仓库配置项gitconfig-l#以列表形式显示配置项gitconfiguser.name"ljh"#配置user.namegitconfiguser.email"123123@qq.c</div> </li> <li><a href="/article/1835476983614631936.htm" title="Python开发常用的三方模块如下:" target="_blank">Python开发常用的三方模块如下:</a> <span class="text-muted">换个网名有点难</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</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是一门功能强大的编程语言,拥有丰富的第三方库,这些库为开发者提供了极大的便利。以下是100个常用的Python库,涵盖了多个领域:1、NumPy,用于科学计算的基础库。2、Pandas,提供数据结构和数据分析工具。3、Matplotlib,一个绘图库。4、Scikit-learn,机器学习库。5、SciPy,用于数学、科学和工程的库。6、TensorFlow,由Google开发的开源机</div> </li> <li><a href="/article/1835476476514889728.htm" title="Shell、Bash、Zsh这都是啥啊" target="_blank">Shell、Bash、Zsh这都是啥啊</a> <span class="text-muted">小白码上飞</span> <a class="tag" taget="_blank" href="/search/bash/1.htm">bash</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Zsh和Bash都是我们常用的Shell,那先搞明白啥是shell吧。Shell作为一个单词,他是“壳”的意思,蛋壳坚果壳。之所以叫壳,是为了和计算机的“核”来区分,用它表示“为使用者提供的操作界面”。所以这个命名其实很形象,翻译成中文,直译过来叫“壳层”。个人认为这个叫法很奇怪,意译貌似也没有什么好的词汇来匹配。就还是叫shell吧。维基百科给的定义是:Incomputing,ashellisa</div> </li> <li><a href="/article/1835471185589137408.htm" title="一文掌握python常用的list(列表)操作" target="_blank">一文掌握python常用的list(列表)操作</a> <span class="text-muted">程序员neil</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>目录一、创建列表1.直接创建列表:2.使用list()构造器3.使用列表推导式4.创建空列表二、访问列表元素1.列表支持通过索引访问元素,索引从0开始:2.还可以使用切片操作访问列表的一部分:三、修改列表元素四、添加元素1.append():在末尾添加元素2.insert():在指定位置插入元素五、删除元素1.del:删除指定位置的元素2.remove():删除指定值的第一个匹配项3.pop():</div> </li> <li><a href="/article/1835469991932162048.htm" title="发现荞麦过敏这件事" target="_blank">发现荞麦过敏这件事</a> <span class="text-muted">怪小泊</span> <div>荞麦在我这里不是常用的谷物。所以前二十年,我以为自己是很正常的,从街头小吃到包装零食到每日三餐,从来没有不能吃的。可是有天我突然病倒了,喉咙火辣辣的肿痛,口水都咽不下去,舌头发麻。当时我以为吃太多零食所致,因为那天我吃了很辣的泡椒凤爪。其实我是不怎么吃辣的。而那个泡椒凤爪真的超辣。当时我以为自己吃多了,并不知道自己对哪个食物过敏。因为不舒服我早早睡了,结果并没有睡着。肚子一阵一阵疼,非常痛苦,终于</div> </li> <li><a href="/article/1835469860977602560.htm" title="十大可以挣钱的软件(盘点当前赚钱快还靠谱的7个赚钱软件)" target="_blank">十大可以挣钱的软件(盘点当前赚钱快还靠谱的7个赚钱软件)</a> <span class="text-muted">高省APP大九</span> <div>挣钱软件可以用“泛滥”来形容了,网上各式各样的打着“赚钱”标签的挣钱软件着实让人眼花缭乱,不知道的还以为随便找个软件玩玩就能发家致富,体验过的人却看得清清楚楚明明白白,挣钱软件哪有看到的那么“繁荣”,很多不过是标榜着赚钱来忽悠老百姓的“假”软件罢了!很多网友都在抱怨想找个真正能赚钱的软件太难了,有人花费了大量的时间和精力也没找到个称心如意的挣钱软件,不过现在你是幸运的,本篇千秋将为大家盘点当前赚钱</div> </li> <li><a href="/article/1835466270955368448.htm" title="Linux vi常用命令" target="_blank">Linux vi常用命令</a> <span class="text-muted">fengyehongWorld</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> <div>参考资料viコマンド(vimコマンド)リファレンス目录一.保存系命令二.删除系命令三.移动系命令四.复制粘贴系命令一.保存系命令⏹保存并退出:wq⏹强制保存并退出:wq!⏹退出(文件未编辑):q⏹强制退出(忽略已编辑内容):q!⏹另存为:w新文件名二.删除系命令⏹删除当前行dd⏹清空整个文档gg:移动到文档顶部dG:删除到最后一行ggdG三.移动系命令⏹移动到文档顶部gg⏹移动到文档底部#方式1G</div> </li> <li><a href="/article/1835460528621842432.htm" title="语文主题教学学习笔记之87" target="_blank">语文主题教学学习笔记之87</a> <span class="text-muted">东哥杂谈</span> <div>“语文主题教学”学习笔记之八十七(0125)今天继续学习小学语文主题教学的实践样态。板块三:教学中体现“书艺”味道。作为四大名著之一的《水浒传》,堪称我国文学宝库之经典。对从《水浒传》中摘选的单元,教师就要了解其原生态,即评书体特点。这也要求教师要了解一些常用的评书行话术语,然后在教学时适时地加入一些,让学生体味其文本中原有的特色。学生也要尽可能地通过朗读的方式,而不单是分析讲解的方式进行学习。细</div> </li> <li><a href="/article/1835452402178813952.htm" title="Linux查看服务器日志" target="_blank">Linux查看服务器日志</a> <span class="text-muted">TPBoreas</span> <a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</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> <div>一、tail这个是我最常用的一种查看方式用法如下:tail-n10test.log查询日志尾部最后10行的日志;tail-n+10test.log查询10行之后的所有日志;tail-fn10test.log循环实时查看最后1000行记录(最常用的)一般还会配合着grep用,(实时抓包)例如:tail-fn1000test.log|grep'关键字'(动态抓包)tail-fn1000test.log</div> </li> <li><a href="/article/1835451016456269824.htm" title="MongoDB知识概括" target="_blank">MongoDB知识概括</a> <span class="text-muted">GeorgeLin98</span> <a class="tag" taget="_blank" href="/search/%E6%8C%81%E4%B9%85%E5%B1%82/1.htm">持久层</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>MongoDB知识概括MongoDB相关概念单机部署基本常用命令索引-IndexSpirngDataMongoDB集成副本集分片集群安全认证MongoDB相关概念业务应用场景:传统的关系型数据库(如MySQL),在数据操作的“三高”需求以及应对Web2.0的网站需求面前,显得力不从心。解释:“三高”需求:①Highperformance-对数据库高并发读写的需求。②HugeStorage-对海量数</div> </li> <li><a href="/article/1835450889452744704.htm" title="mac 备份android 手机通讯录导入iphone,iphone如何导出通讯录(轻松教你iPhone备份通讯录的方法)..." target="_blank">mac 备份android 手机通讯录导入iphone,iphone如何导出通讯录(轻松教你iPhone备份通讯录的方法)...</a> <span class="text-muted">weixin_39762838</span> <a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a><a class="tag" taget="_blank" href="/search/%E5%A4%87%E4%BB%BDandroid/1.htm">备份android</a><a class="tag" taget="_blank" href="/search/%E6%89%8B%E6%9C%BA%E9%80%9A%E8%AE%AF%E5%BD%95%E5%AF%BC%E5%85%A5iphone/1.htm">手机通讯录导入iphone</a> <div>在日新月异的手机更替中,换手机已经成为一个非常稀松平常的事情,但将旧手机上面的通讯录导入到新手机还是让不少小伙伴为难,本篇将给大家详细讲解这方面的知识:“苹果手机通讯录怎么导入到新手机”及“安卓手机通讯录导入到新手机”的方法。一、苹果手机通讯录导入到新手机常用方法(SIM卡导入)在苹果手机主频幕上找到“设置”,单击进入设置菜单,下拉菜单列表,点击“邮件、通讯录、日历”,然后找到“导入SIM卡通讯录</div> </li> <li><a href="/article/1835450511172661248.htm" title="高中抓住这两招,帮你实现从学渣到学霸的逆袭" target="_blank">高中抓住这两招,帮你实现从学渣到学霸的逆袭</a> <span class="text-muted">以读攻独</span> <div>富兰克林曾说:“宝贝放错了地方便是废物。”一句话戳中了“位置”的重要性。大多数人,最初对位置的明显感受,似乎就来源于上高中时的座位:成绩好的,坐前排,那里安静,学习氛围浓,受关注度高;成绩差的坐后面,嘈杂,充斥着汗味、食品味、香水味,也经常被点名。所以,位置不仅代表了分数,也给你打上了“学渣”或“学霸”的标签。在《逆袭》这本书中,就真实地讲述一个参加了2014年高考的高中生,用三年的奋斗史,从班级</div> </li> <li><a href="/article/1835448851775975424.htm" title="今日分享:有的孩子家长常常在对于小朋友老是说谎,还特别爱推卸责任,很头痛,不知道该怎么办!" target="_blank">今日分享:有的孩子家长常常在对于小朋友老是说谎,还特别爱推卸责任,很头痛,不知道该怎么办!</a> <span class="text-muted">雨燕Cassie</span> <div>其实六岁以前都不叫撒谎,只能叫做逃避和害怕,因为他们都是没有撒谎的这个概念,家长所谓的撒谎只能说是因为做错了事情,怕受到责罚而找一个「台阶」给自己一下而已,所以家长不能给孩子一个贴上撒谎的这个标签,如果说孩子出现家长所说的撒谎,我们应该做的是:1.允许孩子将事情的原委进行一个表达,给孩子说明的机会,不提示孩子说谎,不急著批评孩子。2.不使用问句,不恐吓和严刑逼供,耐心的以故事或者以分析的形式和孩子</div> </li> <li><a href="/article/1835447732739862528.htm" title="利用python实现图片格式之间的相互转换" target="_blank">利用python实现图片格式之间的相互转换</a> <span class="text-muted">难得北窗高卧</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>一、概要图片一般有多种格式,常见的图片格式包括:JPEG(.jpg或.jpeg):一种广泛使用的有损压缩格式,适用于摄影图像和网页上的图片。PNG(.png):一种无损压缩格式,支持透明度和更好的图像质量,常用于图标、图形和需要透明背景的图片。该图片是4通道的,外加一个透明通道。如截屏GIF(.gif):一种支持动画和透明度的格式,常用于简单的动画和图标。BMP(.bmp):一种无损格式,存储图像</div> </li> <li><a href="/article/1835444076007223296.htm" title="JAVA·一个简单的登录窗口" target="_blank">JAVA·一个简单的登录窗口</a> <span class="text-muted">MortalTom</span> <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><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>文章目录概要整体架构流程技术名词解释技术细节资源概要JavaSwing是Java基础类库的一部分,主要用于开发图形用户界面(GUI)程序整体架构流程新建项目,导入sql.jar包(链接放在了文末),编译项目并运行技术名词解释一、特点丰富的组件提供了多种可视化组件,如按钮(JButton)、文本框(JTextField)、标签(JLabel)、下拉列表(JComboBox)等,可以满足不同的界面设计</div> </li> <li><a href="/article/1835443013749403648.htm" title="入门MySQL——查询语法练习" target="_blank">入门MySQL——查询语法练习</a> <span class="text-muted">K_un</span> <div>前言:前面几篇文章为大家介绍了DML以及DDL语句的使用方法,本篇文章将主要讲述常用的查询语法。其实MySQL官网给出了多个示例数据库供大家实用查询,下面我们以最常用的员工示例数据库为准,详细介绍各自常用的查询语法。1.员工示例数据库导入官方文档员工示例数据库介绍及下载链接:https://dev.mysql.com/doc/employee/en/employees-installation.h</div> </li> <li><a href="/article/1835440589164867584.htm" title="项目:事半功倍的法宝" target="_blank">项目:事半功倍的法宝</a> <span class="text-muted">小小效能</span> <div>行动的三大流程:记录、排程和执行,也讲了易效能的4D原则以及T-step标签法。这些流程和方法能够解决我们眼前的一地鸡毛,让我们有更多时间和精力去关注更为长远的事情,完成工作、生活和人生中重要的项目。项目管理能够让我们围绕结果去做事情,达成事半功倍的效果,也就是做更少的事情,但达成更好的效果。如果我们能够不断地达成一个又一个的项目,那么我们的人生无疑会像滚雪球一样,在长坡道上面不断积累。一、项目的</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>