参考文档： https://www. w3schools.com/html/html 5_intro.asp
历时三天，对着菜鸟教程总结，一个一个手敲，统计出了：
原来 HTML 有 110 个标签啊！！！！！！
一、基础标签
1：：定义文档类型
2：：定义一个 HTML 文档
manifest：规定文档的缓存 manifest 的位置
// https://www.runoob.com/html/html5-app-cache.html
3：：为文档定义一个标题</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>4：<body>：定义文档的主体</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>5~10：<h1> to <h6>：定义 HTML 标题</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>11：<p>：定义一个段落</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>12：<br>：定义简单的折行</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>13：<hr>：定义水平线</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>14：<!--...-->：定义一个注释</h4>
<div class="has">
<pre><code>无私有属性、无标准属性</code></pre>
</div>
<h3>二、格式标签</h3>
<h4>15：<abbr>：定义一个缩写</h4>
<div class="has">
<pre><code>无私有属性
--
提示：把鼠标移到 <abbr> 标签的元素上时，会显示其 title 属性的值</code></pre>
</div>
<h4>16：<address>：定义文档作者或拥有者的联系信息</h4>
<div class="has">
<pre><code>无私有属性
--
提示：<address> 如果在 <body> 内，则它表示文档的联系信息
<address> 如果在 <article> 内，则它表示文章的联系信息</code></pre>
</div>
<h4>17：<b>：定义粗体文本</h4>
<div class="has">
<pre><code>无私有属性
--
提示：<b> 标签应该作为最后的选择，只有在没有其他标记比较合适的时候才使用它。
如标题应该用 <h1>-<h6> 标签表示；被强调的文本应该用 <em> 标签标示；
重要的文本应该用 <strong> 标签表示；被标记的的文本应该用 <mark> 标签标示；</code></pre>
</div>
<h4>*18：<bdi>：允许您设置一段文本，使其脱离其父元素的文本方向设置。</h4>
<div class="has">
<pre><code>dir：ltr | rtl | auto - 规定 <bdi> 元素内的文本的文本方向，默认 auto。
--
极少使用</code></pre>
</div>
<h4>*19：<bdo>：定义文本的方向</h4>
<div class="has">
<pre><code>dir：ltr | rtl | auto - 规定 <bdi> 元素内的文本的文本方向，默认 auto。
--
极少使用</code></pre>
</div>
<h4>20：<blockquote>：定义块引用</h4>
<div class="has">
<pre><code>cite: URL - 规定引用的来源</code></pre>
</div>
<h4>21：<cite>：定义作品的标题</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>22：<code>：定义计算机代码文本【短语标签 1 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>23：<del>：定义被删除的文本</h4>
<div class="has">
<pre><code>cite: URL - 规定一个解释了文本被删除的原因的文档的 URL
datetime：YYYY-MM-DDThh:mm:ssTZD - 规定文本被删除的日期和时间
--
<del> 与 <ins> 一般一起使用，描述文档中的更新与修正。</code></pre>
</div>
<h4>24：<dfn>：定义一个定义项目【短语标签 2 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>25：<em>：定义强调文本【短语标签 3 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>26：<i>：定义斜体文本</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>27：<ins>：定义被插入文档中的文本</h4>
<div class="has">
<pre><code>cite: URL - 规定一个文档的 URL，该文档解释了文本被插入的原因
datetime：YYYY-MM-DDThh:mm:ssTZD - 规定文本被插入的日期和时间
--
<del> 与 <ins> 一般一起使用，描述文档中的更新与修正。</code></pre>
</div>
<h4>28：<kbd>：定义键盘文本【短语标签 4 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>29：<mark>：定义带有记号的文本</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>30：<meter>：度量衡</h4>
<div class="has">
<pre><code>详情见：https://www.runoob.com/tags/tag-meter.html
--
提示：度量衡可以用作表示磁盘使用情况</code></pre>
</div>
<h4>31：<pre>：预格式化文本</h4>
<div class="has">
<pre><code>无私有属性
--
提示：<pre> 标签内的文本，会保留空格和换行，同时文本会呈现为等款字体。
经常用作代码的展示。（<code>？？？）</code></pre>
</div>
<h4>32：<progress>：定义运行中的任务进度</h4>
<div class="has">
<pre><code>max: number - 规定需要完成的值
value: number - 规定进程的当前值</code></pre>
</div>
<h4>33：<q>：定义短的引用（自动加引号）</h4>
<div class="has">
<pre><code>cite：URL - 规定饮用的源 URL</code></pre>
</div>
<h4>*34：<rp>：定义不支持 ruby 元素的浏览器所显示的内容【汉语拼音 1 / 3】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>*35：<rt>：定义字符的解释或发音【汉语拼音 2 / 3】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>*36：<ruby>：定义 ruby 注释【汉语拼音 3 / 3】</h4>
<div class="has">
<pre class="has"><code><</code></pre>
</div>
<h4>37：<s>：定义加删除线的文本（和 <del> 的区别？）</h4>
<div class="has">
<pre><code>无私有属性
--
<s> 与 <del> 的区别？
<s> 标签对那些不正确、不准确或者没有用的文本进行标识
<s> 标签不应该用来定义替换的或者删除的文本。</code></pre>
</div>
<h4>38：<samp>：定义计算机代码样本【短语标签 5 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>39：<small>：定义小号文本</h4>
<div class="has">
<pre><code>无私有属性
--
提示：用来定义旁注</code></pre>
</div>
<h4>40：<strong>：定义语气更为强烈的强调文本【短语标签 6 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>41：<sub>：定义下标文本（下标文本可以用来表示化学公式）</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>42：<sup>：定义上标文本（上标文本可以用来添加脚注）</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>43：<time>：定义一个日期 / 时间</h4>
<div class="has">
<pre><code>datetime: datetime - 规定日期/时间。另一种方式，则是由元素的内容给定日期/时间。
--
提示：该元素能够以机器刻度的方式对日期和时间进行编码。</code></pre>
</div>
<h4>44：<u>：定义下划线文本</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>45：<var>：定义文本的变量部分【短语标签 7 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>46：<wbr>：规定文本中的何处适合添加换行符</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h3>三、表单标签</h3>
<h4>47：<form>：定义一个 HTML 表单，用于用户输入</h4>
<div class="has">
<pre><code>accept-charset: character_set - 规定服务器可处理的表单数据字符集
action: URL - 规定当前提交表单时向何处发送表单数据
autocomplete: on|off - 规定是否启用表单的自动完成功能
enctype:application/x-www-form-urlencoded|multipart/form-data|text/plain - 规定在向服务器发送表单数据之前如何对其进行编码。
method: get|post - 规定用于发送表单数据的 HTTP 方法
name: text - 规定表单的名称
novalidate: novalidate - 如果使用该属性，则提交表单时不进行验证
target：_blank|_self|_parent|_top - 规定在何处打开 action URL
--
提示：<form> 元素包含一个或多个表单元素。</code></pre>
</div>
<h4>48：<input>：定义一个输入控件</h4>
<div class="has">
<pre><code>accept: audio|* video|* image|* MIME_type - 规定通过文件上传来提交的文件的类型（只针对 type="file"）
alt: text - 定义图像输入的替代文本（只针对 type="image"）
autocomplete: on|off - autocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能
autofocus: autofocus - 属性规定当页面加载时 <input> 元素应该自动获得焦点
checked: checked - checked 属性规定在页面加载时应该被预先选定的 <input> 元素（只针对 type="checkbox"或者type="radio"）
disable:disabled - disabled 属性规定应该禁用的 <input> 元素
form: form_id - form 属性规定 <input> 元素所属的一个或多个表单
formaction: URL - 属性规定当表单提交时处理输入控件的文本的 URL（只针对 type="submit" 和 type="image"）
formenctype: application/x-www-form-urlencoded|multipart/form-data|text/plain - 属性规定当前表单提交到服务器时如何编码（只针对 type="submit" 和 type="image"）
formmethod: get|post - 定义发送表单数据到 action URL 的 HTTP 方法。（只适合 type="submit" 和 type="image"）
formnovaliadate: formnovalidate - 覆盖 <form> 元素的 novalidate 属性
formtarget: _blank|_self|_parent|_top - 规定表示提交表单后在那里显示接收到相应的名称或关键词（只适合 type="submit" 和 type="image"）
height: pixels - 规定 <input> 元素的高度。（只针对 type="image")
list: datalist_id - 属性引用 <datalist> 元素，其中包含 <input> 元素的预定义选项
max: number date - 属性规定 <input> 元素的最大值
maxlength: number - 属性规定 <input> 元素中允许的最大字符数
min: number date - 属性规定 <input> 元素的最小值
multiple: multiple - 属性规定允许用户输入到 <input> 元素的多个值
name: text - 属性规定 <input> 元素的名称
pattern: regexp - 属性规定用于验证 <input> 元素值的正则表达式
placeholder: text - 属性规定可描述输入 <input> 字段预期值的简短的提示信息
readonly: readonly - 属性规定输入字段是只读的
required: required - 属性规定必须在提交表单之前填写输入字段
size: number - 属性规定以字符数计的 <input> 元素的可见宽度
src: URL - 属性规定显示为提交按钮的图像的 URL（只针对 type="image"）
step: numnber - 属性规定 <input> 元素的合法数字间隔
type:
button
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
value: text - 指定 <input> 元素 value 的值
width: pixels - 属性规定 <input> 元素的宽度（只针对 type="image")</code></pre>
</div>
<blockquote>
问题：input 的 value、name 属性都有什么用？
<br>答：value 在不同的 type 下表示不同的意思：
<br>对于 "button"、"reset"、"submit" - 定义按钮上的文本；
<br>对于 "text"、"password"、"hidden" - 定义输入字段的默认值
<br>对于 "checkbox"、"radio"、"image" - 定义与 input 元素相关的值，当提交表单时该值会发送到表单的 action URL
<br>name 属性用于在 JavaScript 中引用元素，或者在表单提交后引用表单数据
</blockquote>
<h4>49：<textarea>：定义多行文本输入控件</h4>
<div class="has">
<pre><code>autofocus: autofocus - 规定当前页面加载时，文本区域自动获得焦点
cols: number - 规定文本区域内的可见的宽度
disabled: disabled - 规定禁用文本区域
form: form_id - 定义文本区域所属的一个或多个表单
maxlength: number - 规定文本区域允许的最大字符数
name: text - 规定文本区域的名称
placeholder: text - 规定一个简短的提示，描述文本区域期望的输入值
readonly: readonly - 规定文本区域为只读
required: required - 规定文本区域是必须的/必填的
rows: number - 规定文本区域内可见的行数
wrap: hard|soft - 规定当提交表单时，文本区域中的文本应该怎么换行</code></pre>
</div>
<h4>50：<button>：定义按钮</h4>
<div class="has">
<pre><code>autofocus: autofocus - 规定当页面加载时按钮应当自动地获得焦点
disabled: disabled - 规定应该禁用该按钮
form: form_id - 规定按钮属于一个或多个表单
formaction: URL - 属性规定当表单提交时处理输入控件的文本的 URL（只针对 type="submit" 和 type="image"）
formenctype: application/x-www-form-urlencoded|multipart/form-data|text/plain - 属性规定当前表单提交到服务器时如何编码（只针对 type="submit" 和 type="image"）
formmethod: get|post - 定义发送表单数据到 action URL 的 HTTP 方法。（只适合 type="submit" 和 type="image"）
formnovaliadate: formnovalidate - 覆盖 <form> 元素的 novalidate 属性
formtarget: _blank|_self|_parent|_top - 规定表示提交表单后在那里显示接收到相应的名称或关键词（只适合 type="submit" 和 type="image"）
name: name - 规定按钮的名称
type: button|reset|submit - 规定按钮的类型
value: text - 规定按钮的初始值。可由脚本进行修改
--
问题：<button> 与 <input type="button"> 有什么区别？
答：如果都在普通标签中使用，两者没有区别。
如果在 <form> 表单中使用，<input type="button"> 不会提交表单，而 <button type="submit"> 会提交表单
<button> 比 <input> 能放更多的内容在按钮上</code></pre>
</div>
<h4>51：<select>：定义选择列表（下拉列表）【下拉列表 1 / 3】</h4>
<div class="has">
<pre><code>autofocus
disabled
form
multiple: multiple - 当该属性为 true 时，可以选择多个选项
name
required
size：number - 规定下拉列表中可见选项的数目
--
提示：<select> 元素中的 <option> 标签定义了列表中的可用选项
multiple 可以说是史上最没用的多选了，要按住 ctrl/command 才可以多选</code></pre>
</div>
<h4>52：<optgroup>：定义选择列表中相关选项的组合【下拉列表 2 / 3】</h4>
<div class="has">
<pre><code>disabled
label: text - 为选项组规定描述</code></pre>
</div>
<h4>53：<option>：定义选择列表中的选项【下拉列表 3 / 3】</h4>
<div class="has">
<pre><code>disabled
label: text - 定义当使用 <optgroup> 时所使用的标注（也就是会替换本标签的元素内容）
selected: selected - 规定选项（在首次显示在列表中时）表现为选中状态
value: text - 定义送往服务器的选项值</code></pre>
</div>
<h4>54：<label>：定义 input 元素的标注</h4>
<div class="has">
<pre><code>for: element_id - 规定 label 与哪个表单元素绑定（与相关元素的 id 属性相同）
form
--
提示：
label 元素不会向用户呈现任何特殊效果，但是它为鼠标用户改进了可用性，如果您在 label 元素内点击文本，就会触发此控件。</code></pre>
</div>
<h4>55：<fieldset>：定义围绕表单中元素的边框【边框 1 / 2】</h4>
<div class="has">
<pre><code>disabled
form
name
--
<legend> 标签为 <fieldset> 元素定义标题</code></pre>
</div>
<h4>56：<legend>：定义 fieldset 元素的标题【边框 2 / 2 】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>57：<datalist>：规定了 input 元素可能的选项列表</h4>
<div class="has">
<pre><code>无私有属性
--
datalist 被用来在为 <input> 元素提供“自动完成“的特性（有些像 Element 的 <el-autocomplete>）</code></pre>
</div>
<h4>58：<output>：定义一个计算的结果</h4>
<div class="has">
<pre><code>详见：https://www.runoob.com/tags/tag-output.html</code></pre>
</div>
<h3>四、框架标签</h3>
<h4>59：<iframe>：定义内联框架</h4>
<div class="has">
<pre><code>name
sandbox: ""|allow-forms|allow-same-origin|allow-scripts|allow-top-navigation - 对内容定义一系列额外的限制
seamless: seamless - 规定 <iframe> 看起来像是父文档中的一部分
src: URL - 规定在 <iframe> 中显示的文档的 URL
scrdoc: HTML_code - 规定页面中的 HTML 内容显示在 <iframe> 中
width: pixels - 规定 <iframe> 的宽度
--
提示：一个内联框架被用来在当前 HTML 文档中嵌入另一个文档</code></pre>
</div>
<h3>五、图像</h3>
<h4>60：<img>：定义图像</h4>
<div class="has">
<pre><code>alt: text - 规定图像的替代文本
crossorigin: anonymous use-credentials - 设置图像的跨域属性
height: pixels - 规定图像的高度
ismap: ismap - 将图像规定为服务器端图像映射
src: URL - 规定显示图像的 URL
usemap: #mapname - 将图像定义为客户端图像映射
width: pixels - 规定图像的宽度</code></pre>
</div>
<h4>61：<map>：定义图像映射</h4>
<div class="has">
<pre><code>name: mapname - 必需。为 image-map 规定的名称</code></pre>
</div>
<h4>62：<area>：定义图像地图内部的区域</h4>
<div class="has">
<pre><code>alt: text - 规定区域的替代文本。如果使用 href 属性，则该属性是必须的
coords: coordinates - 规定区域的坐标。
href: URL - 规定区域的目标 URL。
hreflang: language_code - 规定目标 URL 的语言
media: media query - 规定目标 URL 是为何种媒介/设备优化的。默认:all
rel:
alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag - 规定当前文档与目标 URL 之间的关系
shape: default|rect|circle|poly - 规定区域的形状
target: _blank|_parent|_self|_top - 规定在何处打开目标 URL
type: MIME_type - 规定目标 URL 的 MIME 类型</code></pre>
</div>
<h4>63：<canvas>：通过 JavaScript 来绘制图形</h4>
<div class="has">
<pre><code>height: pixels - 规定画布的高度
width: pixels - 规定画布的宽度
--
参考文档：https://www.runoob.com/tags/ref-canvas.html</code></pre>
</div>
<h4>64：<figcaption>：定义一个 caption for a <figure> element</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>65：<figure>：用于对元素进行组合</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h3>六、音频 | 视频</h3>
<h4>66：<audio>：定义声音，比如音乐或其它音频流</h4>
<div class="has">
<pre><code>autoplay: autoplay - 如果出现该属性，则音频在就绪后马上播放
controls: controls - 如果出现该属性，则向用户显示音频控件（播放暂停按钮）
loop: loop - 每当音频结束时重新开始播放
muted: muted - 音频输出为静音
preload: auto|metadata|none - 音频是否默认被加载以及如何被加载
src: URL - 规定音频文件的 URL</code></pre>
</div>
<h4>67：<source>：定义 media 元素的媒体资源</h4>
<div class="has">
<pre><code>media：media_query - 规定媒体资源的类型，供浏览器决定是否下载
src: URL - 规定媒体文件的 URL
type: MIME_type - 规定媒体资源的 MIME 类型</code></pre>
</div>
<h4>68：<track>：为媒体元素定义外部文本轨道</h4>
<div class="has">
<pre><code>default: default -
kind: captions|chapters|descriptions|metadata|subtitles - 规定文本轨道的文本类型
label: text - 规定文本轨道的标签和标题
src: URL - 必须，规定文本轨道的 URL
srclang: language_code - 规定轨道文本数据的语言。如果 kind 属性值是 "subtitles"，则该属性是必须的</code></pre>
</div>
<h4>69：<video>：定义一个音频或者视频</h4>
<div class="has">
<pre><code>autoplay
controls
height
loop
muted
poster: URL - 规定视频正在下载时显示的图像，直到用户点击播放按钮
preload: auto|metadata|none - 如果出现该属性，则视频在页面加载时进行加载，并预备播放。
src
width</code></pre>
</div>
<h3>七、链接</h3>
<h4>70：<a>：定义一个链接</h4>
<div class="has">
<pre><code>download: filename - 指定下载链接
href: URL - 规定链接的目标 URL
hreflang: language_code - 规定目标 URL 的基准语言。尽在 href 属性存在时使用
media: media_query - 规定目标 URL 的媒介类型。默认值 all。
rel:
alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag - 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
target: _blank|_parent|_self|_top - 规定在何处打开目标 URL
type: MIME_type - 规定目标 URL 的 MIME 类型</code></pre>
</div>
<h4>71：<link>：定义文档与外部资源的关系</h4>
<div class="has">
<pre><code>href: URL - 定义被链接文档的位置
hreflang: language_code - 定义被链接文档中文本的语言
media: media_query - 规定被链接文档将显示在什么设备上
rel: alternate|archives|author|bookmark|external|first|help|icon|last|license|next|nofollow|noreferrner|pingback|prefetch|prev|search|sidebar|stylesheet|tag|up - 必须。定义当前文档与被链接文档之间的关系。
sizes: HeightxWidth - 定义了链接属性大小，只对属性 rel:"icon" 起作用
type: MIME_type - 规定被链接文档的 MIME 类型
--
提示：<link> 一般用于链接外部样式文档</code></pre>
</div>
<h4>72：<nav>：定义导航链接</h4>
<div class="has">
<pre><code>无私有属性
--
提示：一般配合 <a> 使用，也是语义化标签</code></pre>
</div>
<h3>八、列表</h3>
<h4>73：<ul>：定义一个无序列表</h4>
<div class="has">
<pre><code>无私有属性
--
提示：将 <ul> 标签与 <li> 标签一起使用，创建无序列表</code></pre>
</div>
<h4>74：<ol>：定义一个有序列表</h4>
<div class="has">
<pre><code>reversed: reversed - 制定列表倒序
--
提示：将 <ol> 标签与 <li> 标签一起使用，创建有序列表</code></pre>
</div>
<h4>75：<li>：定义一个列表项</h4>
<div class="has">
<pre><code>无私有属性
--
提示：<li> 可用在 <ol> <ul> <menu> 中</code></pre>
</div>
<h4>76：<dl>：定义一个定义列表</h4>
<div class="has">
<pre><code>无私有属性
--
<dl> 标签与 <dt> （定义项目/名字）和 <dd> （描述每一个项目/名字）一起使用</code></pre>
</div>
<h4>77：<dt>：定义一个定义列表中的项目</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>78：<dd>：定义定义列表中项目的描述</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>79：<menu>：定义菜单列表</h4>
<div class="has">
<pre><code>目前所有主流浏览器都不支持 <menu> 标签</code></pre>
</div>
<h4>80：<commend>：定义用户可能调用的命令</h4>
<div class="has">
<pre><code>目前所有主流浏览器都不支持 <commend> 标签</code></pre>
</div>
<h3>九、表格</h3>
<h4>81：<table>：定义一个表格</h4>
<div class="has">
<pre><code>border：1|"" - 规定表格单元是否拥有边框</code></pre>
</div>
<h4>82：<caption>：定义表格的标题</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>83：<th>：定义表格中的表头单元格</h4>
<div class="has">
<pre><code>colspan: number - 规定表头单元格可横跨的列数
headers: header_id - 规定与表头单元格相关联的一个或多个表头单元格
rowspan: number - 规定表头单元格可横跨的行数
scope: col|colgroup|row|rowgroup - 规定表头单元格是否是行、列、行组或列祖的头部</code></pre>
</div>
<h4>84：<tr>：定义表格中的行</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>85：<td>：定义表格中的单元</h4>
<div class="has">
<pre><code>colspan: number - 规定单元格可横跨的列数
headers: header_id - 规定与单元格相关联的一个或多个表头单元格
rowspan: number - 设置单元格可横跨的行数</code></pre>
</div>
<h4>86：<thead>：定义表格中的表头数据</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>87：<tbody>：定义表格中的主体内容</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>88：<tfoot>：定义表格中的表注内容</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>89：<col>：定义表格中一个或多个列的属性值</h4>
<div class="has">
<pre><code>span: number - 规定 <col> 元素应该横跨的列数</code></pre>
</div>
<h4>90：<colgroup>：定义表格中供格式化的列组</h4>
<div class="has">
<pre><code>span: number - 规定列组应该横跨的列数</code></pre>
</div>
<h3>十、样式/节</h3>
<h4>91：<style>：定义文档的样式信息</h4>
<div class="has">
<pre><code>media: media_query - 为样式表规定不同的媒体类型
scoped: scoped - 如果使用该属性，则样式仅仅应用到 style 元素的夫元素及其子元素
type: text/css - 规定样式表的 MIME 类型</code></pre>
</div>
<h4>92：<div>：定义文档中的节</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>93：<span>：定义文档中的节</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>94：<header>：定义一个文档头部部分</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>95：<footer>：定义一个文档底部</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>96：<section>：定义了文档的某个区域</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>97：<article>：定义了一个文章内容</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>98：<aside>：定义其所处内容之外的内容</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>99：<details>：定义了用户可见的或者隐藏的需求的补充细节</h4>
<div class="has">
<pre><code>opem: open - 规定 details 是否可见</code></pre>
</div>
<h4>100：<dialog>：定义一个对话框或者窗口</h4>
<div class="has">
<pre><code>open: open - 规定 dialog 元素是有效的，用户可以与它进行交互</code></pre>
</div>
<h4>101：<summary>：定义一个可见的标题。当用户点击标题时会显示出详细信息。</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h3>十一、元信息</h3>
<h4>102：<head>：定义关于文档的信息</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>103：<meta>：定义关于 HTML 文档的元信息</h4>
<div class="has">
<pre><code>charset: character_set - 定义文档的字符编码
content: text - 定义与 http-equiv 或 name 属性相关的元信息。
http-equiv: content-type|default-style|refresh - 把 content 属性关联到 HTTP 头部
name: application-name|author|description|generator|keywords - 把 content 属性关联到一个名称</code></pre>
</div>
<h4>104：<base>：定义页面中所有链接的默认地址或默认目标</h4>
<div class="has">
<pre><code>href: URL - 规定页面中所有相对链接的基准 URL
target: _blank|_parent|_self|_top|framename - 规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。</code></pre>
</div>
<h3>十二、程序</h3>
<h4>105：<script>：定义客户端脚本</h4>
<div class="has">
<pre><code>async: async - 规定异步执行脚本
charset: charset - 规定在脚本中使用字符编码
defer: defer - 规定当页面完成解析后，执行脚本
src: URL - 规定外部脚本的 URL
type: MIME-type - 规定脚本的 MIME 类型</code></pre>
</div>
<h4>106：<noscript>：定义针对不支持客户端脚本的用户的替代内容</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>107：<embed>：定义了一个容器，用来嵌入外部应用或者互动程序</h4>
<div class="has">
<pre><code>height: pixels - 规定嵌入内容的高度
src: URL - 规定被嵌入内容的 URL
type: MIME_type - 规定嵌入内容的 MIME 类型
width: pixels - 规定嵌入内容的宽度</code></pre>
</div>
<h4>108：<object>：定义嵌入的对象</h4>
<div class="has">
<pre><code>data: URL - 规定对象使用的资源的 URL
form: form_id - 规定对象所属的一个或多个表单
height: pixels - 规定对象的高度
name: name - 为对象规定名称
type: MIME_type - 规定 data 属性中规定的数据的 MIME 类型
usemap: #mapname - 规定与对象一同使用的客户端图像映射的名称
width: pixels - 规定对象的宽度</code></pre>
</div>
<h4>109：<param>：定义对象的参数</h4>
<div class="has">
<pre><code>name: name - 定义参数的名称
value: value - 描述参数值</code></pre>
</div>
<h3>十三、补充</h3>
<h4>110：<main>：定义文档的主要内容</h4>
<div class="has">
<pre><code>无私有属性
--
提示：一个 HTML 文档只允许出现一个 main 标签</code></pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1740253902076395520"></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">你可能感兴趣的:(form标签的action之前,加密,html表单form字体颜色)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1892508570369454080.htm"
title="cocos creator从零开发简单框架(12)-代码生成单色Sprite" target="_blank">cocos creator从零开发简单框架(12)-代码生成单色Sprite</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/cocos/1.htm">cocos</a>
<div>在写Panel前，先写个方法生成单色Sprite，这样当碰到需要单色Sprite的时候不需要在编辑器拖拽和代码动态加载资源。编辑framework/scripts/AppUtil.ts，添加newSpriteNode方法。//生成默认白色100x100大小Sprite(单色)节点publicstaticnewSpriteNode(name:string='newSpriteNode'):cc.No</div>
</li>
<li><a href="/article/1892507939978145792.htm"
title="在CRM系统中，怎么做才能降低呆坏账的发生？" target="_blank">在CRM系统中，怎么做才能降低呆坏账的发生？</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/crmcrm%E7%B3%BB%E7%BB%9Fcrm%E9%94%80%E5%94%AE%E7%B3%BB%E7%BB%9F/1.htm">crmcrm系统crm销售系统</a>
<div>在很多企业的日常运作中，销售团队的表现直接影响到公司的收入和利润。所以，如何制定一套高效的销售流程、如何规划和运作这些流程，是企业管理者特别关注的问题。想象一下，你是一位销售经理，每天的工作除了接待客户，还需要不断优化销售流程，确保每一个环节都顺畅运作。早上，团队成员报到，汇报前一天的销售情况和进展。你会发现，有些客户的支付进度滞后，订单的交付时间也出现了延误。于是，你开始回顾一下销售流程的每一个</div>
</li>
<li><a href="/article/1892507680455585792.htm"
title="Android arcgis加载在线底图" target="_blank">Android arcgis加载在线底图</a>
<span class="text-muted">Angie洛林</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/arcgis/1.htm">arcgis</a>
<div>我整理的一些关于【信息系统】的项目学习资料（附讲解～～）和大家一起分享、学习一下：https://edu.51cto.com/mic-position/757.html在Android中使用ArcGIS加载在线底图ArcGIS是Esri提供的一套强大的地理信息系统（GIS）解决方案，支持多种平台，包括Android。本文将介绍如何在Android应用中使用ArcGIS加载在线底图，并配有相关代码示</div>
</li>
<li><a href="/article/1892507056150212608.htm"
title="管理升级的关键：2024年6大国内项目管理平台实测与选择指南（禅道、钉钉、云效、简道云、Tapd、Teambition）" target="_blank">管理升级的关键：2024年6大国内项目管理平台实测与选择指南（禅道、钉钉、云效、简道云、Tapd、Teambition）</a>
<span class="text-muted"></span>
<div>以下是一篇满足您要求的博客稿件：引言在当今快节奏的商业环境中，项目管理的重要性不言而喻。一款优秀的项目管理工具能够助力团队提高效率、优化流程，从而实现项目的成功交付。2024年，国内有众多项目管理平台可供选择，本文将对禅道、TAPD、云效、简道云、钉钉、Teambition这6大国内项目管理平台进行实测与分析，为您提供选择指南，帮助您找到最适合团队的项目管理工具。项目管理工具介绍禅道：开源且专业，</div>
</li>
<li><a href="/article/1892506924973355008.htm"
title="PHP会务会议系统小程序源码" target="_blank">PHP会务会议系统小程序源码</a>
<span class="text-muted">云启软件</span>
<a class="tag" taget="_blank" href="/search/PHP%E5%95%86%E4%B8%9A%E7%B3%BB%E7%BB%9F/1.htm">PHP商业系统</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a>
<div>会务会议系统一款基于ThinkPHP+Uniapp框架，精心雕琢的会议管理微信小程序，专为各类高端会议场景量身打造。它犹如一把开启智慧殿堂的金钥匙，为会议流程优化、开支精细化管理、数量精准控制、标准严格设定以及供应商严格筛选等关键环节，铺设了一条标准化的高速公路。这一创新之举，不仅引领我们步入了量化成本节约的新时代，更在风险有效缓解与服务质量显著提升方面，树立了业界的全新标杆。会务平台——会议管理</div>
</li>
<li><a href="/article/1892506420876734464.htm"
title="使用Arcgis API for android加载OpenStreetMap底图并完成定位" target="_blank">使用Arcgis API for android加载OpenStreetMap底图并完成定位</a>
<span class="text-muted">续汉冕</span>
<a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a><a class="tag" taget="_blank" href="/search/arcgis/1.htm">arcgis</a><a class="tag" taget="_blank" href="/search/api/1.htm">api</a>
<div>为了完成这个应用功能花了三天，代码倒不多就是比较坑！环境：AndroidSDKAPI22，AndroidStudio1.2.2，arcgisandroidSDK10.2.7如何基于ArcgisAPIforandroid在AndroidStudio新建一个项目就不再赘述了，大家可以参考以下网址：使用AndroidStudio与ArcgisandroidSDK的开发环境部署和HelloWorld：ht</div>
</li>
<li><a href="/article/1892506293600579584.htm"
title="cesium（vue）一些面试问题（包含Three.js）" target="_blank">cesium（vue）一些面试问题（包含Three.js）</a>
<span class="text-muted">GIS瞧葩菜</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/cesium/1.htm">cesium</a>
<div>1.在不同的应用场景和技术栈中，模型加载方法和格式有所不同，下面主要从Web前端三维场景（使用Three.js和cesium）使用Three.js加载模型常见模型格式及加载方法GLTF/GLB格式格式特点：GLTF（GraphicsLibraryTransmissionFormat）是一种开放的、基于JSON的三维模型传输格式，GLB是其二进制版本。它们具有文件小、加载快、支持动画、材质和骨骼等优</div>
</li>
<li><a href="/article/1892506173953863680.htm"
title="sql拼接错误直到数据全部删除" target="_blank">sql拼接错误直到数据全部删除</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>起引订单表的扩展表，在配货转发货过程中会删除配货库数据后，插入到发货库。但一直有数据在没有转移的情况下也被删除。查找通过解析binlog和审计，最终查到DELETEFROMorder.order_extendWHERE1234开始以为sql审计有问题，后来发现该语句效果同where1=1，直接导致全表删除。解决使用binlog2sql回滚数据；修复sql拼接错误。</div>
</li>
<li><a href="/article/1892506041246085120.htm"
title="vue3的Element plus （一）" target="_blank">vue3的Element plus （一）</a>
<span class="text-muted">GIS瞧葩菜</span>
<a class="tag" taget="_blank" href="/search/Element/1.htm">Element</a><a class="tag" taget="_blank" href="/search/plus/1.htm">plus</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/Element/1.htm">Element</a><a class="tag" taget="_blank" href="/search/plus/1.htm">plus</a><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a>
<div>介绍ElementPlus是一个基于Vue3的UI组件库，它是对ElementUI组件库的升级和扩展。ElementPlus提供了一套美观、易用且高效的组件，可以用于构建现代化的Web应用程序。ElementPlus的主要特点包括：支持Vue3：ElementPlus是专为Vue3开发的，充分利用Vue3的新特性和优势。TypeScript支持：ElementPlus提供了完整的TypeScrip</div>
</li>
<li><a href="/article/1892505537497591808.htm"
title="动态规划之背包问题--python版本" target="_blank">动态规划之背包问题--python版本</a>
<span class="text-muted">我是小码搬运工</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/python%E5%9F%BA%E7%A1%80/1.htm">python基础</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a><a class="tag" taget="_blank" href="/search/%E8%83%8C%E5%8C%85%E9%97%AE%E9%A2%98/1.htm">背包问题</a><a class="tag" taget="_blank" href="/search/python%E7%89%88%E6%9C%AC/1.htm">python版本</a>
<div>动态规划之背包问题–python版本问题已知一个最大量的背包，给定一组给定固定价值和固定体积的物品，求在不超过最大值的前提下，能放入背包中的最大总价值。解题思路该问题是典型的动态规划问题，分为三种不同的类型（0-1背包问题、完全背包和多重背包问题）解题关键–状态转移表达式：B(k,C)=max(B(k−1,C),B(k−1,C−ci)+vi)B(k,C)=max(B(k-1,C),B(k-1,C-</div>
</li>
<li><a href="/article/1892503900867588096.htm"
title="深度学习工厂的蓝图：拆解CUDA驱动、PyTorch与OpenCV的依赖关系" target="_blank">深度学习工厂的蓝图：拆解CUDA驱动、PyTorch与OpenCV的依赖关系</a>
<span class="text-muted">时光旅人01号</span>
<a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a><a class="tag" taget="_blank" href="/search/opencv/1.htm">opencv</a>
<div>想象一下，你正在建造一座深度学习工厂，这座工厂专门用于高效处理深度学习任务（如训练神经网络）和计算机视觉任务（如图像处理）。为了让工厂顺利运转，你需要搭建基础设施、安装设备、设置生产线，并配备控制台来管理整个生产过程。以下是这座工厂的详细构建过程：1.工厂的基础设施：Ubuntu比喻：Ubuntu是工厂所在的土地和建筑，提供了基础设施和运行环境。作用：提供操作系统环境，支持安装和运行各种工具和框架</div>
</li>
<li><a href="/article/1892503900355883008.htm"
title="动态规划之背包问题全解" target="_blank">动态规划之背包问题全解</a>
<span class="text-muted">学会了，不，学废了</span>
<a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a>
<div>概述———动态规划提出人：理查德·贝尔曼本质：一张表格处理方法内容：把原问题分解为若干子问题，自底向上先求解最小子问题，把结果储存在表格中，求解大的子问题时直接从表格中查询小的子问题的解，以避免重复计算，从而提高效率。一、动态规划求解原理适用范围：问题需要具备3个性质———最优子结构、子问题重叠、无后效性。最优子结构指问题最优解包含其子问题的最优解，是使用动态规划的基本条件。三要素：状态、阶段、决</div>
</li>
<li><a href="/article/1892503270987984896.htm"
title="（九万字）面向2025年BOSS直聘人工智能算法工程师高频面试题解析" target="_blank">（九万字）面向2025年BOSS直聘人工智能算法工程师高频面试题解析</a>
<span class="text-muted">快撑死的鱼</span>
<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/%E5%9B%9E%E5%BD%92/1.htm">回归</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a>
<div>面向2025年BOSS直聘人工智能算法工程师高频面试题解析1.机器学习（ML）理论解析机器学习是让计算机从数据中学习规律的一套方法论，包含监督学习、无监督学习和强化学习等范式。在监督学习中，给定带标签的数据，算法尝试学习从输入到输出的映射关系；无监督学习则在缺乏标签的情况下挖掘数据内在结构；强化学习则让智能体通过与环境交互、依据奖赏反馈来改进策略(Q-learning-Wikipedia)。机器学</div>
</li>
<li><a href="/article/1892503016720887808.htm"
title="51单片机-外部中断" target="_blank">51单片机-外部中断</a>
<span class="text-muted">三日沐水</span>
<a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%85%A8%E5%A5%97%E5%AD%A6%E4%B9%A0%E6%95%99%E7%A8%8B/1.htm">嵌入式全套学习教程</a><a class="tag" taget="_blank" href="/search/51%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">51单片机</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a>
<div>以外部中断0为例：主程序中需要有以下代码：EA=1;//打开总中断开关EX0=1;//开外部中断0IT0=0/1；设置外部中断的触发方式P3.2\P3.3为外部中断接口，通过控制P3.2口按键按下实现LED灯反转点亮#include"reg52.h"typedefunsignedcharu8;typedefunsignedintu16;sbitled=P2^0;sbitk3=P3^2;//开关接口</div>
</li>
<li><a href="/article/1892503018272780288.htm"
title="ArcGIS二次开发之WPF中控件的使用" target="_blank">ArcGIS二次开发之WPF中控件的使用</a>
<span class="text-muted">ShirmyMao</span>
<a class="tag" taget="_blank" href="/search/ArcGIS%E4%BA%8C%E6%AC%A1%E5%BC%80%E5%8F%91/1.htm">ArcGIS二次开发</a><a class="tag" taget="_blank" href="/search/wpf/1.htm">wpf</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/arcgis/1.htm">arcgis</a>
<div>WPF中ArcGIS控件的使用WPF中插入ArcGIS控件Winform控件上嵌套使用WPF控件WPF中插入ArcGIS控件在WPF中引用ArcGIS的控件需要使用WindowsFromsHost，具体用法如下：添加引用：WindowsFormsIntegration和system.windows.formWpf.xaml中后台代码中：publicAxMapControlMapControl=ne</div>
</li>
<li><a href="/article/1892502881513304064.htm"
title="nginx反向代理导致jupyter 或jupyterlab 无法输出" target="_blank">nginx反向代理导致jupyter 或jupyterlab 无法输出</a>
<span class="text-muted">NEOzhuo</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/jupyter/1.htm">jupyter</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
<div>代码运行能力依赖于websocket，因此需要设置nginx的反向代理server{server_nameDOMAINIP_ADDRESS;#服务器域名和IP地址listen80;location/{proxy_passhttp://127.0.0.1:JUPYTER_PORT/;#JUPYTER_PORT为Jupyter运行端口proxy_set_headerX-Real-IP$remote_a</div>
</li>
<li><a href="/article/1892502870763302912.htm"
title="《数组》学习——有序数组的平方" target="_blank">《数组》学习——有序数组的平方</a>
<span class="text-muted">小翔很开心</span>
<a class="tag" taget="_blank" href="/search/%E6%88%91%E5%9C%A8CSDN%E5%AD%A6%E7%AE%97%E6%B3%95/1.htm">我在CSDN学算法</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>有序数组的平方题目：给你一个按非递减顺序排序的整数数组nums，返回每个数字的平方组成的新数组，要求也按非递减顺序排序。测试用例：输入：nums=[-4,-1,0,3,10]输出：[0,1,9,16,100]解释：平方后，数组变为[16,1,0,9,100]，排序后，数组变为[0,1,9,16,100]该题，有两种解法：暴力排序解法双指针法（快慢指针法）测试程序：（双指针法的求解）#include</div>
</li>
<li><a href="/article/1892502492609048576.htm"
title="CSS中五种定位方式（position）对比分析" target="_blank">CSS中五种定位方式（position）对比分析</a>
<span class="text-muted">七公子77</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>在CSS中，定位方式（position）决定了元素如何相对于其参照物进行定位，同时影响文档流的布局。以下是五种定位方式的对比、参照物说明及代码示例：1.position:static（默认定位）参照物：无，元素位于默认文档流中。文档流：元素按照HTML顺序自然排列。特点：top、right、bottom、left和z-index属性无效。示例：Box1Box2.box{width:100px;he</div>
</li>
<li><a href="/article/1892501862800748544.htm"
title="Centos7 搭建 Jupyter + Nginx 服务" target="_blank">Centos7 搭建 Jupyter + Nginx 服务</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/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a>
<div>JupyterNotebook（此前被称为IPythonnotebook）是一个交互式笔记本，支持运行40多种编程语言。JupyterNotebook的本质是一个Web应用程序，便于创建和共享文学化程序文档，支持实时代码，数学方程，可视化和markdown。用途包括：数据清理和转换，数值模拟，统计建模，机器学习等等。本文讲述如何搭建Jupyter+Nginx服务,仅供学习与交流，请勿用于商业用途一</div>
</li>
<li><a href="/article/1892501767539716096.htm"
title="PHP搜索引擎WindSearch，新增Faker伪数据生成功能" target="_blank">PHP搜索引擎WindSearch，新增Faker伪数据生成功能</a>
<span class="text-muted"></span>
<div>WindSearch是一个基于中文分词，由纯PHP开发全文检索引擎，可快速搭建PHP站点的站内搜索，他没有任何繁琐的安装配置、不需要维护调优、不占用服务器内存、可与PHP项目完美融合在一起。Faker数据生成安装导入//将WindSearch代码下载到本地，再像下面这样引入require_once'yourdirname/windsearch/vendor/autoload.php';开始生成//</div>
</li>
<li><a href="/article/1892501610588860416.htm"
title="java实现，使用向量相似度 输入字符串，在定义好的字符串集合中根据语义匹配出最准的一个。" target="_blank">java实现，使用向量相似度 输入字符串，在定义好的字符串集合中根据语义匹配出最准的一个。</a>
<span class="text-muted">melck</span>
<a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a>
<div>以下是完整的Java示例代码，包括字符串集合的定义和根据输入字符串匹配最相似字符串的逻辑：importjava.util.*;publicclassSemanticMatching{publicstaticvoidmain(String[]args){//定义字符串集合ListstringCollection=Arrays.asList("Whereistherestroom?","Canyout</div>
</li>
<li><a href="/article/1892501514044370944.htm"
title="《揭秘AI语音助手：从“听”到“说”的智能之旅》" target="_blank">《揭秘AI语音助手：从“听”到“说”的智能之旅》</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">人工智能深度学习</a>
<div>在当今数字化时代，AI语音助手已成为我们生活和工作中的得力伙伴。无论是苹果的Siri、亚马逊的Alexa，还是国内的小爱同学、小度等，它们能轻松执行指令，如查询天气、播放音乐，甚至陪我们聊天解闷。但你是否想过，这些语音助手是如何听懂我们的话语，又如何给出恰当回应的呢？今天，就让我们深入探索AI语音助手背后的技术原理。自动语音识别（ASR）：让机器“听懂”人类语言自动语音识别（AutomaticSp</div>
</li>
<li><a href="/article/1892501385765777408.htm"
title="人工智能与机器学习入门：基尼系数（Gini Index）和基于熵（Entropy）" target="_blank">人工智能与机器学习入门：基尼系数（Gini Index）和基于熵（Entropy）</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%9F%BA%E5%B0%BC%E7%B3%BB%E6%95%B0%E5%9F%BA%E4%BA%8E%E7%86%B5%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%85%A5%E9%97%A8/1.htm">基尼系数基于熵机器学习入门</a>
<div>在决策树应用一文中，在构建决策分类树应用决策算法时，介绍了基尼系数（GiniIndex）和基于熵（Entropy）两种算法。本文通过实例来更加深入的介绍一下这两个算法。仍然以简单的数据为例：id喜欢颜色是否有喉结身高性别1绿否165女2蓝是170男3粉否172女4绿是175男基尼系数分别对喜欢颜色是否有喉结求基尼系数如下：喜欢的颜色id喜欢颜色性别1绿女2蓝男3粉女4绿男对于姓别女分类而言，数据如</div>
</li>
<li><a href="/article/1892501358276308992.htm"
title="java 实现TextRank算法提取文章摘要" target="_blank">java 实现TextRank算法提取文章摘要</a>
<span class="text-muted">melck</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</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>在Java中，常用的文章摘要提取库是“TextRank”算法。该算法从文本中提取主题和段落，并根据主题和文本中的单词计算权重。使用TextRank实现文章摘要提取具体步骤如下：寻找文章中的关键句子：首先需要分割出文章中的句子，可以使用分词库将文章拆分成句子，然后使用TextRank算法找到文章中与主题相关的句子，这些句子通常包含有标题、关键字等。计算句子的权重：针对关键句子，需要对每个句子计算权重</div>
</li>
<li><a href="/article/1892501258422513664.htm"
title="智能化工作流：探索顶尖工作流管理软件的核心优势" target="_blank">智能化工作流：探索顶尖工作流管理软件的核心优势</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%9B%A2%E9%98%9F%E5%8D%8F%E4%BD%9C%E5%B7%A5%E5%85%B7/1.htm">团队协作工具</a>
<div>工作流管理软件是一种用于规划、执行和监控业务流程的软件应用程序。以下是关于工作流管理软件的详细介绍：一、定义与功能工作流管理软件旨在帮助团队和企业优化工作流程，提高工作效率。它通常包括任务分配、进度追踪、团队协作、自动化流程、数据分析等功能。通过这类软件，企业可以更好地管理内部流程，确保任务的顺利进行，并实时监控项目的进展情况。二、主要软件推荐板栗看板：可视化管理与团队协作的利器核心功能：板栗看板</div>
</li>
<li><a href="/article/1892501257092919296.htm"
title="AI 如何接口调试？可以展示推理过程" target="_blank">AI 如何接口调试？可以展示推理过程</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">人工智能深度学习机器学习</a>
<div>如何在开发AI接口的同时，能看到实时的AI回复，避免传统的轮询方式，而无需长时间等待。常用的AI模型（比如Deepseek、Gemini）都是支持流式输出，那有没有一款API接口软件可以实现这功能？近期Apifox增强了调试SSE接口功能，实现了发起HTTP请求流式响应就会自动合并为可读文本，实时以自然语言呈现响应。而且针对Deepseek还能展示思考推理过程！这大大降低AI应用开发难度，有图为证</div>
</li>
<li><a href="/article/1892501231994204160.htm"
title="FakeApp 技术浅析（一）" target="_blank">FakeApp 技术浅析（一）</a>
<span class="text-muted">爱研究的小牛</span>
<a class="tag" taget="_blank" href="/search/AIGC%E2%80%94%E6%B7%B1%E5%BA%A6%E4%BC%AA%E9%80%A0/1.htm">AIGC—深度伪造</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E7%8E%B0%E5%AE%9E/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/AIGC/1.htm">AIGC</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a>
<div>FakeApp是一款早期的深度伪造（Deepfake）工具，最初于2018年发布，用于生成和编辑换脸视频。尽管FakeApp已经不再更新，但它在深度伪造技术的发展中起到了重要作用。1.技术背景与理论基础1.1生成对抗网络（GANs）生成对抗网络（GANs）是深度学习领域中的一种重要模型，由生成器（Generator）和判别器（Discriminator）组成。生成器负责生成逼真的数据（如图像、视频</div>
</li>
<li><a href="/article/1892500475723444224.htm"
title="Win7因为更改了硬件或软件导致无法开机怎么解决？" target="_blank">Win7因为更改了硬件或软件导致无法开机怎么解决？</a>
<span class="text-muted">m0_70960708</span>
<a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/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/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>如果是因为硬件导致的无法开机或者是因为软件的问题导致无法开机的问题该怎么解决呢？其实这个问题的原因一般是因为用户最近更改了硬件或者软件，导致电脑开机出现问题，所以针对这个问题有特定的解决办法，一起来看看如何解决吧。方法一：恢复上一次的设置1、首先我们使用电源键重启电脑，接着在开机时按下“F8”进入高级系统选项。方法二：删除驱动1、如果还是开不了机，再重启电脑按“F8”，然后选择进入安全模式，如图所</div>
</li>
<li><a href="/article/1892500476235149312.htm"
title="C语言学习记录——BC61 牛牛的二三七整除" target="_blank">C语言学习记录——BC61 牛牛的二三七整除</a>
<span class="text-muted">曾浩轩</span>
<a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80%E5%AD%A6%E4%B9%A0%E8%AE%B0%E5%BD%95/1.htm">C语言学习记录</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a>
<div>牛牛的二三七整除_牛客题霸_牛客网(nowcoder.com)#includeintmain(){inta;//定义我们要输入的整数scanf("%d",&a);//输入整数if(a%2==0)//a%2==0说明a能被2整除{printf("2");//输出2空，因为a有可能还会被3和7整除，但输出中格式显示每个数字是间隔的}//并且要升序输出，所以先判断能否被2整除，再判断能否被3整除，最后是</div>
</li>
<li><a href="/article/1892500223545110528.htm"
title="图论篇--代码随想录算法训练营第五十七天打卡| 最小生成树问题" target="_blank">图论篇--代码随想录算法训练营第五十七天打卡| 最小生成树问题</a>
<span class="text-muted">無量空所</span>
<a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</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%9B%BE%E8%AE%BA/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><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>题目链接：53.寻宝（第七期模拟笔试）题目描述：在世界的某个区域，有一些分散的神秘岛屿，每个岛屿上都有一种珍稀的资源或者宝藏。国王打算在这些岛屿上建公路，方便运输。不同岛屿之间，路途距离不同，国王希望你可以规划建公路的方案，如何可以以最短的总公路距离将所有岛屿联通起来（注意：这是一个无向图）。给定一张地图，其中包括了所有的岛屿，以及它们之间的距离。以最小化公路建设长度，确保可以链接到所有岛屿。解题</div>
</li>
<li><a href="/article/47.htm"
title="jdk tomcat 环境变量配置" target="_blank">jdk tomcat 环境变量配置</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/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a>
<div>Win7 下如何配置java环境变量
1。准备jdk包，win7系统，tomcat安装包（均上网下载即可）
2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。）
3。分别配置高级环境变量。
电脑-->右击属性-->高级环境变量-->环境变量。
分别配置 :
path
&nbs</div>
</li>
<li><a href="/article/174.htm"
title="Spring调SDK包报java.lang.NoSuchFieldError错误" target="_blank">Spring调SDK包报java.lang.NoSuchFieldError错误</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>
<div> 在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。
org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l</div>
</li>
<li><a href="/article/301.htm"
title="LeetCode[位运算] - #136 数组中的单一数" target="_blank">LeetCode[位运算] - #136 数组中的单一数</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/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a>
<div>原题链接：#136 Single Number
要求：
给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素
注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间
难度：中等
分析：
题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进</div>
</li>
<li><a href="/article/428.htm"
title="qq登陆界面开发" target="_blank">qq登陆界面开发</a>
<span class="text-muted">15700786134</span>
<a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a>
<div>今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下：
public class First { public void initul(){ jf=ne</div>
</li>
<li><a href="/article/555.htm"
title="Linux的程序包管理器RPM" target="_blank">Linux的程序包管理器RPM</a>
<span class="text-muted">被触发</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的</div>
</li>
<li><a href="/article/682.htm"
title="socket通信遇到EOFException" target="_blank">socket通信遇到EOFException</a>
<span class="text-muted">肆无忌惮_</span>
<a class="tag" taget="_blank" href="/search/EOFException/1.htm">EOFException</a>
<div>java.io.EOFException
at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281)
at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:</div>
</li>
<li><a href="/article/809.htm"
title="基于spring的web项目定时操作" target="_blank">基于spring的web项目定时操作</a>
<span class="text-muted">知了ing</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>废话不多说，直接上代码，很简单 配置一下项目启动就行
1，web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="h</div>
</li>
<li><a href="/article/936.htm"
title="树形结构的数据库表Schema设计" target="_blank">树形结构的数据库表Schema设计</a>
<span class="text-muted">矮蛋蛋</span>
<a class="tag" taget="_blank" href="/search/schema/1.htm">schema</a>
<div>原文地址：
http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488
程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，</div>
</li>
<li><a href="/article/1063.htm"
title="maven将jar包和源码一起打包到本地仓库" target="_blank">maven将jar包和源码一起打包到本地仓库</a>
<span class="text-muted">alleni123</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository
<project>
...
<build>
<plugins>
<plugin>
<groupI</div>
</li>
<li><a href="/article/1190.htm"
title="java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！" target="_blank">java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！</a>
<span class="text-muted">百合不是茶</span>
<div>类 File
File是指文件和目录路径名的抽象表示形式。
1，何为文件：
标准文件（txt doc mp3...）
目录文件（文件夹）
虚拟内存文件
2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都</div>
</li>
<li><a href="/article/1317.htm"
title="Spring注入有继承关系的类（2）" target="_blank">Spring注入有继承关系的类（2）</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>
<div>被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类
package com.bijian.spring.test4;
public class AClass {
private String a;
private String b;
public String getA() {
retu</div>
</li>
<li><a href="/article/1444.htm"
title="30岁转型期你能否成为成功人士" target="_blank">30岁转型期你能否成为成功人士</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E6%88%90%E9%95%BF/1.htm">成长</a><a class="tag" taget="_blank" href="/search/%E5%8A%B1%E5%BF%97/1.htm">励志</a>
<div> 很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人</div>
</li>
<li><a href="/article/1571.htm"
title="【Velocity四】Velocity与Java互操作" target="_blank">【Velocity四】Velocity与Java互操作</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a>
<div>Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，
POJO
package com.tom.servlets;
public</div>
</li>
<li><a href="/article/1698.htm"
title="【Hive十一】Hive数据倾斜优化" target="_blank">【Hive十一】Hive数据倾斜优化</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
<div>什么是Hive数据倾斜问题
操作：join,group by,count distinct
现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。
原因：key分布不均匀
倾斜度衡量：平均记录数超过50w且</div>
</li>
<li><a href="/article/1825.htm"
title="在nginx中集成lua脚本：添加自定义Http头，封IP等" target="_blank">在nginx中集成lua脚本：添加自定义Http头，封IP等</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/nginx+lua+csrf/1.htm">nginx lua csrf</a>
<div>Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com
Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。
location /{</div>
</li>
<li><a href="/article/1952.htm"
title="java-3.求子数组的最大和" target="_blank">java-3.求子数组的最大和</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>package beautyOfCoding;
public class MaxSubArraySum {
/**
* 3.求子数组的最大和
题目描述：
输入一个整形数组，数组里有正数也有负数。
数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。
求所有子数组的和的最大值。要求时间复杂度为O(n)。
例如输入的数组为1, -2, 3, 10, -4,</div>
</li>
<li><a href="/article/2079.htm"
title="Netty源码学习-FileRegion" target="_blank">Netty源码学习-FileRegion</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>今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java
可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder：
//pipeline（没有诸如“FileRegionEncoder”的handler）：
public ChannelPipeline ge</div>
</li>
<li><a href="/article/2206.htm"
title="使用ZeroClipboard解决跨浏览器复制到剪贴板的问题" target="_blank">使用ZeroClipboard解决跨浏览器复制到剪贴板的问题</a>
<span class="text-muted">cngolon</span>
<a class="tag" taget="_blank" href="/search/%E8%B7%A8%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">跨浏览器</a><a class="tag" taget="_blank" href="/search/%E5%A4%8D%E5%88%B6%E5%88%B0%E7%B2%98%E8%B4%B4%E6%9D%BF/1.htm">复制到粘贴板</a><a class="tag" taget="_blank" href="/search/Zero+Clipboard/1.htm">Zero Clipboard</a>
<div>Zero Clipboard的实现原理
Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。
Zero Clipboard的安装方法
首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js </div>
</li>
<li><a href="/article/2333.htm"
title="单例模式" target="_blank">单例模式</a>
<span class="text-muted">cuishikuan</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a>
<div>第一种（懒汉，线程不安全）：
public class Singleton { 2 private static Singleton instance; 3 pri</div>
</li>
<li><a href="/article/2460.htm"
title="spring+websocket的使用" target="_blank">spring+websocket的使用</a>
<span class="text-muted">dalan_123</span>
<div>一、spring配置文件
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.or</div>
</li>
<li><a href="/article/2587.htm"
title="细节问题：ZEROFILL的用法范围。" target="_blank">细节问题：ZEROFILL的用法范围。</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div> 1、zerofill把月份中的一位数字比如1，2，3等加前导0
mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL, -> day</div>
</li>
<li><a href="/article/2714.htm"
title="Android开发10——Activity的跳转与传值" target="_blank">Android开发10——Activity的跳转与传值</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Android%E5%BC%80%E5%8F%91/1.htm">Android开发</a>
<div>Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。
一、Activity跳转
方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)
方法二Intent intent = new Intent();intent.setCla</div>
</li>
<li><a href="/article/2841.htm"
title="jdbc 得到表结构、主键" target="_blank">jdbc 得到表结构、主键</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/jdbc+%E5%BE%97%E5%88%B0%E8%A1%A8%E7%BB%93%E6%9E%84%E3%80%81%E4%B8%BB%E9%94%AE/1.htm">jdbc 得到表结构、主键</a>
<div>转自博客：http://blog.csdn.net/ocean1010/article/details/7266042
假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt</div>
</li>
<li><a href="/article/2968.htm"
title="Android 应用程序开关GPS" target="_blank">Android 应用程序开关GPS</a>
<span class="text-muted">gqdy365</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>要在应用程序中操作GPS开关需要权限：
<uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" />
但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？
1、方法一：将项目放到Android源码中编译；
2、方法二：网上有人说cl</div>
</li>
<li><a href="/article/3095.htm"
title="Windows上调试MapReduce" target="_blank">Windows上调试MapReduce</a>
<span class="text-muted">zhiquanliu</span>
<a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a>
<div>1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b</div>
</li>
<li><a href="/article/3222.htm"
title="如何看待一些知名博客推广软文的行为？" target="_blank">如何看待一些知名博客推广软文的行为？</a>
<span class="text-muted">justjavac</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%9A%E5%AE%A2/1.htm">博客</a>
<div>本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621
互联网上的两种典型心态：
当初求种像条狗，如今撸完嫌人丑
当初搜贴像条犬，如今读完嫌人软
你为啥感觉不舒服呢？
难道非得要作者把自己的劳动成果免费给你用，你才舒服？
就如同 Google 关闭了 Gooled Reader，那是</div>
</li>
<li><a href="/article/3349.htm"
title="sql优化总结" target="_blank">sql优化总结</a>
<span class="text-muted">macroli</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
<div>为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！
要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。
一、简单的统计语句执行时间
declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id</div>
</li>
<li><a href="/article/3476.htm"
title="Linux Oracle中常遇到的一些问题及命令总结" target="_blank">Linux Oracle中常遇到的一些问题及命令总结</a>
<span class="text-muted">超声波</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>1.linux更改主机名
(1)#hostname oracledb 临时修改主机名
(2) vi /etc/sysconfig/network 修改hostname
(3) vi /etc/hosts 修改IP对应的主机名
2.linux重启oracle实例及监听的各种方法
（注意操作的顺序应该是先监听，后数据库实例）
&nbs</div>
</li>
<li><a href="/article/3603.htm"
title="hive函数大全及使用示例" target="_blank">hive函数大全及使用示例</a>
<span class="text-muted">superlxw1234</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/hive%E5%87%BD%E6%95%B0/1.htm">hive函数</a>
<div>
具体说明及示例参 见附件文档。
文档目录：
目录
一、关系运算： 4
1. 等值比较: = 4
2. 不等值比较: <> 4
3. 小于比较: < 4
4. 小于等于比较: <= 4
5. 大于比较: > 5
6. 大于等于比较: >= 5
7. 空值判断: IS NULL 5</div>
</li>
<li><a href="/article/3730.htm"
title="Spring 4.2新特性-使用@Order调整配置类加载顺序" target="_blank">Spring 4.2新特性-使用@Order调整配置类加载顺序</a>
<span class="text-muted">wiselyman</span>
<a class="tag" taget="_blank" href="/search/spring+4/1.htm">spring 4</a>
<div>4.1 @Order
Spring 4.2 利用@Order控制配置类的加载顺序
4.2 演示
两个演示bean
package com.wisely.spring4_2.order;
public class Demo1Service {
}
package com.wisely.spring4_2.order;
public class</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>
