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/1903235961484013568.htm" title="MyBatis学习:基本使用" target="_blank">MyBatis学习:基本使用</a> <span class="text-muted">Landy_Jay</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>学习之前:MyBatis是一款优秀的持久层框架,它支持自定义SQL、存储过程以及高级映射。MyBatis免除了几乎所有的JDBC代码以及设置参数和获取结果集的工作。2.1向SQL语句传参2.1.1mybatis日志输出配置MyBatis配置文件详解:官方文档:mybatis–MyBatis3|简介标签:用于选择MyBatis配置环境的标签,如开发、测试和生产环境需要不同的配置。更换环境,只需更开标</div> </li> <li><a href="/article/1903202408071229440.htm" title="VUE中的组件加载方式" target="_blank">VUE中的组件加载方式</a> <span class="text-muted">catino</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>加载方式有哪些,及如何进行选择常规的静态引入是在组件初始化时就加载所有依赖的组件,而懒加载则是等到组件需要被渲染的时候才加载。对于大型应用,可能会有很多组件,如果一开始都加载,可能会影响首屏加载时间。如果某些组件在首屏不需要,比如弹窗或者标签页里的内容,那么懒加载会更好,减少初始加载时间,实现时使用动态导入和异步组件,同时注意处理加载状态和错误处理。。反之,如果组件在页面初始化时就必须显示,那么静</div> </li> <li><a href="/article/1903202152705224704.htm" title="uni-app 设置背景图在手机中无效" target="_blank">uni-app 设置背景图在手机中无效</a> <span class="text-muted">catino</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>如下写法在微信开发者工具中显示正常,但在真机调试下,手机端背景图并未显示内容文字exportdefault{data(){return{imageBgURL:'../../static/imageBg.png'};}}解决方案如下:1,将图片转为base64编码2,将图片文件上传至服务器,使用网络地址3,使用image标签替代,如文本内容.textBg{height:114rpx;width:62</div> </li> <li><a href="/article/1903162658169876480.htm" title="html5 图像标签" target="_blank">html5 图像标签</a> <span class="text-muted">不负韶华ღ</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%2B/1.htm">+</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%2B/1.htm">+</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图像标签。1、:图像嵌入HTML元素将一份图像嵌入文档。src属性用于指定图像文件的路径和文件名,是标签的必需属性。alt属性包含一条对图像的文本描述,这不是强制性的,但对无障碍而言,它难以置信地有用——屏幕阅读器会将这些描述读给需要使用阅读器的使用者听,让他们知道图像的含义。如果由于某种原因无法加载图像,普通浏览器也</div> </li> <li><a href="/article/1903160893777178624.htm" title="在html中图像标签是什么意思,在html中图像标签是什么意思" target="_blank">在html中图像标签是什么意思,在html中图像标签是什么意思</a> <span class="text-muted">李白涛</span> <a class="tag" taget="_blank" href="/search/%E5%9C%A8html%E4%B8%AD%E5%9B%BE%E5%83%8F%E6%A0%87%E7%AD%BE%E6%98%AF%E4%BB%80%E4%B9%88%E6%84%8F%E6%80%9D/1.htm">在html中图像标签是什么意思</a> <div>在html中图像标签是指用于定义图像的标签,即“”标签。img元素可以向网页中嵌入一幅图像,“”标签的作用是为被引用的图像创建占位符,将图像链接到HTML页面上。本教程操作环境:windows7系统、CSS3&&HTML5版、DellG3电脑。在html中图像标签是指用于定义图像的标签,即“”标签。HTML标签标签定义HTML页面中的图像。标签有两个必需的属性:src和alt。注释:从技术上讲,图</div> </li> <li><a href="/article/1903159381227270144.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><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>HTML网页图像标签常见的图像格式JPGGIFPNGBMP…一、标签的定义及用法在html中,标签是使用来在网页中嵌入一幅图像。从技术上讲,图像并不是插入到网页中,而是链接到网页中,标签的作用是为被引用的图像创建占位符。标签在网页中很常用,比如,引入一个logo图片、按钮背景图片、工具图标等等。只要是有图片的地方,源代码中基本都有标签(除一些背景图片以外)。二、标签语法格式说明:src属性是用来指</div> </li> <li><a href="/article/1903130756427870208.htm" title="移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c" target="_blank">移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c</a> <span class="text-muted">Ailsa-show</span> <div>移动端网页布局注意事项及解决1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉1、关闭iOS键盘首字母自动大写2、禁止文本缩放html{-webkit-text-size-adjust:100%;}3、移动端如何清除输入框内阴影在iOS上,输入框默认有内部阴影,但无法使用box-shadow来清除,如果不需要阴影,可以这样关闭:input,textarea{border</div> </li> <li><a href="/article/1903115499265388544.htm" title="04.文本标签" target="_blank">04.文本标签</a> <span class="text-muted">龙哥带你学编程</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、文本简介1、页面组成元素1)以淘宝购物官网为例,分析网页:在淘宝购物官网的首页上,我们可以看到它是由超链接,文字,图片等元素构成。2)页面组成元素①一个静态页面绝大部分由以下四种元素组成:文本图片超链接音频和视频②思考:符合以下特点的网页是静态还是动态页面?带有音频和视频带有flash动画带有css动画带有JavaScript特效不是。动态页面和静态页面区别在于:是否用到了后端技术,以及是否与</div> </li> <li><a href="/article/1903109438273810432.htm" title="AI学习教程DeepSeek使用教程合集 免费下载" target="_blank">AI学习教程DeepSeek使用教程合集 免费下载</a> <span class="text-muted">oneboxai</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>1.DeepSeek本地部署2.Deepseek搭建个人知识库3.DeepSeek提示词详解4.Deepseek使用技巧大全5.DeepSeek提示词大全6.DeepSeek保姆级新手教程7.DeepSeek各类应用8.Deepseek写小说9.DeepSeekV3部署教程10.DeepseekwordExcel11.Deepseek科研论文12.Deepseek开发游戏13.大模型通用一-A1指</div> </li> <li><a href="/article/1903101618056916992.htm" title="PySimpleGUI模块用法的示例(从入门到进阶)" target="_blank">PySimpleGUI模块用法的示例(从入门到进阶)</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%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><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>入门版下面是几个全面展示PySimpleGUI模块用法的示例,并附有详细的代码注释,帮助你更好地掌握该模块的使用。示例1:简单的输入输出界面这是一个基础的GUI示例,展示了如何使用文本输入框、按钮和文本输出框。登录后复制importPySimpleGUIassg#定义布局layout=[[sg.Text("请输入您的名字:")],#标签组件[sg.InputText(key="-NAME-")],</div> </li> <li><a href="/article/1903098971631448064.htm" title="Python 网络爬虫:从入门到实践" target="_blank">Python 网络爬虫:从入门到实践</a> <span class="text-muted">一ge科研小菜菜</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>个人主页:一ge科研小菜鸡-CSDN博客期待您的关注网络爬虫是一种自动化的程序,用于从互联网上抓取数据。Python以其强大的库和简单的语法,是开发网络爬虫的绝佳选择。本文将详细介绍Python网络爬虫的基本原理、开发工具、常用框架以及实践案例。一、网络爬虫的基本原理网络爬虫的工作流程通常包括以下步骤:发送请求:向目标网站发送HTTP请求,获取网页内容。解析内容:提取需要的数据,可以是HTML标签</div> </li> <li><a href="/article/1903090274981179392.htm" title="【猫狗分类】Pytorch VGG16 实现猫狗分类1-数据清洗+制作标签文件" target="_blank">【猫狗分类】Pytorch VGG16 实现猫狗分类1-数据清洗+制作标签文件</a> <span class="text-muted">努力的小巴掌</span> <a class="tag" taget="_blank" href="/search/pytorch%E5%88%86%E7%B1%BB%E9%A1%B9%E7%9B%AE/1.htm">pytorch分类项目</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E7%B1%BB/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> <div>Pytorch猫狗分类用Pytorch框架,实现分类问题,好像是学习了一些基础知识后的一个小项目阶段,通过这个分类问题,可以知道整个pytorch的工作流程是什么,会了一个分类,那就可以解决其他的分类问题,当然了,其实最重要的还是,了解她的核心是怎么工作的。那首先,我们的第一个项目,就做猫狗的分类。声明:整个数据和代码来自于b站,链接:使用pytorch框架手把手教你利用VGG16网络编写猫狗分类</div> </li> <li><a href="/article/1903068827298623488.htm" title="embed 标签怎么嵌入pdf_如何在网页中嵌入PDF文件" target="_blank">embed 标签怎么嵌入pdf_如何在网页中嵌入PDF文件</a> <span class="text-muted">weixin_39822443</span> <a class="tag" taget="_blank" href="/search/embed/1.htm">embed</a><a class="tag" taget="_blank" href="/search/%E6%A0%87%E7%AD%BE%E6%80%8E%E4%B9%88%E5%B5%8C%E5%85%A5pdf/1.htm">标签怎么嵌入pdf</a> <div>如何在网页中嵌入PDF文件编辑:oa161办公商城您想要到包括代码嵌入到PDFfile.2Type,打开的对象标记,它看起来像这样:<object3Insert的type属性的说明1Locate的位置在您的网页的代码。您的文件类型是PDF。因此,您的代码将看起来像这样:=“application/pdf上”4指定的文件名。要做到这一点,类型:数据=“NAMEofFILE.pdf”地方那句“NA</div> </li> <li><a href="/article/1903057726821429248.htm" title="(教程)如何在HTML网页里嵌入PDF文件?" target="_blank">(教程)如何在HTML网页里嵌入PDF文件?</a> <span class="text-muted">IDRSolutions_CN</span> <a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E5%A4%84%E7%90%86/1.htm">图像处理</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%9B%A2%E9%98%9F%E5%BC%80%E5%8F%91/1.htm">团队开发</a> <div>开发者可以使用不同的标签在HTML中嵌入PDF文件,常见的有、和。它们都能在网页应用中显示PDF,但哪种方式更好?有没有比这更好的方式来在浏览器中显示PDF?方法1:使用标签如果不需要回退内容,可以使用标签。缺点:不常用,因为如果浏览器不支持PDF,显示会是一片空白。YourbrowserdoesnotsupportPDFfiles.Downloadthefileinstead方法2:使用标签标签</div> </li> <li><a href="/article/1903055959014567936.htm" title="如何在PDF中嵌入数据" target="_blank">如何在PDF中嵌入数据</a> <span class="text-muted">IDRSolutions_CN</span> <a class="tag" taget="_blank" href="/search/%E5%9B%A2%E9%98%9F%E5%BC%80%E5%8F%91/1.htm">团队开发</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E5%B7%A5%E7%A8%8B/1.htm">软件工程</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a> <div>好的,我们来聊聊怎么在PDF文件中放一些你自己的数据。因为PDF文件很强大也很灵活,所以经常被用在工作流程中。有时候,把一些额外的信息放进PDF里会很有用。别担心,这些信息通常不会影响PDF的正常使用,大多数工具都会忽略它们。这里有一些方法,你可以试试看:1.XML元数据文件1你可以把一个XML文件藏在PDF的元数据里。2XML文件就像一个可以放很多标签的盒子,你可以把关于整个PDF文件的各种信息</div> </li> <li><a href="/article/1903028463565074432.htm" title="CSP-J备考冲刺必刷题(C++) | AcWing 11 背包问题求方案数" target="_blank">CSP-J备考冲刺必刷题(C++) | AcWing 11 背包问题求方案数</a> <span class="text-muted">热爱编程的通信人</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/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>本文分享的必刷题目是从蓝桥云课、洛谷、AcWing等知名刷题平台精心挑选而来,并结合各平台提供的算法标签和难度等级进行了系统分类。题目涵盖了从基础到进阶的多种算法和数据结构,旨在为不同阶段的编程学习者提供一条清晰、平稳的学习提升路径。欢迎大家订阅我的专栏:算法题解:C++与Python实现!附上汇总贴:算法竞赛备考冲刺必刷题(C++)|汇总【题目来源】AcWing:11.背包问题求方案数-AcWi</div> </li> <li><a href="/article/1903025553070419968.htm" title="金融、教育等行业如何高效利用wangEditor实现word文档网页化编辑?" target="_blank">金融、教育等行业如何高效利用wangEditor实现word文档网页化编辑?</a> <span class="text-muted">2501_90699850</span> <a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D/1.htm">金融</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a> <div>要求:开源,免费,技术支持编辑器:wangEditor前端:vue2,vue3,vue-cli,html5后端:java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体:学生,个人用户,外包,自由职业者,中小型网站,博客,场景:数字门户,数字中台,站群,内网,外网,信创国产化环境,web截屏行业:医疗,教育,建筑,政府,党政,国</div> </li> <li><a href="/article/1903025549899526144.htm" title="网页编辑器能否满足Word公式与图片的直接复制粘贴?" target="_blank">网页编辑器能否满足Word公式与图片的直接复制粘贴?</a> <span class="text-muted">2501_90699800</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a> <div>要求:开源,免费,技术支持编辑器:百度ueditor前端:vue2,vue3,vue-cli,react,html5用户体验:Ctrl+V快捷键操作功能:导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台:Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,</div> </li> <li><a href="/article/1903015587223760896.htm" title="HTML5响应式使用css媒体查询" target="_blank">HTML5响应式使用css媒体查询</a> <span class="text-muted">前段技术人</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%AA%92%E4%BD%93/1.htm">媒体</a> <div>HTML负责搭建页面结构,CSS负责样式设计,并且通过媒体查询实现了较好的响应式效果,能够适应不同屏幕尺寸下面就是写了一个详细的实例。CSS部分*{margin:0;padding:0;box-sizing:border-box;}*是通配选择器,会选中页面上的所有元素。margin:0;将所有元素的外边距设置为0。padding:0;将所有元素的内边距设置为0。box-sizing:border</div> </li> <li><a href="/article/1903003990778507264.htm" title="html 5中哪个标签用于定义标题列表项,No.5 HTML常用标签" target="_blank">html 5中哪个标签用于定义标题列表项,No.5 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/5%E4%B8%AD%E5%93%AA%E4%B8%AA%E6%A0%87%E7%AD%BE%E7%94%A8%E4%BA%8E%E5%AE%9A%E4%B9%89%E6%A0%87%E9%A2%98%E5%88%97%E8%A1%A8%E9%A1%B9/1.htm">5中哪个标签用于定义标题列表项</a> <div>一、标题标签为了使网页更具有语义化,我们经常会在页面中用到标题标签。HTML提供了6个等级的网页标题,即至。我是一级标题我是二级标题我是三级标题我是四级标题我是五级标题我是六级标题单词head的缩写,意为头部、标题。标签语义:作为标题使用,并且依据重要性递减。特点:加了标题的文字会变的加粗,字号也会依次变大。一个标题独占一行。二、段落标签在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示</div> </li> <li><a href="/article/1902999068766957568.htm" title="什么是 HTML 实体和转义" target="_blank">什么是 HTML 实体和转义</a> <span class="text-muted">西门吹雪在编程</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</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实体之一,用于表示双引号字符(")。HTML实体是一种用于在HTML文档中表示某些特殊字符的方法,因为这些字符在HTML中有特定的用途或可能会与HTML标签语法冲突。HTML实体的背景和用途在HTML中,一些字符有特定的意义。例如,用于标记HTML标签的开始和结束。如果你想在网页中显示这些字符而不是把它们解释为HT</div> </li> <li><a href="/article/1902995664091017216.htm" title="html实体字符" target="_blank">html实体字符</a> <span class="text-muted">Qhumaing</span> <a class="tag" taget="_blank" href="/search/HTML%E5%AD%A6%E4%B9%A0/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实体字符HTML实体字符(HTMLEntities)是在HTML中用来表示那些在HTML文档中直接使用可能会引起问题的特殊字符的一种方法。这些特殊字符包括但不限于尖括号、与号、引号等,它们在HTML中有特定的用途(如标签界定符、属性值分隔符等),如果直接使用,浏览器可能会误解它们。以下是常见的HTML实体字符及其用途:<-小于号()&-与号(&)"-双引号(")&a</div> </li> <li><a href="/article/1902992765134893056.htm" title="如何在 HTML 中创建一个有序列表和无序列表,它们的语义有何不同?" target="_blank">如何在 HTML 中创建一个有序列表和无序列表,它们的语义有何不同?</a> <span class="text-muted">前端大白话</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E7%99%BD%E8%AF%9D%E5%89%8D%E7%AB%AF%E5%85%AB%E8%82%A1/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/html/1.htm">html</a> <div>大白话如何在HTML中创建一个有序列表和无序列表,它们的语义有何不同?1.HTML中有序列表和无序列表的基本概念在HTML里,列表是一种用来组织信息的方式。有序列表就是带有编号的列表,它可以让内容按照一定的顺序呈现;无序列表则是用符号(像圆点、方块等)来标记每一项内容,重点在于展示并列的信息,不强调顺序。2.创建无序列表无序列表使用标签来创建,每一项内容用标签包裹。下面是具体的代码示例,代码里有详</div> </li> <li><a href="/article/1902962123135315968.htm" title="Scrum实施情况调查之案例分析" target="_blank">Scrum实施情况调查之案例分析</a> <span class="text-muted">zhijie435</span> <a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a><a class="tag" taget="_blank" href="/search/thoughtworks/1.htm">thoughtworks</a><a class="tag" taget="_blank" href="/search/%E6%95%8F%E6%8D%B7/1.htm">敏捷</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a><a class="tag" taget="_blank" href="/search/%E6%95%8F%E6%8D%B7%E5%BC%80%E5%8F%91/1.htm">敏捷开发</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a> <div>导读:社区Agile主题敏捷实施,企业级敏捷标签Scrum作者李剑,在InfoQ中文站上发表了一篇"Scrum在中国——企业实施情况调查实录"。这份调查实录,分别调查了五个实施SCRUM的公司,其中三家公司实施成功,二家公司失败。我建议所有准备或者正在实施SCRUM的人们都能来读一下。在此,我们会对这篇文章中的案例分类进行分析、诊断。并探讨什么是敏捷开发方法、什么是SCRUM、使用敏捷方法需要什么</div> </li> <li><a href="/article/1902940921859731456.htm" title="计算机专业毕业设计题目推荐(新颖选题)本科计算机人工智能专业相关毕业设计选题大全✅" target="_blank">计算机专业毕业设计题目推荐(新颖选题)本科计算机人工智能专业相关毕业设计选题大全✅</a> <span class="text-muted">会写代码的羊</span> <a class="tag" taget="_blank" href="/search/%E6%AF%95%E8%AE%BE%E9%80%89%E9%A2%98/1.htm">毕设选题</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/1.htm">毕业设计</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E8%AE%BE%E9%A2%98%E7%9B%AE/1.htm">毕设题目</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1%E9%A2%98%E7%9B%AE/1.htm">毕业设计题目</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a><a class="tag" taget="_blank" href="/search/AI%E7%BC%96%E7%A8%8B/1.htm">AI编程</a> <div>文章目录前言最新毕设选题(建议收藏起来)本科计算机人工智能专业相关的毕业设计选题毕设作品推荐前言2025全新毕业设计项目博主介绍:✌全网粉丝10W+,CSDN全栈领域优质创作者,博客之星、掘金/华为云/阿里云等平台优质作者。技术范围:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、大数据、机器学习等设计与开发。主要内容:免费功能</div> </li> <li><a href="/article/1902934731360628736.htm" title="13 异常处理的使用大全" target="_blank">13 异常处理的使用大全</a> <span class="text-muted">希望_睿智</span> <a class="tag" taget="_blank" href="/search/C%2B%2B%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E7%B2%BE%E8%AE%B2/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/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E5%B8%B8%E5%A4%84%E7%90%86/1.htm">异常处理</a> <div>概述异常是指程序在执行的过程中,没有按照预定的流程和逻辑去运行,从而导致数组越界、内存溢出、甚至程序崩溃等各种非正常的情况。在C++、Java和C#等高级语言中,都提供了对于异常的处理机制。异常处理,实际上是一种转移程序控制权的方式。当程序中抛出了异常时,我们可以捕获异常,进而进行相应的处理。处理模型一般有两种:一种是终止模型,表示该异常是致命的,无法恢复,会直接终止程序;另一种是恢复模型,表示该</div> </li> <li><a href="/article/1902924265162862592.htm" title="Claude 3.7 Sonnet 根据UI设计稿生成前端html页面" target="_blank">Claude 3.7 Sonnet 根据UI设计稿生成前端html页面</a> <span class="text-muted">徐同保</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>UI设计稿:提示词:你是一个前端代码工程师,根据UI设计稿,编写对应html页面,样式写在标签里,类名都以"m-"开头AI回答的结果:根据提供的UI设计稿,我将编写对应的HTML页面,所有类名都以"m-"开头,样式写在标签里。```html账单明细/*重置样式*/*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-</div> </li> <li><a href="/article/1902878104855048192.htm" title="springboot整合Thymeleaf详解" target="_blank">springboot整合Thymeleaf详解</a> <span class="text-muted">weiha666</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a> <div>Thymeleaf介绍简单说,Thymeleaf是一个跟Velocity、FreeMarker类似的模板引擎,它可以完全替代JSP。相较与其他的模板引擎,它有如下三个极吸引人的特点:Thymeleaf在有网络和无网络的环境下皆可运行,即它可以让美工在浏览器查看页面的静态效果,也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持html原型,然后在html标签里增加额外的属性来达到模板+数</div> </li> <li><a href="/article/1902871039382188032.htm" title="Redis高频面试题解析干货,结合核心原理、高频考点和回答技巧" target="_blank">Redis高频面试题解析干货,结合核心原理、高频考点和回答技巧</a> <span class="text-muted">dblens 数据库管理和开发工具</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/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a> <div>一、Redis核心数据结构与实战场景高频问题:Redis有哪些数据结构?分别适合什么场景?回答模板:基础结构(必答):String(缓存、计数器)、Hash(对象存储)、List(队列、栈)、Set(标签、去重)、ZSet(排行榜)扩展加分:Bitmaps(日活统计)、HyperLogLog(UV去重)、GEO(地理位置)场景举例(体现实战能力):例1:用ZSet实现电商销量排行榜,ZINCRBY</div> </li> <li><a href="/article/1902863980490190848.htm" title="浏览器 DOM 深度解析:从节点类型到遍历操作的全攻略" target="_blank">浏览器 DOM 深度解析:从节点类型到遍历操作的全攻略</a> <span class="text-muted">码农的时光故事</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核心概念与节点类型DOM(文档对象模型)是浏览器提供的核心API之一,用于将HTML文档转换为可操作的对象树结构。其核心设计遵循树形结构,每个节点都继承自Node接口,主要分为以下类型:1.基础节点类型Element:对应HTML标签,包含属性和子节点()Text:文本内容节点Comment:注释节点Document:文档根节点,通过document全局对象访问()2.特殊节点类型Doc</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>