html5标签大全

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标记
开头 提供文件整体信息
<span> </span>●<span> </span> 标题<span> </span>定义文件标题,显示于浏览器顶端<br> <base><span> </span>o<span> </span> 基准标记<span> </span>可将相对URL转绝对及指定链接<br> <link><span> </span>o<span> </span> 外部资源连接<span> </span>必须带rel属性描述<br> <meta><span> </span>o<span> </span> 其它META数据<span> </span>不能被title, base, link, style, 和script元素描述的META数据<br> <style><span> </span>●<span> </span> 嵌入文档风格信息<span> </span> <br> 部件标记<br> <body><span> </span>●<span> </span> 文档主体开始<span> </span>文档内容容器<br> <section><span> </span>●<span> </span> 代表通用文档或应用部件<span> </span> <br> <nav><span> </span>●<span> </span> 导航链接<span> </span>外部链接或文档内部链接<br> <article><span> </span>●<span> </span> 页面模块<span> </span>类似文章、摘要或留言POST等形式的记录<br> <aside><span> </span>●<span> </span> 孤立模块<span> </span>一般作为边栏广告、说明、引用、导航等,aside围堵部分一般与正文耦合较小<br> <h1><span> </span>●<span> </span> 标题标记<span> </span>此外还有h2, h3, h4, h5, h6<br> <hgroup><span> </span>●<span> </span> 群组标题<span> </span>用在一组h1-h6这样的元素集合时使用,用来区分主副标题??<br> <header><span> </span>●<span> </span> 组说明或组导航<span> </span>也可叫页头标题<br> <footer><span> </span>●<span> </span> 页脚标题<span> </span>作用范围跟最近部件元素有关<br> <address><span> </span>●<span> </span> 地址或联系信息<span> </span> <br> 分组内容标记<span> </span><span></span><span></span> <br> <p><span> </span>●<span> </span>段落标记<span> </span> <br> <hr><span> </span>o<span> </span> 水平分割线<span> </span> <br> <br><span> </span>o<span> </span> 换行<span> </span> <br> <pre><span> </span>●<span> </span> 预格式化分本块<span> </span> <br> <blockquote><span> </span>●<span> </span>块引用<span> </span> <br> <ol><span> </span>●<span> </span> 编号列表<span> </span> <br> <ul><span> </span>●<span> </span> 项目列表<span> </span> <br> <li><span> </span>●<span> </span> 列表项<span> </span> <br> <dl><span> </span>●<span> </span> 定义列表<span> </span> <br> <dt><span> </span>●<span> </span> 定义名称<span> </span> <br> <dd><span> </span>●<span> </span> 定义说明<span> </span> <br> <figure><span> </span>●<span> </span> 流内容区块说明<span> </span>多结合figcaption使用<br> <figcaption><span> </span>●<span> </span>figure内容属性<span> </span> <br> <div><span> </span>●<span> </span> 定位标记<span> </span>无实际意义<br>  <span> </span><span></span><span></span> <br> 文本层次语义标记<br> <a><span> </span>●<span> </span>链接标记<span> </span> <br> <em><span> </span>●<span> </span> 强调标记<span> </span> <br> <strong><span> </span>●<span> </span> 加重标记<span> </span> <br> <small><span> </span>●<span> </span> 字体缩小<span> </span> <br> <cite><span> </span>●<span> </span> 斜体标记<span> </span> <br> <q><span> </span>●<span> </span>引用标记内容<span> </span>原文是phrasing content,暂不清楚如何翻译<br> <dfn><span> </span>●<span> </span> 术语定义<span> </span> <br> <abbr><span> </span>●<span> </span> 缩略语<span> </span> <br> <time><span> </span>●<span> </span> 日期时间<span> </span> <br> <code><span> </span>●<span> </span> 程序代码<span> </span> <br> <var><span> </span>●<span> </span> 变量<span> </span> <br> <samp><span> </span>●<span> </span> 范例<span> </span> <br> <kbd><span> </span>●<span> </span> 键盘字<span> </span> <br> <sub><sups><span> </span>●<span> </span> 上标字/下标字<span> </span> <br> <i><span> </span>●<span> </span>斜体标记<span> </span> <br> <b><span> </span>●<span> </span>粗体标记<span> </span> <br> <mark><span> </span>●<span> </span> 标记或高亮<span> </span> <br> <ruby><span> </span>●<span> </span> 注解标记<span> </span> <br> <rt><span> </span>●<span> </span> ruby子元素<span> </span>结合ruby使用,比如:<ruby>天<rt>Tian</rt>缘<rt>Yuan</rt></ruby><br> <rp><span> </span>●<span> </span> ruby子元素<span> </span>一般做rt元素注释使用<br> <bdo><span> </span>●<span> </span> <span></span> <br> <span><span> </span>●<span> </span> 自定义标记<span> </span> <br> 编辑标记<br> <ins><span> </span>●<span> </span> <span></span> <br> <del><span> </span>●<span> </span> <span></span> <br> 嵌入内容标记<br> <img><span> </span>●<span> </span> 图片标记<span> </span> <br> <iframe><span> </span>●<span> </span> 框架标记<span> </span> <br> <embed><span> </span>●<span> </span> 嵌入标记<span> </span> <br> <object><span> </span>●<span> </span> 对象标记<span> </span> <br> <param><span> </span>●<span> </span> 参数标记<span> </span> <br> <video><span> </span>●<span> </span> 视频标记<span> </span> <br> <audio><span> </span>●<span> </span> 音频标记<span> </span> <br> <source><span> </span>●<span> </span> 来源标记<span> </span> <br> <canvas><span> </span>●<span> </span> 制图标记<span> </span> <br> <map><span> </span>●<span> </span> 地图标记<span> </span> <br> <area><span> </span>●<span> </span> 区域标记<span> </span> <br>  <span> </span><span></span><span></span> <br> 表格标记<br> <table><span> </span>●<span> </span> 表格标记<span> </span>设定该表格的各项参数<br> <caption><span> </span>●<span> </span> 表格标题<span> </span>做成一打通列以填入表格标题<br> <colgroup><span> </span>●<span> </span> <span></span> <br> <col><span> </span>●<span> </span> <span></span> <br> <tbody><span> </span>●<span> </span> <span></span> <br> <thread><span> </span>●<span> </span> <span></span> <br> <tfoot><span> </span>●<span> </span> <span></span> <br> <tr><span> </span>●<span> </span> 表格列<span> </span>设定该表格的列<br> <td><span> </span>●<span> </span> 表格栏<span> </span>设定该表格的栏<br> <th><span> </span>●<span> </span> 表格标头<span> </span>相等于<TD>,但其内文字字体会变粗<br> 表单标记<br> <form><span> </span>●<span> </span> 表单标记<span> </span>决定该表单的运作模式<br> <fieldset><span> </span>●<span> </span> <span></span> <br> <legend><span> </span>●<span> </span> <span></span> <br> <input><span> </span>●<span> </span> 输入标记<span> </span> <br> <label><span> </span>●<span> </span> <span></span> <br> <button><span> </span>●<span> </span> 按钮<span> </span> <br> <select><span> </span>●<span> </span> 选择标记<span> </span> <br> <datalist><span> </span>●<span> </span> <span></span> <br> <optgroup><span> </span>●<span> </span> <span></span> <br> <option><span> </span>●<span> </span> 选项<span> </span> <br> <textarea><span> </span>●<span> </span> <span></span> <br> <keygen><span> </span>●<span> </span> <span></span> <br> <output><span> </span>●<span> </span> <span></span> <br> <progress><span> </span>●<span> </span> <span></span> <br> <meter><span> </span>●<span> </span> <span></span> <br>  <span> </span><span></span><span></span> <br> 互动元素<br><br><br> <details><span> </span>●<span> </span> <span></span> <br> <summary><span> </span>●<span> </span> <span></span> <br> <command><span> </span>●<span> </span> <span></span> <br> <menu><span> </span>●<span> </span> <span></span> <br> 其他标记<br> <script><span> </span>●<span> </span> <span></span> <br> <noscript><span> </span>●<span> </span> <span></span> <br>  <span> </span><span></span> <br><br><br><br><br><br><br> css样式大全<br><br><br> 字体属性:(font)<br><br><br> 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD<br><br><br> 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)<br><br><br> 行高 {line-height: normal;}(正常) 单位:PX、PD、EM<br><br><br> 粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常)<br><br><br> 变体 {font-variant: small-caps;}(小型大写字母) normal;(正常)<br><br><br> 大小写 {text-transform: capitalize;}(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)<br><br><br> 修饰 {text-decoration: underline;}(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)<br><br><br> 常用字体: (font-family)<br><br><br> "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana<br><br><br> 背景属性: (background)<br><br><br> 色彩 {background-color: #FFFFFF;}<br><br><br> 图片 {background-image: url();}<br><br><br> 重复 {background-repeat: no-repeat;}<br><br><br> 滚动 {background-attachment: fixed;}(固定) scroll;(滚动)<br><br><br> 位置 {background-position: left;}(水平) top(垂直);<br><br><br> 简写方法 {background:#000 url(..) repeat fixed left top;} /*简写·这个在阅读代码中经常出现,要认真的研究*/<br><br><br> 区块属性: (Block) /*这个属性第一次认识,要多多研究*/<br><br><br> 字间距 {letter-spacing: normal;} 数值 /*这个属性似乎有用,多实践下*/<br><br><br> 对齐 {text-align: justify;}(两端对齐) left;(左对齐) right;(右对齐) center;(居中)<br><br><br> 缩进 {text-indent: 数值px;}<br><br><br> 垂直对齐 {vertical-align: baseline;}(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom;<br><br><br> 词间距word-spacing: normal; 数值<br><br><br> 空格white-space: pre;(保留) nowrap;(不换行)<br><br><br> 显示 {display:block;}(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题) /*display 属性的了解很模糊*/<br><br><br> 方框属性: (Box)<br><br><br> width:; height:; float:; clear:both; margin:; padding:; 顺序:上右下左<br><br><br> 边框属性: (Border)<br><br><br> border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset;<br><br><br> border-width:; 边框宽度<br><br><br> border-color:#;<br><br><br> 简写方法border:width style color; /*简写*/<br><br><br> 列表属性: (List-style)<br><br><br> 类型list-style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;<br><br><br> 位置list-style-position: outside;(外) inside;<br><br><br> 图像list-style-image: url(..);<br><br><br> 定位属性: (Position)<br><br><br> Position: absolute; relative; static;<br><br><br> visibility: inherit; visible; hidden;<br><br><br> overflow: visible; hidden; scroll; auto;<br><br><br> clip: rect(12px,auto,12px,auto) (裁切)<br><br><br> css属性代码大全<br><br><br> 一 CSS文字属性:<br><br><br> color : #999999; /*文字颜色*/<br><br><br> font-family : 宋体,sans-serif; /*文字字体*/<br><br><br> font-size : 9pt; /*文字大小*/<br><br><br> font-style:itelic; /*文字斜体*/<br><br><br> font-variant:small-caps; /*小字体*/<br><br><br> letter-spacing : 1pt; /*字间距离*/<br><br><br> line-height : 200%; /*设置行高*/<br><br><br> font-weight:bold; /*文字粗体*/<br><br><br> vertical-align:sub; /*下标字*/<br><br><br> vertical-align:super; /*上标字*/<br><br><br> text-decoration:line-through; /*加删除线*/<br><br><br> text-decoration: overline; /*加顶线*/<br><br><br> text-decoration:underline; /*加下划线*/<br><br><br> text-decoration:none; /*删除链接下划线*/<br><br><br> text-transform : capitalize; /*首字大写*/<br><br><br> text-transform : uppercase; /*英文大写*/<br><br><br> text-transform : lowercase; /*英文小写*/<br><br><br> text-align:right; /*文字右对齐*/<br><br><br> text-align:left; /*文字左对齐*/<br><br><br> text-align:center; /*文字居中对齐*/<br><br><br> text-align:justify; /*文字分散对齐*/<br><br><br> vertical-align属性<br><br><br> vertical-align:top; /*垂直向上对齐*/<br><br><br> vertical-align:bottom; /*垂直向下对齐*/<br><br><br> vertical-align:middle; /*垂直居中对齐*/<br><br><br> vertical-align:text-top; /*文字垂直向上对齐*/<br><br><br> vertical-align:text-bottom; /*文字垂直向下对齐*/<br><br><br> 二、CSS边框空白<br><br><br> padding-top:10px; /*上边框留空白*/<br><br><br> padding-right:10px; /*右边框留空白*/<br><br><br> padding-bottom:10px; /*下边框留空白*/<br><br><br> padding-left:10px; /*左边框留空白<br><br><br> 三、CSS符号属性:<br><br><br> list-style-type:none; /*不编号*/<br><br><br> list-style-type:decimal; /*阿拉伯数字*/<br><br><br> list-style-type:lower-roman; /*小写罗马数字*/<br><br><br> list-style-type:upper-roman; /*大写罗马数字*/<br><br><br> list-style-type:lower-alpha; /*小写英文字母*/<br><br><br> list-style-type:upper-alpha; /*大写英文字母*/<br><br><br> list-style-type:disc; /*实心圆形符号*/<br><br><br> list-style-type:circle; /*空心圆形符号*/<br><br><br> list-style-type:square; /*实心方形符号*/<br><br><br> list-style-image:url(/dot.gif); /*图片式符号*/<br><br><br> list-style-position: outside; /*凸排*/<br><br><br> list-style-position:inside; /*缩进*/<br><br><br> 四、CSS背景样式:<br><br><br> background-color:#F5E2EC; /*背景颜色*/<br><br><br> background:transparent; /*透视背景*/<br><br><br> background-image : url(/image/bg.gif); /*背景图片*/<br><br><br> background-attachment : fixed; /*浮水印固定背景*/<br><br><br> background-repeat : repeat; /*重复排列-网页默认*/<br><br><br> background-repeat : no-repeat; /*不重复排列*/<br><br><br> background-repeat : repeat-x; /*在x轴重复排列*/<br><br><br> background-repeat : repeat-y; /*在y轴重复排列*/<br><br><br> 指定背景位置<br><br><br> background-position : 90% 90%; /*背景图片x与y轴的位置*/<br><br><br> background-position : top; /*向上对齐*/<br><br><br> background-position : buttom; /*向下对齐*/<br><br><br> background-position : left; /*向左对齐*/<br><br><br> background-position : right; /*向右对齐*/<br><br><br> background-position : center; /*居中对齐*/<br><br><br> 五、CSS连接属性:<br><br><br> a /*所有超链接*/<br><br><br> a:link /*超链接文字格式*/<br><br><br> a:visited /*浏览过的链接文字格式*/<br><br><br> a:active /*按下链接的格式*/<br><br><br> a:hover /*鼠标转到链接*/<br><br><br> 鼠标光标样式:<br><br><br> 链接手指 CURSOR: hand<br><br><br> 十字体 cursor:crosshair<br><br><br> 箭头朝下 cursor:s-resize<br><br><br> 十字箭头 cursor:move<br><br><br> 箭头朝右 cursor:move<br><br><br> 加一问号 cursor:help<br><br><br> 箭头朝左 cursor:w-resize<br><br><br> 箭头朝上 cursor:n-resize<br><br><br> 箭头朝右上 cursor:ne-resize<br><br><br> 箭头朝左上 cursor:nw-resize<br><br><br> 文字I型 cursor:text<br><br><br> 箭头斜右下 cursor:se-resize<br><br><br> 箭头斜左下 cursor:sw-resize<br><br><br> 漏斗 cursor:wait<br><br><br> 光标图案(IE6) p {cursor:url("光标文件名.cur"),text;}<br><br><br> 六、CSS框线一览表:<br><br><br> border-top : 1px solid #6699cc; /*上框线*/<br><br><br> border-bottom : 1px solid #6699cc; /*下框线*/<br><br><br> border-left : 1px solid #6699cc; /*左框线*/<br><br><br> border-right : 1px solid #6699cc; /*右框线*/<br><br><br> 以上是建议书写方式,但也可以使用常规的方式 如下:<br><br><br> border-top-color : #369 /*设置上框线top颜色*/<br><br><br> border-top-width :1px /*设置上框线top宽度*/<br><br><br> border-top-style : solid/*设置上框线top样式*/<br><br><br> 其他框线样式<br><br><br> solid /*实线框*/<br><br><br> dotted /*虚线框*/<br><br><br> double /*双线框*/<br><br><br> groove /*立体内凸框*/<br><br><br> ridge /*立体浮雕框*/<br><br><br> inset /*凹框*/<br><br><br> outset /*凸框*/<br><br><br> 七、CSS表单运用:<br><br><br> 文字方块<br><br><br> 按钮<br><br><br> 复选框<br><br><br> 选择钮<br><br><br> 多行文字方块<br><br><br> 下拉式菜单 选项1选项2<br><br><br> 八、CSS边界样式:<br><br><br> margin-top:10px; /*上边界*/<br><br><br> margin-right:10px; /*右边界值*/<br><br><br> margin-bottom:10px; /*下边界值*/<br><br><br> margin-left:10px; /*左边界值*/<br><br><br> CSS 属性: 字体样式(Font Style)<br><br><br> 序号 中文说明 标记语法<br><br><br> 1 字体样式 {font:font-style font-variant font-weight font-size font-family}<br><br><br> 2 字体类型 {font-family:"字体1","字体2","字体3",...}<br><br><br> 3 字体大小 {font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}<br><br><br> 4 字体风格 {font-style:inherit|italic|normal|oblique}<br><br><br> 5 字体粗细 {font-weight:100-900|bold|bolder|lighter|normal;}<br><br><br> 6 字体颜色 {color:数值;}<br><br><br> 7 阴影颜色 {text-shadow:16位色值}<br><br><br> 8 字体行高 {line-height:数值|inherit|normal;}<br><br><br> 9 字 间 距 {letter-spacing:数值|inherit|normal}<br><br><br> 10 单词间距 {word-spacing:数值|inherit|normal}<br><br><br> 11 字体变形 {font-variant:inherit|normal|small-cps }<br><br><br> 12 英文转换 {text-transform:inherit|none|capitalize|uppercase|lowercase}<br><br><br> 13 字体变形 {font-size-adjust:inherit|none}<br><br><br> 14 字体 {font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|normal| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}<br><br><br> 文本样式(Text Style)<br><br><br> 序号 中文说明 标记语法<br><br><br> 1 行 间 距 {line-height:数值|inherit|normal;}<br><br><br> 2 文本修饰 {text-decoration:inherit|none|underline|overline|line-through|blink}<br><br><br> 3 段首空格 {text-indent:数值|inherit}<br><br><br> 4 水平对齐 {text-align:left|right|center|justify}<br><br><br> 5 垂直对齐 {vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}<br><br><br> 6 书写方式 {writing-mode:lr-tb|tb-rl}<br><br><br> 背景样式<br><br><br> 序号 中文说明 标记语法<br><br><br> 1 背景颜色 {background-color:数值}<br><br><br> 2 背景图片 {background-image: url(URL)|none}<br><br><br> 3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}<br><br><br> 4 背景固定 {background-attachment:fixed|scroll}<br><br><br> 5 背景定位 {background-position:数值|top|bottom|left|right|center}<br><br><br> 6 背影样式 {background:背景颜色|背景图象|背景重复|背景附件|背景位置}<br><br><br> 框架样式(Box Style)<br><br><br> 序号 中文说明 标记语法<br><br><br> 1 边界留白 {margin:margin-top margin-right margin-bottom margin-left}<br><br><br> 2 补  白 {padding:padding-top padding-right padding-bottom padding-left}<br><br><br> 3 边框宽度 {border-width:border-top-width border-right-width border-bottom-width border-left-width}  <br><br><br> 宽度值: thin|medium|thick|数值<br><br><br> 4 边框颜色 {border-color:数值 数值 数值 数值}  数值:分别代表top、right、bottom、left颜色值<br><br><br> 5 边框风格 {border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}<br><br><br> 6 边  框 {border:border-width border-style color}<br><br><br> 上 边 框 {border-top:border-top-width border-style color}<br><br><br> 右 边 框 {border-right:border-right-width border-style color}<br><br><br> 下 边 框 {border-bottom:border-bottom-width border-style color}<br><br><br> 左 边 框 {border-left:border-left-width border-style color}<br><br><br> 7 宽  度 {width:长度|百分比| auto}<br><br><br> 8 高  度 {height:数值|auto}<br><br><br> 9 漂  浮 {float:left|right|none}<br><br><br> 10 清  除 {clear:none|left|right|both}<br><br><br> 分类列表<br><br><br> 序号 中文说明 标记语法<br><br><br> 1 控制显示 {display:none|block|inline|list-item}<br><br><br> 2 控制空白 {white-space:normal|pre|nowarp}<br><br><br> 3 符号列表 {list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none}<br><br><br> 4 图形列表 {list-style-image:URL}<br><br><br> 5 位置列表 {list-style-position:inside|outside}<br><br><br> 6 目录列表 {list-style:目录样式类型|目录样式位置|url}<br><br><br> 7 鼠标形状 {cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resize|sw-resize}</strong></span> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1278614525024681984"></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/1894107871080148992.htm" title="Css3重点知识讲解" target="_blank">Css3重点知识讲解</a> <span class="text-muted">Warren98</span> <a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/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><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>选择器优先级:id选择器>类选择器>标签选择器类选择器:.myClass{color:blue;}id选择器(全局唯一):#myId{color:green;}标签选择器:p{color:red;}层次选择器:/*后代选择器AB*/.nava{color:blue;}/*子选择器A>B*/.card>h2{color:red;}/*相邻兄弟选择器A+B(相邻向下)*/h1+p{font-size:</div> </li> <li><a href="/article/1894107868773281792.htm" title="Html 5简介(学习笔记)" target="_blank">Html 5简介(学习笔记)</a> <span class="text-muted">Warren98</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>基本标签1.换行标签2.链接标签网站href:指定链接地址。target:_blank:在新标签页打开。_self(默认):当前页面打开。可以把图像做成一个超链接(把img标签嵌套在链接标签里即可)3.图像标签alt:图片加载失败时显示的文本。title:鼠标悬浮时显示的文字。width/height:设置宽高(像素)。4.段落标签这是一个段落。注意:不能直接使用color属性设置文本颜色。5.水</div> </li> <li><a href="/article/1894074962457718784.htm" title="中国大模型大全 · 爆肝干货整理 · 244 个" target="_blank">中国大模型大全 · 爆肝干货整理 · 244 个</a> <span class="text-muted">凭空起惊雷</span> <a class="tag" taget="_blank" href="/search/%E7%89%A9%E8%81%94%E7%BD%91/1.htm">物联网</a><a class="tag" taget="_blank" href="/search/%2F/1.htm">/</a><a class="tag" taget="_blank" href="/search/%E4%BA%92%E8%81%94%E7%BD%91/1.htm">互联网</a><a class="tag" taget="_blank" href="/search/%2F/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/%2F/1.htm">/</a><a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</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/%E5%9B%BD%E5%86%85/1.htm">国内</a><a class="tag" taget="_blank" href="/search/%E7%99%BE%E5%BA%A6/1.htm">百度</a><a class="tag" taget="_blank" href="/search/%E5%95%86%E6%B1%A4/1.htm">商汤</a><a class="tag" taget="_blank" href="/search/%E8%AE%AF%E9%A3%9E/1.htm">讯飞</a><a class="tag" taget="_blank" href="/search/%E8%85%BE%E8%AE%AF/1.htm">腾讯</a> <div>中国大模型大全,全面收集有明确来源的大模型情况,包括机构、来源信息和分类等。序号公司大模型省市类别官网说明1百度文心一言北京</div> </li> <li><a href="/article/1894061349974110208.htm" title="常用网络&特殊符号大全(含彩色表情符号)" target="_blank">常用网络&特殊符号大全(含彩色表情符号)</a> <span class="text-muted">奔跑的小G</span> <a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a> <div>1、常用符号❤❥웃유♋☮✌☏☢☠✔☑♚▲♪✈✞÷↑↓◆◇⊙■□△▽¿─│♥❣♂♀☿Ⓐ✍✉☣☤✘☒♛▼♫⌘☪≈←→◈◎☉★☆⊿※¡━┃♡ღツ☼☁❅♒✎©®™Σ✪✯☭➳卐√↖↗●◐Θ◤◥︻〖〗┄┆℃℉°✿ϟ☃☂✄¢€£∞✫★½✡×↙↘○◑⊕◣◢︼【】┅┇☽☾✚〓▂▃▄▅▆▇█▉▊▋▌▍▎▏↔↕☽☾の•▸◂▴▾┈┊①②③④⑤⑥⑦⑧⑨⑩ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩ㍿▓♨♛❖♓☪✙┉┋☹☺☻تヅツッシÜϡﭢ™℠℗©</div> </li> <li><a href="/article/1894061096499736576.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/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>HTML标签标签用于定义客户端脚本,比如JavaScript。元素既可包含脚本语句,也可通过src属性指向外部脚本文件。JavaScript最常用于图片操作、表单验证以及内容动态更新。下面的脚本会向浏览器输出"HelloWorld!":实例document.write("HelloWorld!");尝试一下»Tip:学习更多关于Javascript教程,请查看JavaScript教程!HTML标签</div> </li> <li><a href="/article/1894049756615864320.htm" title="控制语句和数组" target="_blank">控制语句和数组</a> <span class="text-muted">清梚不喝粥</span> <a class="tag" taget="_blank" href="/search/%E8%93%9D%E6%A1%A5%E6%9D%AF%E5%87%86%E5%A4%87/1.htm">蓝桥杯准备</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/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>##跳转控制语句——break-介绍-break语句用于终止某个语块的执行一般使用在switch或者循环(forwhiledo-while)中-基本语法{……break;……}-注意事项和细节说明-1break语句出现在多层嵌套的语句块中可以通过标签指明要终止的是哪一层语句块-2标签的基本使用label1:{……label2:{……label3:{……breaklabel2;}}}-break语句</div> </li> <li><a href="/article/1894044584074342400.htm" title="基于Vue的简单成绩管理系统" target="_blank">基于Vue的简单成绩管理系统</a> <span class="text-muted">啊sen丶</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1、整体框架编号科目成绩操作{{index+1}}{{item.subject}}{{item.score}}删除暂无数据总分:{{sumscore}}平均分:{{avgscore}}科目:分数:添加2、标签部分constapp=newVue({el:'#app',data:{list:[{id:1,subject:'语文',score:20},{id:2,subject:'数学',score:9</div> </li> <li><a href="/article/1894038910602899456.htm" title="SQL Server所有数据类型大全" target="_blank">SQL Server所有数据类型大全</a> <span class="text-muted">web_13233421436</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>数据类型列表整数类型:bigint、int、smallint、tinyint精确数值类型:decimal、numeric近似数值类型:float、real字符类型:char、varchar、text、nchar、nvarchar、ntext日期和时间类型:date、time、datetime2、datetimeoffset、smalldatetime、datetime二进制类型:binary、va</div> </li> <li><a href="/article/1894034497792438272.htm" title="JS DOM详解" target="_blank">JS DOM详解</a> <span class="text-muted">jay丿</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>DOM(文档对象模型)文档对象模型主要的职责是处理网页中的标签(元素)获取标签(元素)对象document.getElementById(“id”)根据标签的ID属性值获取指定的元素、该方法只能返回一个标签。document.getElementsByTagName(“tag”):根据标签名获取所对应的多个元素组成的对象(形似数组的对象)。document.getElementsByClassNa</div> </li> <li><a href="/article/1893991508495888384.htm" title="repo操作制作patch与打patch-整理" target="_blank">repo操作制作patch与打patch-整理</a> <span class="text-muted">carl.xu</span> <a class="tag" taget="_blank" href="/search/git/1.htm">git</a> <div>repo操作Denzel张已于2024-01-0811:19:53修改阅读量147收藏点赞数文章标签:gitgithub版权同步操作reposync-c删除所有的改动:repoforall-c'gitreset--hard;gitclean-fdx'分享一个一键导出patch和打patch的方法,可用于修改的保存与环境的快速对齐1.生成patch旧仓库执行如下指令repodiff>xxx.diff</div> </li> <li><a href="/article/1893989871987519488.htm" title="基于YOLOv5、FaceNet与KNN的人脸识别系统" target="_blank">基于YOLOv5、FaceNet与KNN的人脸识别系统</a> <span class="text-muted">reset2021</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E8%84%B8%E8%AF%86%E5%88%AB%E7%B3%BB%E7%BB%9F/1.htm">人脸识别系统</a><a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/facenet/1.htm">facenet</a><a class="tag" taget="_blank" href="/search/knn/1.htm">knn</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E8%84%B8%E6%A3%80%E6%B5%8B/1.htm">人脸检测</a> <div>步骤1:环境配置安装依赖库:安装Python3.x安装TensorFlow、Keras、OpenCV等深度学习库获取数据集:收集训练用的多个人脸图像(每个用户至少几十张)将图像按用户分类存放在data/train/user1,user2等文件夹中步骤2:训练YOLO模型配置YOLO数据集:创建一个data.yaml文件,配置您的数据集路径和标签train:./data/train/images/v</div> </li> <li><a href="/article/1893985525279289344.htm" title="深入浅出微服务基础设施:服务发现的设计与实现" target="_blank">深入浅出微服务基础设施:服务发现的设计与实现</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1%E6%9E%B6%E6%9E%84/1.htm">微服务架构</a> <div>服务发现是微服务架构中的一个核心组件,它允许服务实例在启动时向注册中心注册自己的元数据,如网络地址、服务名称和标签等。这些信息使得其他服务能够发现并与之通信,从而实现服务间的动态解耦和高效协作。在本文中,我们将深入探讨服务发现的客户端接口设计。服务发现的客户端接口通常包括注册、注销和查询服务实例的方法。服务注册是服务实例将自己信息注册到注册中心的过程,注销则是服务实例在停止时从注册中心删除自己的信</div> </li> <li><a href="/article/1893971840968224768.htm" title="python爬取b站弹幕分析_B站直播弹幕获取 - 用python写一个B站弹幕姬吧" target="_blank">python爬取b站弹幕分析_B站直播弹幕获取 - 用python写一个B站弹幕姬吧</a> <span class="text-muted">weixin_39652869</span> <a class="tag" taget="_blank" href="/search/python%E7%88%AC%E5%8F%96b%E7%AB%99%E5%BC%B9%E5%B9%95%E5%88%86%E6%9E%90/1.htm">python爬取b站弹幕分析</a> <div>前言关于这个小项目的由来。最开始是想要利用b站的弹幕进行一些互动之类的。原本也有想过可以利用现有的弹幕姬做个插件来解决的,但无奈不会C#,所以只能自己研究b站的弹幕协议。后来有写过一个C++版本的,不过有一些小问题,这在后文中会提到。开码一丶利用POST方式获取B站直播弹幕参考:【python】b站直播弹幕获取首先,随便打开一个b站的直播页面,按F12打开控制台,点进“网络(Network)”标签</div> </li> <li><a href="/article/1893911973813350400.htm" title="聊个开心的敏捷话题——40小时工作制" target="_blank">聊个开心的敏捷话题——40小时工作制</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%90%8E%E7%AB%AF%E7%A8%8B%E5%BA%8F%E5%91%98%E6%95%8F%E6%8D%B7%E5%BC%80%E5%8F%91%E5%8A%A0%E7%8F%AD/1.htm">前端后端程序员敏捷开发加班</a> <div>近年来,加班现象在很多行业已经普遍制度化,甚至“996”已成为一些行业标签。企业高强度的压榨让员工不堪重负,且时常由此引发的各种悲剧也并不鲜见。所以,今天我们一起来聊一个开心轻松的话题——极限编程的40h工作制原则。40小时工作制是什么?每周40小时工作制(又称“适当的节奏”)是极限编程十二原则之一,鼓励团队以持续一致的节奏工作,否则会影响生产效率。它要求项目团队人员:每周工作时间不能超过40小时</div> </li> <li><a href="/article/1893910444104544256.htm" title="C++MFC常用控件" target="_blank">C++MFC常用控件</a> <span class="text-muted">刘欢(C#)</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/mfc/1.htm">mfc</a> <div>_按钮(Button)_编辑框(EditControl)_标签(StaticText)_超级列表框(ListControl)_分组框(GroupBox)_复选框(CheckBox)_树形框(TreeControl)_图片框(PictureControl)_文件选择框(MFCEditBrowseControl)_选择夹(TabControl)_组合框(ComboBox)_avi短动画命令按钮(Com</div> </li> <li><a href="/article/1893880426741690368.htm" title="告别代码焦虑,这款 RPA 让 B 站批量发布超简单" target="_blank">告别代码焦虑,这款 RPA 让 B 站批量发布超简单</a> <span class="text-muted">IDFaucet</span> <a class="tag" taget="_blank" href="/search/rpa/1.htm">rpa</a> <div>在B站做UP主,本是一件充满乐趣与成就感的事,可每到发布稿件的时候,我就头疼不已。作为一个对代码一窍不通的人,看着那些需要复杂编程才能实现的自动化工具,满心都是无奈。每次手动上传视频,逐个填写标题、简介,再选择分类和标签,一套流程下来,少则半小时,多则一小时。要是遇到网络不好,还得重新再来,时间就这样白白浪费了。而且,因为不了解发布技巧,我常常错过最佳发布时间,导致视频播放量寥寥无几,粉丝增长也异</div> </li> <li><a href="/article/1893873494509285376.htm" title="微信小程序 python PHP java nodejs物业管理系统azs8s" target="_blank">微信小程序 python PHP java nodejs物业管理系统azs8s</a> <span class="text-muted">豆包程序员</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a> <div>文章目录本项目支持的技术栈具体实现截图开发技术介绍可定制亮点创新点->协同过滤算法进度安排及各阶段主要任务技术路线或研究方法可定制亮点创新点->普通算法推荐可定制亮点创新点->最短路线推荐算法可定制亮点创新点->标签算法java类核心代码部分展示参考文献源码获取/详细视频演示本项目支持的技术栈微信小程序前端开发:运用微信开发者工具,设计简洁美观、交互友好的界面。实现页面布局、组件设计、用户交互效果</div> </li> <li><a href="/article/1893865926281981952.htm" title="2021中高级前端面试题合集,大厂内部资料" target="_blank">2021中高级前端面试题合集,大厂内部资料</a> <span class="text-muted">萌萌猫咪</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/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/%E5%A4%A7%E5%89%8D%E7%AB%AF/1.htm">大前端</a> <div>第一个阶段,开发环境和工具准备浏览器(Google,FireFox,…)下载,安装前端开发工具vscode,下载、安装node、npm、webpack、webpack-cli、cnpm,配置前端开发环境下载、配置PHP和MySQL第二个阶段,前端入门,网页制作1,HTML:常用标签(div标签,p标签,span标签,a标签,img标签)锚点列表标签(有序列表,无序列表,自定义列表)表单标签表格标签</div> </li> <li><a href="/article/1893855210216943616.htm" title="Ubuntu DeepSeek磁盘空间不够解决办法" target="_blank">Ubuntu DeepSeek磁盘空间不够解决办法</a> <span class="text-muted">achirandliu</span> <a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/DeepSeek/1.htm">DeepSeek</a><a class="tag" taget="_blank" href="/search/%E7%A9%BA%E9%97%B4%E4%B8%8D%E8%B6%B3/1.htm">空间不足</a><a class="tag" taget="_blank" href="/search/671B/1.htm">671B</a><a class="tag" taget="_blank" href="/search/Ubuntu22/1.htm">Ubuntu22</a> <div>标签:Ubuntu;DeepSeek磁盘空间不够解决办法;Ubuntu22,DeepSeekR1671B,solutionforInsufficientDiskSpace问题:Ubuntu22,DeepSeekR1671B磁盘空间不够解决办法Ubuntu22.04操作系统,台式机,先运行DeepSeekR114B,因为只有10G左右,磁盘空间充足。然后尝试671B,下载到60%,报磁盘空间不足。尝</div> </li> <li><a href="/article/1893822434193240064.htm" title="人事档案管理系统DW-S409|采用RFID档案柜进行管控" target="_blank">人事档案管理系统DW-S409|采用RFID档案柜进行管控</a> <span class="text-muted">杭州的物联网专家</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>我公司开发的智能档案柜以及智能档案管理系统,采用了全新的架构和模块化部署的方案。使整个管理过程更流畅、更人性化,提高了安全性和便捷性。人事档案管理系统(DW-S409),通过引入物联网的先进技术与理念,以创新的模式实现物联网时代下的档案安全管控工作。通过RFID电子标签,实现档案实体的电子化标识。利用RFID技术的特性,实现档案从形成、流转、归档和利用的全生命周期管理,确保档案安全。整理将档案(物</div> </li> <li><a href="/article/1893820669917982720.htm" title="利用flex来布局顶部菜单栏" target="_blank">利用flex来布局顶部菜单栏</a> <span class="text-muted">学习做游戏中</span> <a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/flex/1.htm">flex</a> <div>安装vscode插件csspeek:快速定位到css定义的位置微软的livepreview替换liveserver因为这个好像不支持utf8前置css知识span标签是一个行内容器,用于标记文本的一部分,或文档的一部分。它与div非常相似,但div是块级元素,而span是行内元素。p段落标签,可设置line-height属性text-align设置块元素或者单元格框的行内内容的水平对齐。这意味着其</div> </li> <li><a href="/article/1893816630673207296.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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>目录一、列表1、无序列表(ul)2、有序列表(ol)二、表格三、表单1、表单2、表单的提交一、列表1、无序列表(ul)列表标题一列表标题二列表标题三2、有序列表(ol)列表标题一列表标题二列表标题三二、表格标签:表示一个表。表示一行列border-collapse设置表格的边线合并,如:border-collapse:collapse;姓名年龄张三18三、表单1、表单表单用于搜集不同类型的用户输入</div> </li> <li><a href="/article/1893813100746960896.htm" title="HTML超链接 表格 列表 表单" target="_blank">HTML超链接 表格 列表 表单</a> <span class="text-muted">s_kzn</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>目录一、HTML超链接1.外部链接2.内部链接3.空链接#4.下载链接5.网页元素的链接6.锚点链接二、表格1.表格标签的属性2.合并单元格三、列表1.无序列表2.有序列表3.自定义列表四、表单1.表单标签2.用户注册表单实例一、HTML超链接超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。超链接标签:一个链接到另一个链接【Anc</div> </li> <li><a href="/article/1893810580058337280.htm" title="醒醒!临时抱佛脚背Java面试题的在面试官面前是根本没有用的" target="_blank">醒醒!临时抱佛脚背Java面试题的在面试官面前是根本没有用的</a> <span class="text-muted">java15655057970</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/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>醒醒!临时抱佛脚背Java面试题的在面试官面前是根本没有用的!Java架构老李2020-11-1917:17:09744收藏33分类专栏:Java面试编程语言文章标签:数据库面试javamysql编程语言版权前言其实我之前就跟大家说过,我其实特别不喜欢那种临近面试就提前背啊,记各种题的行为,非常反对!我觉得这种方法特别极端,并且在稍有一点经验的面试官面前是根本没有用的。还有粉丝跟我留言说道:“我们</div> </li> <li><a href="/article/1893807680108163072.htm" title="HTML 表单 表格 列表" target="_blank">HTML 表单 表格 列表</a> <span class="text-muted">mio_SG</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录HTML表单type=""标签文本域密码字段单选按钮简单的下拉列表提交按钮重置完整代码HTML表格HTML和表格边框属性HTML表格头HTML无序列表HTML表单HTML表单用于搜集不同类型的用户输入,简而言之,就是用来搜集用户数据的。HTML表单都是存在于标签里面的。表单元素。表单元素指的是不同类型的input元素、复选框、单选按钮、提交按钮等等。这些东西都具有一个交互性的特点。type="</div> </li> <li><a href="/article/1893805913685422080.htm" title="v4l2子系统学习(三)编写虚拟摄像头驱动" target="_blank">v4l2子系统学习(三)编写虚拟摄像头驱动</a> <span class="text-muted">林政硕(vx : Cohen0415)</span> <a class="tag" taget="_blank" href="/search/V4L2%E5%AD%90%E7%B3%BB%E7%BB%9F/1.htm">V4L2子系统</a><a class="tag" taget="_blank" href="/search/v4l2/1.htm">v4l2</a> <div>文章目录1、声明2、前言3、虚拟摄像头驱动编写3.1、编写硬件相关代码3.2、程序示例1、声明本文是在学习韦东山《驱动大全》V4L2子系统时,为梳理知识点和自己回看而记录,全部内容高度复制粘贴。韦老师的《驱动大全》:商品详情其对应的讲义资料:https://e.coding.net/weidongshan/linux/doc_and_source_for_drivers.git2、前言前面两章,我</div> </li> <li><a href="/article/1893800618183684096.htm" title="Go语言中使用viper绑定结构体和yaml文件信息时,标签的使用" target="_blank">Go语言中使用viper绑定结构体和yaml文件信息时,标签的使用</a> <span class="text-muted">tianjiajie404</span> <a class="tag" taget="_blank" href="/search/go%E5%90%8E%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">go后端开发</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>在Go中使用Viper将YAML配置绑定到结构体时,主要依赖`mapstructure`标签(而非`json`或`yaml`标签)实现字段名映射。---###1.**基础绑定方法**使用`viper.Unmarshal(&config)`或`viper.UnmarshalKey("key",&subConfig)`进行绑定:```gopackagemainimport("fmt""github.c</div> </li> <li><a href="/article/1893790029357051904.htm" title="redis常用命令大全" target="_blank">redis常用命令大全</a> <span class="text-muted">我想去拉萨。</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>连接redis#ls#redis-cli连接本地的redis服务停止redisredis-clishutdownEXISTS判断是否存在1为存在0不存在EXPIRE设置有效时间-1永久-2失效key操作命令获取所有键语法:keyspattern127.0.0.1:6379>keys*“javastack”*表示通配符,表示任意字符,会遍历所有键显示所有的键列表,时间复杂度O(n),在生产环境不建议</div> </li> <li><a href="/article/1893781581995241472.htm" title="element v2.15.7 el-select 使用:remote-method 没有下拉箭头问题" target="_blank">element v2.15.7 el-select 使用:remote-method 没有下拉箭头问题</a> <span class="text-muted">Gazer_S</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>背景需求里有个地方用到el-select请求接口动态显示。但是element2.15.7版本使用:remote-method的时候,内部组件实现的i标签会缺少类名,但是产品需要补回这个箭头。在这里简单记录下解决方法,方便其他踩坑的人解决这个小问题。不过这里其实是参考了https://blog.csdn.net/weixin_42381896/article/details/122258563他的文</div> </li> <li><a href="/article/1893773893596934144.htm" title="md快捷键大全" target="_blank">md快捷键大全</a> <span class="text-muted">GitIDEA</span> <a class="tag" taget="_blank" href="/search/md/1.htm">md</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">文本编辑器</a> <div>功能快捷键加粗Ctrl+B撤销Ctrl+Z字体倾斜Ctrl+I下划线Ctrl+U高亮(选中文字)==多级标题Ctrl+1~6有序列表Ctrl+Shift+[无序列表Ctrl+Shift+]增加缩进Ctrl+]减少缩进Ctrl+[清除样式Ctrl+\降级快捷键Tab升级快捷键Shift+Tab插入链接Ctrl+K插入公式Ctrl+Shift+M行内代码Ctrl+Shift+K插入图片Ctrl+Shi</div> </li> <li><a href="/article/45.htm" title="安装数据库首次应用" target="_blank">安装数据库首次应用</a> <span class="text-muted">Array_06</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如:【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe! 注意第一次,使用SQL D</div> </li> <li><a href="/article/172.htm" title="Weblogic Server Console密码修改和遗忘解决方法" target="_blank">Weblogic Server Console密码修改和遗忘解决方法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/Welogic/1.htm">Welogic</a> <div>        在工作中一同事将Weblogic的console的密码忘记了,通过网上查询资料解决,实践整理了一下。 一.修改Console密码         打开weblogic控制台,安全领域 --> myrealm -->&n</div> </li> <li><a href="/article/299.htm" title="IllegalStateException: Cannot forward a response that is already committed" target="_blank">IllegalStateException: Cannot forward a response that is already committed</a> <span class="text-muted">Cwind</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Servlets/1.htm">Servlets</a> <div>对于初学者来说,一个常见的误解是:当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码: protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi</div> </li> <li><a href="/article/426.htm" title="基于流的装饰设计模式" target="_blank">基于流的装饰设计模式</a> <span class="text-muted">木zi_鸣</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>当想要对已有类的对象进行功能增强时,可以定义一个类,将已有对象传入,基于已有的功能,并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader,对Reader进行包装,体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象,并基于被装饰的对象功能,提供更强的功能。 装饰模式比继承灵活,避免继承臃肿,降低了类与类之间的关系 装饰类因为增强已有对象,具备的功能该</div> </li> <li><a href="/article/553.htm" title="Linux中的uniq命令" target="_blank">Linux中的uniq命令</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>Linux命令uniq的作用是过滤重复部分显示文件内容,这个命令读取输入文件,并比较相邻的行。在正常情 况下,第二个及以后更多个重复行将被删去,行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示,则从标准输入读取。 AD: uniq [选项] 文件 说明:这个命令读取输入文件,并比较相邻的行。在正常情况下,第二个</div> </li> <li><a href="/article/680.htm" title="正则表达式Pattern" target="_blank">正则表达式Pattern</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/Pattern/1.htm">Pattern</a> <div>正则表达式是符合一定规则的表达式,用来专门操作字符串,对字符创进行匹配,切割,替换,获取。   例如,我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字,我们可以一位一位进行比较,利用parseLong进行判断,或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs</div> </li> <li><a href="/article/807.htm" title="Oracle高级查询之OVER (PARTITION BY ..)" target="_blank">Oracle高级查询之OVER (PARTITION BY ..)</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求,查询每个部门工资最高的雇员的信息,相信有一定oracle应用知识的同学都能写出下面的SQL语句: select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se</div> </li> <li><a href="/article/934.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/pdb/1.htm">pdb</a> <div>原文地址: http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了,但对比IBM的Python 代码调试技巧: IBM:包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试: http://www.ibm.com/d</div> </li> <li><a href="/article/1061.htm" title="webservice传递自定义对象时函数为空,以及boolean不对应的问题" target="_blank">webservice传递自定义对象时函数为空,以及boolean不对应的问题</a> <span class="text-muted">alleni123</span> <a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a> <div>今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后,发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端,NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter, 结果改了之后竟然不能获取带属性值的</div> </li> <li><a href="/article/1188.htm" title="java如何干掉指针,又如何巧妙的通过引用来操作指针————>说的就是java指针" target="_blank">java如何干掉指针,又如何巧妙的通过引用来操作指针————>说的就是java指针</a> <span class="text-muted">百合不是茶</span> <div>C语言的强大在于可以直接操作指针的地址,通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大,初学者很难掌握, java的出现解决了c,c++中指针的问题 java将指针封装在底层,开发人员是不能够去操作指针的地址,但是可以通过引用来间接的操作:   定义一个指针p来指向a的地址(&是地址符号):         </div> </li> <li><a href="/article/1315.htm" title="Eclipse打不开,提示“An error has occurred.See the log file ***/.log”" target="_blank">Eclipse打不开,提示“An error has occurred.See the log file ***/.log”</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a> <div>打开eclipse工作目录的\.metadata\.log文件,发现如下错误: !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai</div> </li> <li><a href="/article/1442.htm" title="spring aop实例annotation方法实现" target="_blank">spring aop实例annotation方法实现</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/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a><a class="tag" taget="_blank" href="/search/annotation/1.htm">annotation</a> <div>        在spring aop实例中我们通过配置xml文件来实现AOP,这里学习使用annotation来实现,使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav</div> </li> <li><a href="/article/1569.htm" title="[Velocity一]Velocity语法基础入门" target="_blank">[Velocity一]Velocity语法基础入门</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a> <div>用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义,例如$var1, $var2,   赋值 使用#set为变量赋值,例</div> </li> <li><a href="/article/1696.htm" title="【Kafka十一】关于Kafka的副本管理" target="_blank">【Kafka十一】关于Kafka的副本管理</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a> <div>1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功,默认是0, 0表示即不进行确认即返回。 1表示Leader写成功即返回,此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回,这个在   Th</div> </li> <li><a href="/article/1823.htm" title="lua统计nginx内部变量数据" target="_blank">lua统计nginx内部变量数据</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/lua+nginx%E3%80%80+%E7%BB%9F%E8%AE%A1/1.htm">lua nginx  统计</a> <div>server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(</div> </li> <li><a href="/article/1950.htm" title="java-11.二叉树中节点的最大距离" target="_blank">java-11.二叉树中节点的最大距离</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root" </div> </li> <li><a href="/article/2077.htm" title="Netty源码学习-ReadTimeoutHandler" target="_blank">Netty源码学习-ReadTimeoutHandler</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/netty/1.htm">netty</a> <div> ReadTimeoutHandler的实现思路: 开启一个定时任务,如果在指定时间内没有接收到消息,则抛出ReadTimeoutException 这个异常的捕获,在开发中,交给跟在ReadTimeoutHandler后面的ChannelHandler,例如 private final ChannelHandler timeoutHandler = new ReadTim</div> </li> <li><a href="/article/2204.htm" title="jquery验证上传文件样式及大小(好用)" target="_blank">jquery验证上传文件样式及大小(好用)</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/1.htm">文件上传</a><a class="tag" taget="_blank" href="/search/jquery%E9%AA%8C%E8%AF%81/1.htm">jquery验证</a> <div><!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.</div> </li> <li><a href="/article/2331.htm" title="浏览器兼容【转】" target="_blank">浏览器兼容【转】</a> <span class="text-muted">cuishikuan</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/IE/1.htm">IE</a> <div>浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 碰到频率:100% 解决方案:CSS里    *{margin:0;padding:0;} 备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设</div> </li> <li><a href="/article/2458.htm" title="Shell特殊变量:Shell $0, $#, $*, $@, $?, $$和命令行参数" target="_blank">Shell特殊变量:Shell $0, $#, $*, $@, $?, $$和命令行参数</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/%24%23/1.htm">$#</a><a class="tag" taget="_blank" href="/search/%24%3F/1.htm">$?</a><a class="tag" taget="_blank" href="/search/%E7%89%B9%E6%AE%8A%E5%8F%98%E9%87%8F/1.htm">特殊变量</a> <div>前面已经讲到,变量名只能包含数字、字母和下划线,因为某些包含其他字符的变量有特殊含义,这样的变量被称为特殊变量。例如,$ 表示当前Shell进程的ID,即pid,看下面的代码: $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字,表示第几个参数。例如,第一个</div> </li> <li><a href="/article/2585.htm" title="程序设计KISS 原则-------KEEP IT SIMPLE, STUPID!" target="_blank">程序设计KISS 原则-------KEEP IT SIMPLE, STUPID!</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a> <div>翻到一本书,讲到编程一般原则是kiss:Keep It Simple, Stupid.对这个原则深有体会,其实不仅编程如此,而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情,并且要做好的程序;编写可以在一起工作的程序,编写处理文本流的程序,因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律,高明的工程师的神圣的“KISS 原</div> </li> <li><a href="/article/2712.htm" title="android Activity间List传值" target="_blank">android Activity间List传值</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/Activity/1.htm">Activity</a> <div>第一个Activity: import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a</div> </li> <li><a href="/article/2839.htm" title="tomcat 设置java虚拟机内存" target="_blank">tomcat 设置java虚拟机内存</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/tomcat+%E5%86%85%E5%AD%98%E8%AE%BE%E7%BD%AE/1.htm">tomcat 内存设置</a> <div>转载请出自出处:http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------</div> </li> <li><a href="/article/2966.htm" title="Android 数据库事务处理" target="_blank">Android 数据库事务处理</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>使用SQLiteDatabase的beginTransaction()方法可以开启一个事务,程序执行到endTransaction() 方法时会检查事务的标志是否为成功,如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务,如果没有调用setTransactionSuccessful() 方法则回滚事务。事</div> </li> <li><a href="/article/3093.htm" title="Java 打开浏览器" target="_blank">Java 打开浏览器</a> <span class="text-muted">hw1287789687</span> <a class="tag" taget="_blank" href="/search/%E6%89%93%E5%BC%80%E7%BD%91%E5%9D%80/1.htm">打开网址</a><a class="tag" taget="_blank" href="/search/open%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">open浏览器</a><a class="tag" taget="_blank" href="/search/open+browser/1.htm">open browser</a><a class="tag" taget="_blank" href="/search/%E6%89%93%E5%BC%80url/1.htm">打开url</a><a class="tag" taget="_blank" href="/search/%E6%89%93%E5%BC%80%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">打开浏览器</a> <div>使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789</div> </li> <li><a href="/article/3220.htm" title="ReplaceGoogleCDN:将 Google CDN 替换为国内的 Chrome 插件" target="_blank">ReplaceGoogleCDN:将 Google CDN 替换为国内的 Chrome 插件</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a><a class="tag" taget="_blank" href="/search/google+api/1.htm">google api</a><a class="tag" taget="_blank" href="/search/chrome%E6%8F%92%E4%BB%B6/1.htm">chrome插件</a> <div>Chrome Web Store 安装地址: https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因,只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样,通过script标记引用这些资源,让网站访问速度瞬间提速吧</div> </li> <li><a href="/article/3347.htm" title="进程VS.线程" target="_blank">进程VS.线程</a> <span class="text-muted">m635674608</span> <a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a> <div>资料来源: http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点: 多进程模式最大</div> </li> <li><a href="/article/3474.htm" title="Linux下安装MemCached" target="_blank">Linux下安装MemCached</a> <span class="text-muted">字符串</span> <a class="tag" taget="_blank" href="/search/memcached/1.htm">memcached</a> <div>前提准备:1. MemCached目前最新版本为:1.4.22,可以从官网下载到。2. MemCached依赖libevent,因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令,查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n</div> </li> <li><a href="/article/3601.htm" title="java设计模式之--jdk动态代理(实现aop编程)" target="_blank">java设计模式之--jdk动态代理(实现aop编程)</a> <span class="text-muted">Supanccy2013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</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/AOP/1.htm">AOP</a> <div>    与静态代理类对照的是动态代理类,动态代理类的字节码在程序运行时由Java反射机制动态生成,无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作,而且提高了软件系统的可扩展性,因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &</div> </li> <li><a href="/article/3728.htm" title="Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持" target="_blank">Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持</a> <span class="text-muted">wiselyman</span> <a class="tag" taget="_blank" href="/search/spring+4/1.htm">spring 4</a> <div>2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService { </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>