HTML基础篇(标签和属性整--已剔除不被浏览器支持的部分)

行内元素有:a b span img input select strong 
块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p  

HTML 参考手册- (HTML5 标准)


功能排序

New : HTML5 新标签

标签 描述
基础  
  定义文档类型。
定义一个 HTML 文档
</span></span></td> <td><span style="color:#ff0000;">为文档定义一个标题</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><body></span></span></td> <td><span style="color:#ff0000;">定义文档的主体</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><h1> to <h6></span></span></td> <td><span style="color:#ff0000;">定义 HTML 标题</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><p></span></span></td> <td><span style="color:#ff0000;">定义一个段落</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><br></span></span></td> <td><span style="color:#ff0000;">定义简单的折行。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><hr></span></span></td> <td><span style="color:#ff0000;">定义水平线。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><!--...--></span></span></td> <td><span style="color:#ff0000;">定义一个注释</span></td> </tr> <tr> <td><span style="color:#ff0000;"><strong>格式</strong></span></td> <td><span style="color:#ff0000;"> </span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td><span style="color:#ff0000;"> </span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><abbr></span></span></td> <td><span style="color:#ff0000;">定义一个缩写。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td><span style="color:#ff0000;"> </span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><b></span></span></td> <td><span style="color:#ff0000;">定义粗体文本。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td><span style="color:#ff0000;"> </span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><bdo></span></span></td> <td><span style="color:#ff0000;">定义文本的方向。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td><span style="color:#ff0000;"> </span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><blockquote></span></span></td> <td><span style="color:#ff0000;">定义块引用。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td><span style="color:#ff0000;"> </span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td><span style="color:#ff0000;"> </span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><del></span></span></td> <td><span style="color:#ff0000;">定义被删除文本。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td><span style="color:#ff0000;"> </span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><em></span></span></td> <td><span style="color:#ff0000;">定义强调文本。 斜体。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td><span style="color:#ff0000;"> </span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><i></span></span></td> <td><span style="color:#ff0000;">定义斜体文本。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><ins></span></span></td> <td><span style="color:#ff0000;">定义被插入文本。下划线。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td><span style="color:#ff0000;"> </span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><mark></span><span class="new">New</span></span></td> <td><span style="color:#ff0000;">定义带有记号的文本。黄色高亮。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><meter></span><span class="new">New</span></span></td> <td><span style="color:#ff0000;">定义度量衡。仅用于已知最大和最小值的度量。(类似进度条的效果,很明显)</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><pre></span></span></td> <td><span style="color:#ff0000;">定义预格式文本。写好的格式(比如空格和空行)不会消失。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><progress></span><span class="new">New</span></span></td> <td><span style="color:#ff0000;">定义运行中的任务进度(进程)。哦我错了,原来这个才是进度条。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><q></span></span></td> <td><span style="color:#ff0000;">定义短的引用。自动加上双引号而已。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td> </td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><rt></span><span class="new">New</span></span></td> <td><span style="color:#ff0000;">定义字符(中文注音或字符)的解释或发音。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><ruby></span><span class="new">New</span></span></td> <td><span style="color:#ff0000;">定义 ruby 注释(中文注音或字符)。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><s></span></span></td> <td><span style="color:#ff0000;">定义加删除线的文本。效果和<del>相同</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td> </td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td> </td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"> </span></span></td> <td> </td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><strong></span></span></td> <td><span style="color:#ff0000;">定义语气更为强烈的强调文本。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><sub></span></span></td> <td><span style="color:#ff0000;">定义下标文本。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><sup></span></span></td> <td><span style="color:#ff0000;">定义上标文本。</span></td> </tr> <tr> <td><time><span class="new">New</span></td> <td>定义一个日期/时间。效果是对于搜索引擎。</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><u></span></span></td> <td><span style="color:#ff0000;">定义下划线文本。和<ins>效果一样。</span></td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td><wbr><span class="new">New</span></td> <td>规定在文本中的何处适合添加换行符。</td> </tr> <tr> <td><strong>表单</strong></td> <td> </td> </tr> <tr> <td><span style="font-size:18pt;"><form></span></td> <td> <p>定义一个 HTML 表单,用于用户输入。</p> <p><span class="new">New :HTML5 中的新属性。</span></p> <table id="table1" class="reference notranslate"> <tbody> <tr> <th align="left" width="20%">属性</th> <th align="left" width="37%">值</th> <th align="left" width="43%">描述</th> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>accept-charset</td> <td><em>character_set</em></td> <td>规定服务器可处理的表单数据字符集。</td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;">action</span></span></td> <td><span style="color:#ff0000;"><em>URL</em></span></td> <td><span style="color:#ff0000;">规定当提交表单时向何处发送表单数据。</span></td> </tr> <tr> <td>autocomplete<span class="new">New</span></td> <td>on<br>off</td> <td>规定是否启用表单的自动完成功能。</td> </tr> <tr> <td>enctype</td> <td>application/x-www-form-urlencoded<br>multipart/form-data<br>text/plain</td> <td>规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况)</td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;">method</span></span></td> <td><span style="color:#ff0000;">get</span><br><span style="color:#ff0000;">post</span></td> <td><span style="color:#ff0000;">规定用于发送表单数据的 HTTP 方法。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;">name</span></span></td> <td><span style="color:#ff0000;"><em>text</em></span></td> <td><span style="color:#ff0000;">规定表单的名称。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;">novalidate</span><span class="new">New</span></span></td> <td><span style="color:#ff0000;">novalidate</span></td> <td><span style="color:#ff0000;">如果使用该属性,则提交表单时不进行验证。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;">target</span></span></td> <td><span style="color:#ff0000;">_blank</span><br><span style="color:#ff0000;">_self</span><br><span style="color:#ff0000;">_parent</span><br><span style="color:#ff0000;">_top</span></td> <td><span style="color:#ff0000;">规定在何处打开 action URL。</span></td> </tr> </tbody> </table></td> </tr> <tr> <td><span style="font-size:18pt;"><input></span></td> <td> <p>定义一个输入控件</p> <h2>属性</h2> <p><span class="new">New : HTML5新标签。</span></p> <table class="reference"> <tbody> <tr> <th align="left" width="22%">属性</th> <th align="left" width="37%">值</th> <th align="left" width="41%">描述</th> </tr> <tr> <td>accept</td> <td>audio/* video/* image/* <em>MIME_type</em></td> <td>规定通过文件上传来提交的文件的类型。 (只针对type="file")</td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>alt</td> <td><em>text</em></td> <td>定义图像输入的替代文本。 (只针对type="image")</td> </tr> <tr> <td class="style1">autocomplete<span class="new">New</span></td> <td>on off</td> <td>autocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能。</td> </tr> <tr> <td>autofocus<span class="new">New</span></td> <td>autofocus</td> <td>属性规定当页面加载时 <input> 元素应该自动获得焦点。</td> </tr> <tr> <td>checked</td> <td>checked</td> <td>checked 属性规定在页面加载时应该被预先选定的 <input> 元素。 (只针对 type="checkbox" 或者 type="radio")</td> </tr> <tr> <td>disabled</td> <td>disabled</td> <td>disabled 属性规定应该禁用的 <input> 元素。</td> </tr> <tr> <td>form<span class="new">New</span></td> <td><em>form_id</em></td> <td>form 属性规定 <input> 元素所属的一个或多个表单。</td> </tr> <tr> <td>formaction<span class="new">New</span></td> <td><em>URL</em></td> <td>属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit" 和 type="image")</td> </tr> <tr> <td>formenctype<span class="new">New</span></td> <td>application/x-www-form-urlencoded multipart/form-data text/plain</td> <td>属性规定当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image")。</td> </tr> <tr> <td>formmethod<span class="new">New</span></td> <td>get post</td> <td>定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type="submit" 和 type="image")。<span style="color:#ff0000;">覆盖form的method方法!</span></td> </tr> <tr> <td>formnovalidate<span class="new">New</span></td> <td>formnovalidate</td> <td>formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。</td> </tr> <tr> <td>formtarget<span class="new">New</span></td> <td>_blank _self _parent _top <em>framename</em></td> <td>规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")</td> </tr> <tr> <td>height<span class="new">New</span></td> <td><em>pixels</em></td> <td>规定 <input>元素的高度。(只针对type="image")</td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;">list</span><span class="new">New</span></span></td> <td><span style="color:#ff0000;"><em>datalist_id</em></span></td> <td><span style="color:#ff0000;">属性引用 <datalist> 元素,其中包含 <input> 元素的预定义选项。</span></td> </tr> <tr> <td>max<span class="new">New</span></td> <td><em>number date</em></td> <td> <p>属性规定 <input> 元素的最大值。</p> <h2>定义和用法</h2> <p>max 属性规定 <input> 元素的最大值。</p> <p><strong>提示:</strong>max 属性与 min 属性配合使用,可创建合法值范围。</p> <p><strong>注意:</strong>max 和 min 属性适用于以下 input 类型:number、range、date、datetime、datetime-local、month、time 和 week。</p> </td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;">maxlength</span></span></td> <td><span style="color:#ff0000;"><em>number</em></span></td> <td><span style="color:#ff0000;">属性规定 <input> 元素中允许的最大字符数。</span></td> </tr> <tr> <td>min<span class="new">New</span></td> <td><em>number date</em></td> <td>属性规定 <input>元素的最小值。</td> </tr> <tr> <td>multiple<span class="new">New</span></td> <td>multiple</td> <td> <p>属性规定允许用户输入到 <input> 元素的多个值。</p> <h2>定义和用法</h2> <p>multiple 属性是一个布尔属性。</p> <p>multiple 属性规定允许用户输入到 <input> 元素的多个值。</p> <p><strong>注意:</strong>multiple 属性适用于以下 input 类型:email 和 file。</p> </td> </tr> <tr> <td>name</td> <td><em>text</em></td> <td>name 属性规定 <input> 元素的名称。</td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;">pattern</span><span class="new">New</span></span></td> <td><span style="color:#ff0000;"><em>regexp</em></span></td> <td> <p><span style="color:#ff0000;">pattern 属性规定用于验证 <input> 元素的值的正则表达式。</span></p> <h2><span style="color:#ff0000;">定义和用法</span></h2> <p><span style="color:#ff0000;">pattern 属性规定用于验证 <input> 元素的值的正则表达式。</span></p> <p><span style="color:#ff0000;"><strong>注意:</strong>pattern 属性适用于下面的 input 类型:text、search、url、tel、email 和 password。</span></p> <p><span style="color:#333399;"><strong>提示:</strong>请使用全局的 <span style="color:#333399;">title</span> 属性来描述模式以帮助用户。</span></p> <p><span style="color:#ff0000;"><strong>提示:</strong>可以在我们的 JavaScript 教程中学习更多有关 <span style="color:#ff0000;">正则表达式</span> 的知识。</span></p> </td> </tr> <tr> <td>placeholder<span class="new">New</span></td> <td><em>text</em></td> <td>placeholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息 。</td> </tr> <tr> <td>readonly</td> <td>readonly</td> <td>readonly 属性规定输入字段是只读的。</td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;">required</span><span class="new">New</span></span></td> <td><span style="color:#ff0000;">required</span></td> <td><span style="color:#ff0000;">属性规定必需在提交表单之前填写输入字段。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;">size</span></span></td> <td><span style="color:#ff0000;"><em>number</em></span></td> <td><span style="color:#ff0000;">size 属性规定以字符数计的 <input> 元素的可见宽度。</span></td> </tr> <tr> <td>src</td> <td><em>URL</em></td> <td>src 属性规定显示为提交按钮的图像的 URL。 (只针对 type="image")</td> </tr> <tr> <td>step<span class="new">New</span></td> <td><em>number</em></td> <td> <p>step 属性规定 <input> 元素的合法数字间隔。</p> <h2>定义和用法</h2> <p>step 属性规定 <input> 元素的合法数字间隔。</p> <p>实例:如果 step="3",则合法数字应该是 -3、0、3、6,以此类推。</p> <p><strong>提示:</strong>step 属性可以与 max 和 min 属性配合使用,以创建合法值的范围。</p> <p><strong>注意:</strong>step 属性适用于下面的 input 类型:number、range、date、datetime、datetime-local、month、time 和 week。</p> </td> </tr> <tr> <td>type</td> <td>button <br>checkbox <br>color <br>date <br>datetime <br>datetime-local <br>email <br>file <br>hidden <br>image <br>month <br>number <br>password <br>radio <br>range <br>reset <br>search <br>submit <br>tel <br>text <br>time <br>url <br>week</td> <td> <table class="dataintable"> <tbody> <tr> <td>button</td> <td>定义可点击的按钮(大多与 JavaScript 使用来启动脚本)</td> </tr> <tr> <td>checkbox</td> <td>定义复选框。</td> </tr> <tr> <td class="html5_new">color</td> <td>定义拾色器。</td> </tr> <tr> <td class="html5_new">date</td> <td>定义日期字段(带有 calendar 控件)</td> </tr> <tr> <td class="html5_new">datetime</td> <td>定义日期字段(带有 calendar 和 time 控件)</td> </tr> <tr> <td class="html5_new">datetime-local</td> <td>定义日期字段(带有 calendar 和 time 控件)</td> </tr> <tr> <td class="html5_new">month</td> <td>定义日期字段的月(带有 calendar 控件)</td> </tr> <tr> <td class="html5_new">week</td> <td>定义日期字段的周(带有 calendar 控件)</td> </tr> <tr> <td class="html5_new">time</td> <td>定义日期字段的时、分、秒(带有 time 控件)</td> </tr> <tr> <td class="html5_new">email</td> <td>定义用于 e-mail 地址的文本字段</td> </tr> <tr> <td>file</td> <td>定义输入字段和 "浏览..." 按钮,供文件上传</td> </tr> <tr> <td>hidden</td> <td>定义隐藏输入字段</td> </tr> <tr> <td>image</td> <td>定义图像作为提交按钮</td> </tr> <tr> <td class="html5_new">number</td> <td>定义带有 spinner 控件的数字字段</td> </tr> <tr> <td>password</td> <td>定义密码字段。字段中的字符会被遮蔽。</td> </tr> <tr> <td>radio</td> <td>定义单选按钮。</td> </tr> <tr> <td class="html5_new">range</td> <td>定义带有 slider 控件的数字字段。</td> </tr> <tr> <td>reset</td> <td>定义重置按钮。重置按钮会将所有表单字段重置为初始值。</td> </tr> <tr> <td class="html5_new">search</td> <td>定义用于搜索的文本字段。</td> </tr> <tr> <td>submit</td> <td>定义提交按钮。提交按钮向服务器发送数据。</td> </tr> <tr> <td class="html5_new">tel</td> <td>定义用于电话号码的文本字段。</td> </tr> <tr> <td>text</td> <td>默认。定义单行输入字段,用户可在其中输入文本。默认是 20 个字符。</td> </tr> <tr> <td class="html5_new">url</td> <td>定义用于 URL 的文本字段。</td> </tr> </tbody> </table></td> </tr> <tr> <td>value</td> <td><em>text</em></td> <td> <p>指定 <input> 元素 value 的值。</p> <h2>定义和用法</h2> <p>value 属性规定 <input> 元素的值。</p> <p>value 属性对于不同 input 类型,用法也不同:</p> <ul> <li>对于 "button"、"reset"、"submit" 类型 - 定义按钮上的文本</li> <li>对于 "text"、"password"、"hidden" 类型 - 定义输入字段的初始(默认)值</li> <li>对于 "checkbox"、"radio"、"image" 类型 - 定义与 input 元素相关的值,当提交表单时该值会发送到表单的 action URL。</li> </ul><p><strong>注意:</strong>value 属性对于 <input type="checkbox"> 和 <input type="radio"> 是必需的。</p> <p><strong>注意:</strong>value 属性不适用于 <input type="file">。</p> </td> </tr> <tr> <td>width<span class="new">New</span></td> <td><em>pixels</em></td> <td>width 属性规定 <input> 元素的宽度。 (只针对type="image")</td> </tr> </tbody> </table></td> </tr> <tr> <td><textarea></td> <td> <p>定义多行的文本输入控件。</p> <h2>属性</h2> <p><span class="new">New:HTML5 中的新属性。</span></p> <table class="reference notranslate"> <tbody> <tr> <th align="left" width="20%">属性</th> <th align="left" width="20%">值</th> <th align="left" width="60%">描述</th> </tr> <tr> <td>autofocus<span class="new">New</span></td> <td>autofocus</td> <td>规定当页面加载时,文本区域自动获得焦点。</td> </tr> <tr> <td>cols</td> <td><em>number</em></td> <td>规定文本区域内可见的列数。</td> </tr> <tr> <td>disabled</td> <td>disabled</td> <td>规定禁用文本区域。</td> </tr> <tr> <td>form<span class="new">New</span></td> <td><em>form_id</em></td> <td>定义文本区域所属的一个或多个表单。</td> </tr> <tr> <td>maxlength<span class="new">New</span></td> <td><em>number</em></td> <td>规定文本区域允许的最大字符数。</td> </tr> <tr> <td>name</td> <td><em>text</em></td> <td>规定文本区域的名称。</td> </tr> <tr> <td>placeholder<span class="new">New</span></td> <td><em>text</em></td> <td>规定一个简短的提示,描述文本区域期望的输入值。</td> </tr> <tr> <td>readonly</td> <td>readonly</td> <td>规定文本区域为只读。</td> </tr> <tr> <td>required<span class="new">New</span></td> <td>required</td> <td>规定文本区域是必需的/必填的。</td> </tr> <tr> <td>rows</td> <td><em>number</em></td> <td>规定文本区域内可见的行数。</td> </tr> <tr> <td>wrap<span class="new">New</span></td> <td>hard<br>soft</td> <td>规定当提交表单时,文本区域中的文本应该怎样换行。</td> </tr> </tbody> </table></td> </tr> <tr> <td><button></td> <td> <p>定义按钮。</p> <table class="reference notranslate"> <tbody> <tr> <td>autofocus<span class="new">New</span></td> <td>autofocus</td> <td>规定当页面加载时按钮应当自动地获得焦点。</td> </tr> <tr> <td>disabled</td> <td>disabled</td> <td>规定应该禁用该按钮。</td> </tr> <tr> <td>form<span class="new">New</span></td> <td><em>form_id</em></td> <td>规定按钮属于一个或多个表单。</td> </tr> <tr> <td>formaction<span class="new">New</span></td> <td><em>URL</em></td> <td>规定当提交表单时向何处发送表单数据。覆盖 form 元素的 action 属性。该属性与 type="submit" 配合使用。</td> </tr> <tr> <td>formenctype<span class="new">New</span></td> <td>application/x-www-form-urlencoded<br>multipart/form-data<br>text/plain</td> <td>规定在向服务器发送表单数据之前如何对其进行编码。覆盖 form 元素的 enctype 属性。该属性与 type="submit" 配合使用。</td> </tr> <tr> <td>formmethod<span class="new">New</span></td> <td>get<br>post</td> <td>规定用于发送表单数据的 HTTP 方法。覆盖 form 元素的 method 属性。该属性与 type="submit" 配合使用。</td> </tr> <tr> <td>formnovalidate<span class="new">New</span></td> <td>formnovalidate</td> <td>如果使用该属性,则提交表单时不进行验证。覆盖 form 元素的 novalidate 属性。该属性与 type="submit" 配合使用。</td> </tr> <tr> <td>formtarget<span class="new">New</span></td> <td>_blank<br>_self<br>_parent<br>_top<br><em>framename</em></td> <td>规定在何处打开 action URL。覆盖 form 元素的 target 属性。该属性与 type="submit" 配合使用。</td> </tr> <tr> <td>name</td> <td><em>name</em></td> <td>规定按钮的名称。</td> </tr> <tr> <td>type</td> <td>button<br>reset<br>submit </td> <td>规定按钮的类型。</td> </tr> <tr> <td>value</td> <td><em>text</em></td> <td>规定按钮的初始值。可由脚本进行修改。</td> </tr> </tbody> </table></td> </tr> <tr> <td><select></td> <td> <p>定义选择列表(下拉列表)。</p> <h2>属性</h2> <p><span class="new">New:HTML5 中的新属性。</span></p> <table class="reference notranslate"> <tbody> <tr> <th align="left" width="20%">属性</th> <th align="left" width="20%">值</th> <th align="left" width="60%">描述</th> </tr> <tr> <td>autofocus<span class="new">New</span></td> <td>autofocus</td> <td>规定在页面加载时下拉列表自动获得焦点。</td> </tr> <tr> <td>disabled</td> <td>disabled</td> <td>当该属性为 true 时,会禁用下拉列表。</td> </tr> <tr> <td>form<span class="new">New</span></td> <td><em>form_id</em></td> <td>定义 select 字段所属的一个或多个表单。</td> </tr> <tr> <td>multiple</td> <td>multiple</td> <td>当该属性为 true 时,可选择多个选项。</td> </tr> <tr> <td>name</td> <td><em>name</em></td> <td>定义下拉列表的名称。</td> </tr> <tr> <td>required<span class="new">New</span></td> <td>required</td> <td>规定用户在提交表单前必须选择一个下拉列表中的选项。</td> </tr> <tr> <td>size</td> <td><em>number</em></td> <td>规定下拉列表中可见选项的数目。</td> </tr> </tbody> </table></td> </tr> <tr> <td><optgroup></td> <td>定义选择列表中相关选项的组合。</td> </tr> <tr> <td><option></td> <td> <p>定义选择列表中的选项。</p> <h2>属性</h2> <table class="reference notranslate"> <tbody> <tr> <th align="left" width="20%">属性</th> <th align="left" width="20%">值</th> <th align="left" width="60%">描述</th> </tr> <tr> <td>disabled</td> <td>disabled</td> <td>规定此选项应在首次加载时被禁用。</td> </tr> <tr> <td>label</td> <td><em>text</em></td> <td>定义当使用 <optgroup> 时所使用的标注。</td> </tr> <tr> <td>selected</td> <td>selected</td> <td>规定选项(在首次显示在列表中时)表现为选中状态。</td> </tr> <tr> <td>value</td> <td><em>text</em></td> <td>定义送往服务器的选项值。</td> </tr> </tbody> </table></td> </tr> <tr> <td><label></td> <td>定义 input 元素的标注。</td> </tr> <tr> <td><fieldset></td> <td>定义围绕表单中元素的边框。</td> </tr> <tr> <td><legend></td> <td>定义 fieldset 元素的标题。</td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><datalist></span><span class="new">New</span></span></td> <td><span style="color:#ff0000;">规定了 input 元素可能的选项列表。与input标签的data属性联合使用。</span></td> </tr> <tr> <td><keygen><span class="new">New</span></td> <td>规定用于表单的密钥对生成器字段。</td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><output></span><span class="new">New</span></span></td> <td><span style="color:#ff0000;">定义一个计算的结果</span></td> </tr> <tr> <td><strong>框架</strong></td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td><iframe></td> <td> <p>定义内联框架。</p> <h2>标签定义及使用说明</h2> <p><iframe> 标签规定一个内联框架。</p> <p>一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。</p> </td> </tr> <tr> <td><strong>图像</strong></td> <td> </td> </tr> <tr> <td><img></td> <td>定义图像。</td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><map></span></span></td> <td><span style="color:#ff0000;">定义图像映射。<map> 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。</span></td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;"><area></span></span></td> <td> <p><span style="color:#ff0000;">定义图像地图内部的区域。</span></p> <table class="reference notranslate"> <tbody> <tr> <td>alt</td> <td><em>text</em></td> <td>规定区域的替代文本。如果使用 href 属性,则该属性是必需的。</td> </tr> <tr> <td>coords</td> <td><em>coordinates</em></td> <td>规定区域的坐标。</td> </tr> <tr> <td>href</td> <td><em>URL</em></td> <td>规定区域的目标 URL。</td> </tr> <tr> <td>hreflang<span class="new">New</span></td> <td><em>language_code</em></td> <td>规定目标 URL 的语言。</td> </tr> <tr> <td>media<span class="new">New</span></td> <td><em>media query</em></td> <td>规定目标 URL 是为何种媒介/设备优化的。默认:all。</td> </tr> <tr> <td>nohref</td> <td><em>value</em></td> <td><span class="deprecated">HTML5 不支持。 规定没有相关链接的区域。</span></td> </tr> <tr> <td>rel<span class="new">New</span></td> <td>alternate<br>author<br>bookmark<br>help<br>license<br>next<br>nofollow<br>noreferrer<br>prefetch<br>prev<br>search<br>tag</td> <td>规定当前文档与目标 URL 之间的关系。</td> </tr> <tr> <td>shape</td> <td>default<br>rect<br>circle<br>poly</td> <td>规定区域的形状。</td> </tr> <tr> <td>target</td> <td>_blank<br>_parent<br>_self<br>_top<br><em>framename</em></td> <td>规定在何处打开目标 URL。</td> </tr> <tr> <td>type<span class="new">New</span></td> <td><em>MIME_type</em></td> <td>规定目标 URL 的 MIME 类型。<br>注:MIME = Multipurpose Internet Mail Extensions。</td> </tr> </tbody> </table></td> </tr> <tr> <td><canvas><span class="new">New</span></td> <td>通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。</td> </tr> <tr> <td><figcaption><span class="new">New</span></td> <td> <p><figcaption> 标签为 <figure> 元素定义标题。</p> <p><figcaption> 元素应该被置于 <figure> 元素的第一个或最后一个子元素的位置。</p> </td> </tr> <tr> <td><figure><span class="new">New</span></td> <td>figure 标签用于对元素进行组合。<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。</td> </tr> <tr> <td><strong>Audio/Video</strong></td> <td> </td> </tr> <tr> <td><audio><span class="new">New</span></td> <td> <p>定义声音,比如音乐或其他音频流。</p> <h2>属性</h2> <p><span class="new">New :HTML5 中的新属性。</span></p> <table class="reference notranslate"> <tbody> <tr> <th align="left" width="20%">属性</th> <th align="left" width="15%">值</th> <th align="left" width="55%">描述</th> </tr> <tr> <td>autoplay<span class="new">New</span></td> <td>autoplay</td> <td>如果出现该属性,则音频在就绪后马上播放。</td> </tr> <tr> <td>controls<span class="new">New</span></td> <td>controls</td> <td>如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)。</td> </tr> <tr> <td>loop<span class="new">New</span></td> <td>loop</td> <td>如果出现该属性,则每当音频结束时重新开始播放。</td> </tr> <tr> <td>muted<span class="new">New</span></td> <td>muted</td> <td>如果出现该属性,则音频输出为静音。</td> </tr> <tr> <td>preload<span class="new">New</span></td> <td>auto<br>metadata<br>none</td> <td>规定当网页加载时,音频是否默认被加载以及如何被加载。</td> </tr> <tr> <td>src<span class="new">New</span></td> <td><em>URL</em></td> <td>规定音频文件的 URL。</td> </tr> </tbody> </table></td> </tr> <tr> <td><source><span class="new">New</span></td> <td>定义media元素 (<video> 和 <audio>)的媒体资源。media</td> </tr> <tr> <td><track><span class="new">New</span></td> <td> <p>为媒体(<video> 和 <audio>)元素定义外部文本轨道。</p> <table class="reference notranslate"> <tbody> <tr> <th align="left" width="20%">属性</th> <th align="left" width="20%">值</th> <th align="left" width="50%">描述</th> </tr> <tr> <td>default<span class="new">New</span></td> <td>default</td> <td>规定该轨道是默认的。如果用户没有选择任何轨道,则使用默认轨道。</td> </tr> <tr> <td>kind<span class="new">New</span></td> <td>captions<br>chapters<br>descriptions<br>metadata<br>subtitles</td> <td>规定文本轨道的文本类型。</td> </tr> <tr> <td>label<span class="new">New</span></td> <td><em>text</em></td> <td>规定文本轨道的标签和标题。</td> </tr> <tr> <td>src<span class="new">New</span></td> <td><em>URL</em></td> <td>必需的。规定轨道文件的 URL。</td> </tr> <tr> <td>srclang<span class="new">New</span></td> <td><em>language_code</em></td> <td>规定轨道文本数据的语言。如果 kind 属性值是 "subtitles",则该属性是必需的。</td> </tr> </tbody> </table></td> </tr> <tr> <td><video><span class="new">New</span></td> <td> <p>定义一个音频或者视频</p> <p><span class="new">New:HTML5 中的新属性。</span></p> <table class="reference notranslate"> <tbody> <tr> <th align="left" width="20%">属性</th> <th align="left" width="20%">值</th> <th align="left" width="50%">描述</th> </tr> <tr> <td>autoplay<span class="new">New</span></td> <td>autoplay</td> <td>如果出现该属性,则视频在就绪后马上播放。</td> </tr> <tr> <td>controls<span class="new">New</span></td> <td>controls</td> <td>如果出现该属性,则向用户显示控件,比如播放按钮。</td> </tr> <tr> <td>height<span class="new">New</span></td> <td><em>pixels</em></td> <td>设置视频播放器的高度。</td> </tr> <tr> <td>loop<span class="new">New</span></td> <td>loop</td> <td>如果出现该属性,则当媒介文件完成播放后再次开始播放。</td> </tr> <tr> <td>muted<span class="new">New</span></td> <td>muted</td> <td>如果出现该属性,视频的音频输出为静音。</td> </tr> <tr> <td valign="top">poster<span class="new">New</span></td> <td valign="top"><em>URL</em></td> <td valign="top">规定视频正在下载时显示的图像,直到用户点击播放按钮。</td> </tr> <tr> <td>preload<span class="new">New</span></td> <td>auto<br>metadata<br>none</td> <td>如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。</td> </tr> <tr> <td>src<span class="new">New</span></td> <td><em>URL</em></td> <td>要播放的视频的 URL。</td> </tr> <tr> <td>width<span class="new">New</span></td> <td><em>pixels</em></td> <td>设置视频播放器的宽度。</td> </tr> </tbody> </table></td> </tr> <tr> <td><strong>链接</strong></td> <td> </td> </tr> <tr> <td><a></td> <td> <p>定义一个链接</p> <h2>属性</h2> <p><span class="new">New :HTML5 中的新属性。</span></p> <table class="reference notranslate"> <tbody> <tr> <th align="left" width="20%">属性</th> <th align="left" width="20%">值</th> <th align="left">描述</th> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>download<span class="new">New</span></td> <td><em>filename</em></td> <td>指定下载链接</td> </tr> <tr> <td>href</td> <td><em>URL</em></td> <td>规定链接的目标 URL。</td> </tr> <tr> <td>hreflang</td> <td><em>language_code</em></td> <td>规定目标 URL 的基准语言。仅在 href 属性存在时使用。</td> </tr> <tr> <td>media<span class="new">New</span></td> <td><em>media_query</em></td> <td>规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。</td> </tr> <tr> <td>name</td> <td><em>section_name</em></td> <td><span class="deprecated">HTML5 不支持。规定锚的名称。</span></td> </tr> <tr> <td>rel</td> <td>alternate<br>author<br>bookmark<br>help<br>license<br>next<br>nofollow<br>noreferrer<br>prefetch<br>prev<br>search<br>tag</td> <td>规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。</td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>target</td> <td>_blank<br>_parent<br>_self<br>_top<br><em>framename</em></td> <td>规定在何处打开目标 URL。仅在 href 属性存在时使用。</td> </tr> <tr> <td>type<span class="new">New</span></td> <td><em>MIME_type</em></td> <td>规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。<br>注:MIME = Multipurpose Internet Mail Extensions。</td> </tr> </tbody> </table></td> </tr> <tr> <td><link></td> <td>定义文档与外部资源的关系。</td> </tr> <tr> <td><nav><span class="new">New</span></td> <td> <p>定义导航链接</p> <p><nav> 标签定义导航链接的部分。</p> <p>并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。</p> </td> </tr> <tr> <td><strong>列表</strong></td> <td> </td> </tr> <tr> <td><ul></td> <td>定义一个无序列表</td> </tr> <tr> <td><ol></td> <td>定义一个有序列表</td> </tr> <tr> <td><li></td> <td>定义一个列表项</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td><dl></td> <td>定义一个定义列表</td> </tr> <tr> <td><dt></td> <td>定义一个定义定义列表中的项目。</td> </tr> <tr> <td><dd></td> <td>定义定义列表中项目的描述。</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td><strong>表格</strong></td> <td> </td> </tr> <tr> <td><table></td> <td>定义一个表格</td> </tr> <tr> <td><caption></td> <td>定义表格标题。</td> </tr> <tr> <td><th></td> <td>定义表格中的表头单元格。</td> </tr> <tr> <td><tr></td> <td>定义表格中的行。</td> </tr> <tr> <td><td></td> <td>定义表格中的单元。</td> </tr> <tr> <td><thead></td> <td>定义表格中的表头内容。</td> </tr> <tr> <td><tbody></td> <td>定义表格中的主体内容。</td> </tr> <tr> <td><tfoot></td> <td>定义表格中的表注内容(脚注)。</td> </tr> <tr> <td><col></td> <td>定义表格中一个或多个列的属性值。和下面的colgroup配合使用。 <table class="reference notranslate"> <tbody> <tr> <td>span</td> <td><em>number</em></td> <td>规定 <col> 元素应该横跨的列数。</td> </tr> </tbody> </table></td> </tr> <tr> <td><colgroup></td> <td>定义表格中供格式化的列组。</td> </tr> <tr> <td><strong>样式/节</strong></td> <td> </td> </tr> <tr> <td><style></td> <td>定义文档的样式信息。</td> </tr> <tr> <td><div></td> <td>定义文档中的节。</td> </tr> <tr> <td><span></td> <td>定义文档中的节。</td> </tr> <tr> <td><header><span class="new">New</span></td> <td>定义一个文档头部部分</td> </tr> <tr> <td><footer><span class="new">New</span></td> <td>定义一个文档底部</td> </tr> <tr> <td><section><span class="new">New</span></td> <td>定义了文档的某个区域</td> </tr> <tr> <td><article><span class="new">New</span></td> <td>定义一个文章内容</td> </tr> <tr> <td><aside><span class="new">New</span></td> <td>定义其所处内容之外的内容。</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td><strong>元信息</strong></td> <td> </td> </tr> <tr> <td><head></td> <td>定义关于文档的信息</td> </tr> <tr> <td><meta></td> <td>定义关于 HTML 文档的元信息。</td> </tr> <tr> <td><base></td> <td> <p>定义页面中所有链接的默认地址或默认目标。</p> <h2>属性</h2> <table class="reference"> <tbody> <tr> <th align="left" width="15%">属性</th> <th align="left" width="15%">值</th> <th align="left" width="70%">描述</th> </tr> <tr> <td>href</td> <td><em>URL</em></td> <td>规定页面中所有相对链接的基准 URL。</td> </tr> <tr> <td>target</td> <td>_blank<br>_parent<br>_self<br>_top<br><em>framename</em></td> <td>规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。</td> </tr> </tbody> </table></td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td><strong>程序</strong></td> <td> </td> </tr> <tr> <td><script></td> <td>定义客户端脚本。</td> </tr> <tr> <td><noscript></td> <td>定义针对不支持客户端脚本的用户的替代内容。</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td><embed><span class="new">New</span></td> <td> <p>定义了一个容器,用来嵌入外部应用或者互动程序(插件)。</p> <h2>属性</h2> <p><span class="new">New :HTML5 中的新属性。</span></p> <table class="reference notranslate"> <tbody> <tr> <th align="left" width="20%">属性</th> <th align="left" width="20%">值</th> <th align="left">描述</th> </tr> <tr> <td>height<span class="new">New</span></td> <td><em>pixels</em></td> <td>规定嵌入内容的高度。</td> </tr> <tr> <td>src<span class="new">New</span></td> <td><em>URL</em></td> <td>规定被嵌入内容的 URL。</td> </tr> <tr> <td>type<span class="new">New</span></td> <td><em>MIME_type</em></td> <td>规定嵌入内容的 MIME 类型。<br>注:MIME = Multipurpose Internet Mail Extensions。</td> </tr> <tr> <td>width<span class="new">New</span></td> <td><em>pixels</em></td> <td>规定嵌入内容的宽度。</td> </tr> </tbody> </table></td> </tr> <tr> <td> </td> <td> </td> </tr> </tbody> </table> <h1>HTML <span class="color_h1">全局属性</span></h1> <hr> <p><span class="new">New : HTML5 新属性。</span></p> <table class="reference notranslate"> <tbody> <tr> <th align="left" width="25%">属性</th> <th align="left" width="75%">描述</th> </tr> <tr> <td>accesskey</td> <td>设置访问元素的键盘快捷键。</td> </tr> <tr> <td>class</td> <td>规定元素的类名(classname)</td> </tr> <tr> <td>contenteditable<span class="new">New</span></td> <td>规定是否可编辑元素的内容。</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td>data-*<span class="new">New</span></td> <td> <p>用于存储页面的自定义数据</p> <h2>定义和用法</h2> <p>data-* 属性用于存储私有页面后应用的自定义数据。</p> <p>data-* 属性可以在所有的 HTML 元素中嵌入数据。</p> <p>自定义的数据可以让页面拥有更好的交互体验(不需要使用 Ajax 或去服务端查询数据)。</p> <p>data-* 属性由以下两部分组成:</p> <ol> <li>属性名不要包含大写字母,在 data- 后必须至少有一个字符。</li> <li>该属性可以是任何字符串</li> </ol><p><strong>注意:</strong> 自定义属性前缀 "data-" 会被客户端忽略。</p> </td> </tr> <tr> <td>dir</td> <td>设置元素中内容的文本方向。</td> </tr> <tr> <td>draggable<span class="new">New</span></td> <td>指定某个元素是否可以拖动</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td><span style="color:#ff0000;"><span style="color:#ff0000;">hidden</span><span class="new">New</span></span></td> <td><span style="color:#ff0000;">hidden 属性规定对元素进行隐藏。</span></td> </tr> <tr> <td>id</td> <td>规定元素的唯一 id</td> </tr> <tr> <td>lang</td> <td>设置元素中内容的语言代码。</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td>style</td> <td>规定元素的行内样式(inline style)</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td>title</td> <td> <p>规定元素的额外信息(可在工具提示中显示)</p> <h2>定义和用法</h2> <p>title 属性规定关于元素的额外信息。</p> <p>这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)。</p> </td> </tr> <tr> <td>translate<span class="new">New</span></td> <td>指定是否一个元素的值在页面载入时是否需要翻译</td> </tr> </tbody> </table> </div> <p>转载于:https://www.cnblogs.com/cndotabestdota/p/5688981.html</p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1292661342599192576"></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">你可能感兴趣的:(HTML基础篇(标签和属性整--已剔除不被浏览器支持的部分))</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835514462770130944.htm" title="斤斤计较的婚姻到底有多难?" target="_blank">斤斤计较的婚姻到底有多难?</a> <span class="text-muted">白心之岂必有为</span> <div>很多人私聊我会问到在哪个人群当中斤斤计较的人最多?我都会回答他,一般婚姻出现问题的斤斤计较的人士会非常多,以我多年经验,在婚姻落的一塌糊涂的人当中,斤斤计较的人数占比在20~30%以上,也就是说10个婚姻出现问题的斤斤计较的人有2-3个有多不减。在婚姻出问题当中,有大量的心理不平衡的、尖酸刻薄的怨妇。在婚姻中仅斤斤计较有两种类型:第一种是物质上的,另一种是精神上的。在物质与精神上抠门已经严重的影响</div> </li> <li><a href="/article/1835514464028422144.htm" title="情绪觉察日记第37天" target="_blank">情绪觉察日记第37天</a> <span class="text-muted">露露_e800</span> <div>今天是家庭关系规划师的第二阶最后一天,慧萍老师帮我做了个案,帮我处理了埋在心底好多年的一份恐惧,并给了我深深的力量!这几天出来学习,爸妈过来婆家帮我带小孩,妈妈出于爱帮我收拾东西,并跟我先生和婆婆产生矛盾,妈妈觉得他们没有照顾好我…。今晚回家见到妈妈,我很欣赏她并赞扬她,妈妈说今晚要跟我睡我说好,当我们俩躺在床上准备睡觉的时候,我握着妈妈的手对她说:妈妈这几天辛苦你了,你看你多利害把我们的家收拾得</div> </li> <li><a href="/article/1835514335561084928.htm" title="芦花鞋一四" target="_blank">芦花鞋一四</a> <span class="text-muted">许叶晗</span> <div>又是在一个寒冷的夏日里,青铜和葵花决定今天一起去卖芦花鞋,奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧!”于是青铜和葵花喝完了奶奶给她们做的粥,就准备去镇上卖卢花鞋,这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖,用手势表达对葵花说:“这回有好多人在抢我们生意呢!我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫,卖芦花喽!卖芦花</div> </li> <li><a href="/article/1835514307744460800.htm" title="QQ群采集助手,精准引流必备神器" target="_blank">QQ群采集助手,精准引流必备神器</a> <span class="text-muted">2401_87347160</span> <a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/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>功能概述微信群查找与筛选工具是一款专为微信用户设计的辅助工具,它通过关键词搜索功能,帮助用户快速找到相关的微信群,并提供筛选是否需要验证的群组的功能。主要功能关键词搜索:用户可以输入关键词,工具将自动查找包含该关键词的微信群。筛选功能:工具提供筛选机制,用户可以选择是否只显示需要验证或不需要验证的群组。精准引流:通过上述功能,用户可以更精准地找到目标群组,进行有效的引流操作。3.设备需求该工具可以</div> </li> <li><a href="/article/1835514207114719232.htm" title="关于沟通这件事,项目经理不需要每次都面对面进行" target="_blank">关于沟通这件事,项目经理不需要每次都面对面进行</a> <span class="text-muted">流程大师兄</span> <div>很多项目经理都会遇到这样的问题,项目中由于事情太多,根本没有足够的时间去召开会议,那在这种情况下如何去有效地管理项目中的利益相关者?当然,不建议电子邮件也不需要开会的话,建议可以采取下面几种方式来形成有效的沟通,这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题,项目中哪些利益相关者是必须要进行沟通的?可以列出项目中所有的利益相关者清单,同时也整理出项目中哪些</div> </li> <li><a href="/article/1835513803861749760.htm" title="机器学习与深度学习间关系与区别" target="_blank">机器学习与深度学习间关系与区别</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%AD%A6%E4%B9%A0/1.htm">学习</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/python/1.htm">python</a> <div>一、机器学习概述定义机器学习(MachineLearning,ML)是一种通过数据驱动的方法,利用统计学和计算算法来训练模型,使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本,识别其中的模式和规律,从而对新的数据进行判断。其核心在于通过训练过程,让模型不断优化和提升其预测准确性。主要类型1.监督学习(SupervisedLearning)监督学习是指在训练数据集中包含输入</div> </li> <li><a href="/article/1835513699826233344.htm" title="android系统selinux中添加新属性property" target="_blank">android系统selinux中添加新属性property</a> <span class="text-muted">辉色投像</span> <div>1.定位/android/system/sepolicy/private/property_contexts声明属性开头:persist.charge声明属性类型:u:object_r:system_prop:s0图12.定位到android/system/sepolicy/public/domain.te删除neverallow{domain-init}default_prop:property</div> </li> <li><a href="/article/1835513701143244800.htm" title="铭刻于星(四十二)" target="_blank">铭刻于星(四十二)</a> <span class="text-muted">随风至</span> <div>69夜晚,绍敏同学做完功课后,看了眼房外,没听到动静才敢从书包的夹层里拿出那个心形纸团。折痕压得很深,都有些旧了,想来是已经写好很久了。绍敏同学慢慢地、轻轻地捏开折叠处,待到全部拆开后,又反复抚平纸张,然后仔细地一字字默看。只是开头的三个字是第一次看到,让她心漏跳了几拍。“亲爱的绍敏:从四年级的时候,我就喜欢你了,但是我一直不敢说,怕影响你学习。六年级的时候听说有人跟你表白,你接受了,我很难过,但</div> </li> <li><a href="/article/1835513570171908096.htm" title="底层逆袭到底有多难,不甘平凡的你准备好了吗?让吴起给你说说" target="_blank">底层逆袭到底有多难,不甘平凡的你准备好了吗?让吴起给你说说</a> <span class="text-muted">造命者说</span> <div>底层逆袭到底有多难,不甘平凡的你准备好了吗?让吴起给你说说我叫吴起,生于公元前440年的战国初期,正是群雄并起、天下纷争不断的时候。后人说我是军事家、政治家、改革家,是兵家代表人物。评价我一生历仕鲁、魏、楚三国,通晓兵家、法家、儒家三家思想,在内政军事上都有极高的成就。周安王二十一年(公元前381年),因变法得罪守旧贵族,被人乱箭射死。我出生在卫国一个“家累万金”的富有家庭,从年轻时候起就不甘平凡</div> </li> <li><a href="/article/1835513571501502464.htm" title="2020-01-25" target="_blank">2020-01-25</a> <span class="text-muted">晴岚85</span> <div>郑海燕坚持分享590天2020.1.24在生活中只存在两个问题。一个问题是:你知道想要达成的目标是什么,但却不知道如何才能达成;另一个问题是:你不知道你的目标是什么。前一个是行动的问题,后一个是结果的问题。通过制定具体的下一步行动,可以解决不知道如何开始行动的问题。而通过去想象结果,对结果做预估,可以解决找不着目标的问题。对于所有吸引我们注意力,想要完成的任务,你可以先想象一下,预期的结果究竟是什</div> </li> <li><a href="/article/1835513568917811200.htm" title="随笔 | 仙一般的灵气" target="_blank">随笔 | 仙一般的灵气</a> <span class="text-muted">海思沧海</span> <div>仙岛今天,我看了你全部,似乎已经进入你的世界我不知道,这是否是梦幻,还是你仙一般的灵气吸引了我也许每一个人都要有一份属于自己的追求,这样才能够符合人生的梦想,生活才能够充满着阳光与快乐我不知道,我为什么会这样的感叹,是在感叹自己的人生,还是感叹自己一直没有孜孜不倦的追求只感觉虚度了光阴,每天活在自己的梦中,活在一个不真实的世界是在逃避自己,还是在逃避周围的一切有时候我嘲笑自己,嘲笑自己如此的虚无,</div> </li> <li><a href="/article/1835513567663714304.htm" title="想家" target="_blank">想家</a> <span class="text-muted">爆米花机</span> <div>也许不同于大家对家乡的思念,我对家乡甚至是疯狂的不舍。还未踏出车站就感觉到幸福,我享受这里的夕阳、这里的浓烈柴火味、这里每一口家常菜。我是宅女,我贪恋家的安逸。刚刚踏出大学校门,初出茅庐,无法适应每年只能国庆和春节回家。我焦虑、失眠、无端发脾气,是无法适应工作的节奏,是无法接受我将一步步离开家乡的事实。我不想承认自己胸无大志,选择再次踏上征程。图片发自App</div> </li> <li><a href="/article/1835513551624695808.htm" title="【iOS】MVC设计模式" target="_blank">【iOS】MVC设计模式</a> <span class="text-muted">Magnetic_h</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</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/objective-c/1.htm">objective-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/ui/1.htm">ui</a> <div>MVC前言如何设计一个程序的结构,这是一门专门的学问,叫做"架构模式"(architecturalpattern),属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构,也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC(控制器)负责协调Model和View,处理大部分逻辑它将数据从Mod</div> </li> <li><a href="/article/1835513551142350848.htm" title="OC语言多界面传值五大方式" target="_blank">OC语言多界面传值五大方式</a> <span class="text-muted">Magnetic_h</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/objective-c/1.htm">objective-c</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>前言在完成暑假仿写项目时,遇到了许多需要用到多界面传值的地方,这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值,简单地说就是通过访问后一个视图控制器的属性来为它赋值,通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt</div> </li> <li><a href="/article/1835513440525971456.htm" title="一百九十四章. 自相矛盾" target="_blank">一百九十四章. 自相矛盾</a> <span class="text-muted">巨木擎天</span> <div>唉!就这么一夜,林子感觉就像过了很多天似的,先是回了阳间家里,遇到了那么多不可思议的事情儿。特别是小伙伴们,第二次与自己见面时,僵硬的表情和恐怖的气氛,让自己如坐针毡,打从心眼里难受!还有东子,他现在还好吗?有没有被人欺负?护城河里的小鱼小虾们,还都在吗?水不会真的干枯了吧?那对相亲相爱漂亮的太平鸟儿,还好吧!春天了,到了做窝、下蛋、喂养小鸟宝宝的时候了,希望它们都能够平安啊!虽然没有看见家人,也</div> </li> <li><a href="/article/1835513424734416896.htm" title="UI学习——cell的复用和自定义cell" target="_blank">UI学习——cell的复用和自定义cell</a> <span class="text-muted">Magnetic_h</span> <a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>目录cell的复用手动(非注册)自动(注册)自定义cellcell的复用在iOS开发中,单元格复用是一种提高表格(UITableView)和集合视图(UICollectionView)滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时,如果没有可复用的单元格,则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕,它就不会被销毁。相反,它被添</div> </li> <li><a href="/article/1835512920797179904.htm" title="element实现动态路由+面包屑" target="_blank">element实现动态路由+面包屑</a> <span class="text-muted">软件技术NINI</span> <a class="tag" taget="_blank" href="/search/vue%E6%A1%88%E4%BE%8B/1.htm">vue案例</a><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> <div>el-breadcrumb是ElementUI组件库中的一个面包屑导航组件,它用于显示当前页面的路径,帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中,如果你已经安装了ElementUI,就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例:安装ElementUI(如果你还没有安装的话):你可以通过npm或yarn来安装ElementUI。bash复制代码npmi</div> </li> <li><a href="/article/1835512809883004928.htm" title="10月|愿你的青春不负梦想-读书笔记-01" target="_blank">10月|愿你的青春不负梦想-读书笔记-01</a> <span class="text-muted">Tracy的小书斋</span> <div>本书的作者是俞敏洪,大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧,也是我事业上的偶像。本日摘录他书中第一章中的金句:『一个人如果什么目标都没有,就会浑浑噩噩,感觉生命中缺少能量。能给我们能量的,是对未来的期待。第一件事,我始终为了进步而努力。与其追寻全世界的骏马,不如种植丰美的草原,到时骏马自然会来。第二件事,我始终有阶段性的目标。什么东西能给我能量?答案是对未来的期待。』读到这里的时候,我便</div> </li> <li><a href="/article/1835512542735200256.htm" title="C语言宏函数" target="_blank">C语言宏函数</a> <span class="text-muted">南林yan</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a> <div>一、什么是宏函数?通过宏定义的函数是宏函数。如下,编译器在预处理阶段会将Add(x,y)替换为((x)*(y))#defineAdd(x,y)((x)*(y))#defineAdd(x,y)((x)*(y))intmain(){inta=10;intb=20;intd=10;intc=Add(a+d,b)*2;cout<<c<<endl;//800return0;}二、为什么要使用宏函数使用宏函数</div> </li> <li><a href="/article/1835512305320816640.htm" title="地推话术,如何应对地推过程中家长的拒绝" target="_blank">地推话术,如何应对地推过程中家长的拒绝</a> <span class="text-muted">校师学</span> <div>相信校长们在做地推的时候经常遇到这种情况:市场专员反馈家长不接单,咨询师反馈难以邀约这些家长上门,校区地推疲软,招生难。为什么?仅从地推层面分析,一方面因为家长受到的信息轰炸越来越多,对信息越来越“免疫”;而另一方面地推人员的专业能力和营销话术没有提高,无法应对家长的拒绝,对有意向的家长也不知如何跟进,眼睁睁看着家长走远;对于家长的疑问,更不知道如何有技巧地回答,机会白白流失。由于回答没技巧和专业</div> </li> <li><a href="/article/1835512178023690240.htm" title="谢谢你们,爱你们!" target="_blank">谢谢你们,爱你们!</a> <span class="text-muted">鹿游儿</span> <div>昨天家人去泡温泉,二个孩子也带着去,出发前一晚,匆匆下班,赶回家和孩子一起收拾。饭后,我拿出笔和本子(上次去澳门时做手帐的本子)写下了1\2\3\4\5\6\7\8\9,让后让小壹去思考,带什么出发去旅游呢?她在对应的数字旁边画上了,泳衣、泳圈、肖恩、内衣内裤、tapuy、拖鞋……画完后,就让她自己对着这个本子,将要带的,一一带上,没想到这次带的书还是这本《便便工厂》(晚上姑婆发照片过来,妹妹累得</div> </li> <li><a href="/article/1835511911769272320.htm" title="C语言如何定义宏函数?" target="_blank">C语言如何定义宏函数?</a> <span class="text-muted">小九格物</span> <a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a> <div>在C语言中,宏函数是通过预处理器定义的,它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为,但它们不是真正的函数,因为它们在编译时不会进行类型检查,也不会分配存储空间。宏函数的定义通常使用#define指令,后面跟着宏的名称和参数列表,以及宏展开后的代码。宏函数的定义方式:1.基本宏函数:这是最简单的宏函数形式,它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参</div> </li> <li><a href="/article/1835511912192897024.htm" title="微服务下功能权限与数据权限的设计与实现" target="_blank">微服务下功能权限与数据权限的设计与实现</a> <span class="text-muted">nbsaas-boot</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1/1.htm">微服务</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>在微服务架构下,系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加,如何保证不同用户和服务之间的访问权限准确、细粒度地控制,成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限:指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作,比如查看订单、创建订单、修改用户资料等。数据权限:</div> </li> <li><a href="/article/1835511912843014144.htm" title="理解Gunicorn:Python WSGI服务器的基石" target="_blank">理解Gunicorn:Python WSGI服务器的基石</a> <span class="text-muted">范范0825</span> <a class="tag" taget="_blank" href="/search/ipython/1.htm">ipython</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>理解Gunicorn:PythonWSGI服务器的基石介绍Gunicorn,全称GreenUnicorn,是一个为PythonWSGI(WebServerGatewayInterface)应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具,Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置,帮助初学者快速上手。1.什么是Gunico</div> </li> <li><a href="/article/1835511669476913152.htm" title="小丽成长记(四十三)" target="_blank">小丽成长记(四十三)</a> <span class="text-muted">玲玲54321</span> <div>小丽发现,即使她好不容易调整好自己的心态下一秒总会有不确定的伤脑筋的事出现,一个接一个的问题,人生就没有停下的时候,小问题不断出现。不过她今天看的书,她接受了人生就是不确定的,厉害的人就是不断创造确定性,在Ta的领域比别人多的确定性就能让自己脱颖而出,显示价值从而获得的比别人多的利益。正是这样的原因,因为从前修炼自己太少,使得她现在在人生道路上打怪起来困难重重,她似乎永远摆脱不了那种无力感,有种习</div> </li> <li><a href="/article/1835511542284644352.htm" title="学点心理知识,呵护孩子健康" target="_blank">学点心理知识,呵护孩子健康</a> <span class="text-muted">静候花开_7090</span> <div>昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所,超越教育与技术的思考》的讲座。今天又重新学习了一遍,收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题,她说心理健康的一些基本命题,我们与我们通常的一些教育命题是不同的,她还举了几个例子,让我们明白我们原来以为的健康并非心理学上的健康。比如如果</div> </li> <li><a href="/article/1835511163450912768.htm" title="2021年12月19日,春蕾教育集团团建活动感受——黄晓丹" target="_blank">2021年12月19日,春蕾教育集团团建活动感受——黄晓丹</a> <span class="text-muted">黄错错加油</span> <div>感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼,也增长了不少知识。2.游戏过程中,我们贡献的是个人力量,展现的是团队的力量。它磨合的往往不止是工作的熟悉,更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上,每个人摆正自己的位置、各司其职充分发挥才能,并团结一致劲往一处使,才能实现最大的成功。新知:1.团队精神需要不断地创新。过去,人们把创新看作是冒风险,现在人们</div> </li> <li><a href="/article/1835511036317364224.htm" title="Cell Insight | 单细胞测序技术又一新发现,可用于HIV-1和Mtb共感染个体诊断" target="_blank">Cell Insight | 单细胞测序技术又一新发现,可用于HIV-1和Mtb共感染个体诊断</a> <span class="text-muted">尐尐呅</span> <div>结核病是艾滋病合并其他疾病中导致患者死亡的主要原因。其中结核病由结核分枝杆菌(Mycobacteriumtuberculosis,Mtb)感染引起,获得性免疫缺陷综合症(艾滋病)由人免疫缺陷病毒(Humanimmunodeficiencyvirustype1,HIV-1)感染引起。国家感染性疾病临床医学研究中心/深圳市第三人民医院张国良团队携手深圳华大生命科学研究院吴靓团队,共同研究得出单细胞测序</div> </li> <li><a href="/article/1835511030260789248.htm" title="c++ 的iostream 和 c++的stdio的区别和联系" target="_blank">c++ 的iostream 和 c++的stdio的区别和联系</a> <span class="text-muted">黄卷青灯77</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><a class="tag" taget="_blank" href="/search/iostream/1.htm">iostream</a><a class="tag" taget="_blank" href="/search/stdio/1.htm">stdio</a> <div>在C++中,iostream和C语言的stdio.h都是用于处理输入输出的库,但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系:区别1.编程风格iostream(C++风格):C++标准库中的输入输出流类库,支持面向对象的输入输出操作。典型用法是cin(输入)和cout(输出),使用>操作符来处理数据。更加类型安全,支持用户自定义类型的输入输出。#includeintmain(){in</div> </li> <li><a href="/article/1835510909070569472.htm" title="瑶池防线" target="_blank">瑶池防线</a> <span class="text-muted">谜影梦蝶</span> <div>冥华虽然逃过了影梦的军队,但他是一个忠臣,他选择上报战况。败给影梦后成逃兵,高层亡尔还活着,七重天失守......随便一条,即可处死冥华。冥华自然是知道以仙界高层的习性此信一发自己必死无疑,但他还选择上报实情,因为责任。同样此信送到仙宫后,知道此事的人,大多数人都认定冥华要完了,所以上到仙界高层,下到扫大街的,包括冥华自己,全都准备好迎接冥华之死。如果仙界现在还属于两方之争的话,冥华必死无疑。然而</div> </li> <li><a href="/article/43.htm" title="集合框架" target="_blank">集合框架</a> <span class="text-muted">天子之骄</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E5%90%88%E6%A1%86%E6%9E%B6/1.htm">集合框架</a> <div>   集合框架 集合框架可以理解为一个容器,该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说,Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍:   Collection接口是最基本的接口,它定义了List和Set,List又定义了LinkLi</div> </li> <li><a href="/article/170.htm" title="Table Driven(表驱动)方法实例" target="_blank">Table Driven(表驱动)方法实例</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/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/Table+Driven/1.htm">Table Driven</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E9%A9%B1%E5%8A%A8/1.htm">表驱动</a> <div>实例一: /** * 驾驶人年龄段 * 保险行业,会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段:01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el</div> </li> <li><a href="/article/297.htm" title="Jquery 总结" target="_blank">Jquery 总结</a> <span class="text-muted">cuishikuan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/jquery%E6%96%B9%E6%B3%95/1.htm">jquery方法</a> <div>1.$.trim方法用于移除字符串头部和尾部多余的空格。如:$.trim('   Hello   ') // Hello2.$.contains方法返回一个布尔值,表示某个DOM元素(第二个参数)是否为另一个DOM元素(第一个参数)的下级元素。如:$.contains(document.documentElement, document.body); 3.$</div> </li> <li><a href="/article/424.htm" title="面向对象概念的提出" target="_blank">面向对象概念的提出</a> <span class="text-muted">麦田的设计者</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/1.htm">面向对象</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E8%BF%87%E7%A8%8B/1.htm">面向过程</a> <div>        面向对象中,一切都是由对象展开的,组织代码,封装数据。   在台湾面向对象被翻译为了面向物件编程,这充分说明了,这种编程强调实体。       下面就结合编程语言的发展史,聊一聊面向过程和面向对象。      c语言由贝尔实</div> </li> <li><a href="/article/551.htm" title="linux网口绑定" target="_blank">linux网口绑定</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4,为了提高网络的可靠性配置双网卡绑定。 一、环境描述 我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡,通过ifconfig -a命令看到eth0和eth1两张网卡。 二、双网卡绑定步骤: 2.1 修改/etc/sysconfig/network</div> </li> <li><a href="/article/678.htm" title="XML基础语法" target="_blank">XML基础语法</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>一、什么是XML? XML全称是Extensible Markup Language,可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义,你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。   二、为什么学习XML? 用来解决程序间数据传输的格式问题 做配置文件 充当小型数据库   三、XML与HTM</div> </li> <li><a href="/article/805.htm" title="为网页添加自己喜欢的字体" target="_blank">为网页添加自己喜欢的字体</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/%E5%AD%97%E4%BD%93+%E7%A7%92%E8%A1%A8+css/1.htm">字体 秒表 css</a> <div>@font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用: <label style="font-size:18px;font-famil</div> </li> <li><a href="/article/932.htm" title="redis范围查询应用-查找IP所在城市" target="_blank">redis范围查询应用-查找IP所在城市</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>原文地址: http://www.tuicool.com/articles/BrURbqV 需求 根据IP找到对应的城市 原来的解决方案 oracle表(ip_country): 查询IP对应的城市: 1.把a.b.c.d这样格式的IP转为一个数字,例如为把210.21.224.34转为3524648994 2. select city from ip_</div> </li> <li><a href="/article/1059.htm" title="输入两个整数, 计算百分比" target="_blank">输入两个整数, 计算百分比</a> <span class="text-muted">alleni123</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%"); </div> </li> <li><a href="/article/1186.htm" title="百合——————>怎么学习计算机语言" target="_blank">百合——————>怎么学习计算机语言</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/java+%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">java 移动开发</a> <div>    对于一个从没有接触过计算机语言的人来说,一上来就学面向对象,就算是心里上面接受的了,灵魂我觉得也应该是跟不上的,学不好是很正常的现象,计算机语言老师讲的再多,你在课堂上面跟着老师听的再多,我觉得你应该还是学不会的,最主要的原因是你根本没有想过该怎么来学习计算机编程语言,记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取,一个刚到大学的就能够去和</div> </li> <li><a href="/article/1313.htm" title="linux下tomcat开机自启动" target="_blank">linux下tomcat开机自启动</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>方法一: 修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H</div> </li> <li><a href="/article/1440.htm" title="spring aop实例" target="_blank">spring aop实例</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> <div>1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x</div> </li> <li><a href="/article/1567.htm" title="[Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization" target="_blank">[Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/serialization/1.htm">serialization</a> <div>enableComplexMapKeySerialization配置项的含义  Gson在序列化Map时,默认情况下,是调用Key的toString方法得到它的JSON字符串的Key,对于简单类型和字符串类型,这没有问题,但是对于复杂数据对象,如果对象没有覆写toString方法,那么默认的toString方法将得到这个对象的Hash地址。   GsonBuilder用于</div> </li> <li><a href="/article/1694.htm" title="【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题" target="_blank">【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Stream/1.htm">Stream</a> <div>包括Spark Streaming在内的实时计算数据可靠性指的是三种级别: 1. At most once,数据最多只能接受一次,有可能接收不到 2. At least once, 数据至少接受一次,有可能重复接收 3. Exactly once  数据保证被处理并且只被处理一次,   具体的多读几遍http://spark.apache.org/docs/lates</div> </li> <li><a href="/article/1821.htm" title="shell脚本批量检测端口是否被占用脚本" target="_blank">shell脚本批量检测端口是否被占用脚本</a> <span class="text-muted">ronin47</span> <div>#!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件</div> </li> <li><a href="/article/1948.htm" title="java-2.设计包含min函数的栈" target="_blank">java-2.设计包含min函数的栈</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>具体思路参见:http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe</div> </li> <li><a href="/article/2075.htm" title="Netty源码学习-ChannelHandler" target="_blank">Netty源码学习-ChannelHandler</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> 一般来说,“有状态”的ChannelHandler不应该是“共享”的,“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是 因为每一次调用decode方法时,可能数据未接收完全(incomplete), 它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据,是“有状态”的 p</div> </li> <li><a href="/article/2202.htm" title="java生成随机数" target="_blank">java生成随机数</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>方法一: /** * 生成随机数 * @author cngolon@126.com * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D</div> </li> <li><a href="/article/2329.htm" title="POI读写海量数据" target="_blank">POI读写海量数据</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/%E6%B5%B7%E9%87%8F%E6%95%B0%E6%8D%AE/1.htm">海量数据</a> <div>import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming</div> </li> <li><a href="/article/2456.htm" title="mysql 日期格式化date_format详细使用" target="_blank">mysql 日期格式化date_format详细使用</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/date_format/1.htm">date_format</a><a class="tag" taget="_blank" href="/search/%E6%97%A5%E6%9C%9F%E6%A0%BC%E5%BC%8F%E8%BD%AC%E6%8D%A2/1.htm">日期格式转换</a><a class="tag" taget="_blank" href="/search/%E6%97%A5%E6%9C%9F%E6%A0%BC%E5%BC%8F%E5%8C%96/1.htm">日期格式化</a> <div> 日期转换函数的详细使用说明  DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n</div> </li> <li><a href="/article/2583.htm" title="一个程序员分享8年的开发经验" target="_blank">一个程序员分享8年的开发经验</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>  在中国有很多人都认为IT行为是吃青春饭的,如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的,在下从事.NET及JAVA方面的开发的也有8年的时间了,在这里在下想凭借自己的亲身经历,与大家一起探讨一下。 明确入行的目的 很多人干IT这一行都冲着“收入高”这一点的,因为只要学会一点HTML, DIV+CSS,要做一个页面开发人员并不是一件难事,而且做一个页面开发人员更容</div> </li> <li><a href="/article/2710.htm" title="android欢迎界面淡入淡出效果" target="_blank">android欢迎界面淡入淡出效果</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>很多Android应用一开始都会有一个欢迎界面,淡入淡出效果也是用得非常多的,下面来实现一下。 主要代码如下: package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown</div> </li> <li><a href="/article/2837.htm" title="linux 复习笔记之常见压缩命令" target="_blank">linux 复习笔记之常见压缩命令</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/tar%E8%A7%A3%E5%8E%8B/1.htm">tar解压</a><a class="tag" taget="_blank" href="/search/linux%E7%B3%BB%E7%BB%9F%E5%B8%B8%E8%A7%81%E5%8E%8B%E7%BC%A9%E5%91%BD%E4%BB%A4/1.htm">linux系统常见压缩命令</a><a class="tag" taget="_blank" href="/search/linux%E5%8E%8B%E7%BC%A9%E5%91%BD%E4%BB%A4/1.htm">linux压缩命令</a><a class="tag" taget="_blank" href="/search/tar%E5%8E%8B%E7%BC%A9/1.htm">tar压缩</a> <div>转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据,没有经过压缩 *.tar.gz tar程序打包后,并经过gzip程序压缩 *.tar.bz2 tar程序打包后,并经过bzip程序压缩 *.zi</div> </li> <li><a href="/article/2964.htm" title="Android 应用程序发送shell命令" target="_blank">Android 应用程序发送shell命令</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>项目中需要直接在APP中通过发送shell指令来控制lcd灯,其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP,APP调用就可以控制了,这是正规流程,但我们项目的方案商用的mtk方案,方案公司又没人会改,只调好了驱动,让应用程序自己实现灯的控制,这不蛋疼嘛!!!! 发就发吧! 一、关于shell指令: 我们知道,shell指令是Linux里面带的</div> </li> <li><a href="/article/3091.htm" title="java 无损读取文本文件" target="_blank">java 无损读取文本文件</a> <span class="text-muted">hw1287789687</span> <a class="tag" taget="_blank" href="/search/%E8%AF%BB%E5%8F%96%E6%96%87%E4%BB%B6/1.htm">读取文件</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E6%8D%9F%E8%AF%BB%E5%8F%96/1.htm">无损读取</a><a class="tag" taget="_blank" href="/search/%E8%AF%BB%E5%8F%96%E6%96%87%E6%9C%AC%E6%96%87%E4%BB%B6/1.htm">读取文本文件</a><a class="tag" taget="_blank" href="/search/charset/1.htm">charset</a> <div>java 如何无损读取文本文件呢? 以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull</div> </li> <li><a href="/article/3218.htm" title="Firebase 相关文章索引" target="_blank">Firebase 相关文章索引</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/firebase/1.htm">firebase</a> <div>Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野,于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务,不同于 Dropbox 的「文件」,Firebase 同步的是「数据」,服务对象是网站开发者,帮助他们开发具有「实时」(Real-Time)特性的应用。 开发者只需引用一个 API 库文件就可以使用标准 RE</div> </li> <li><a href="/article/3345.htm" title="C++学习重点" target="_blank">C++学习重点</a> <span class="text-muted">lx.asymmetric</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>1.c++面向对象的三个特性:封装性,继承性以及多态性。   2.标识符的命名规则:由字母和下划线开头,同时由字母、数字或下划线组成;不能与系统关键字重名。   3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。   4.运算符按其功能开以分为六类:算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n</div> </li> <li><a href="/article/3472.htm" title="java bean和xml相互转换" target="_blank">java bean和xml相互转换</a> <span class="text-muted">q821424508</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/xml%E5%92%8Cbean%E8%BD%AC%E6%8D%A2/1.htm">xml和bean转换</a><a class="tag" taget="_blank" href="/search/java+bean%E5%92%8Cxml%E8%BD%AC%E6%8D%A2/1.htm">java bean和xml转换</a> <div>这几天在做微信公众号 做的过程中想找个java bean转xml的工具,找了几个用着不知道是配置不好还是怎么回事,都会有一些问题, 然后脑子一热谢了一个javabean和xml的转换的工具里,自己用着还行,虽然有一些约束吧 , 还是贴出来记录一下      顺便你提一下下,这个转换工具支持属性为集合、数组和非基本属性的对象。   packag</div> </li> <li><a href="/article/3599.htm" title="C 语言初级 位运算" target="_blank">C 语言初级 位运算</a> <span class="text-muted">1140566087</span> <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/c/1.htm">c</a> <div> 第十章 位运算   1、位运算对象只能是整形或字符型数据,在VC6.0中int型数据占4个字节   2、位运算符: 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低;   3、位运算符的运算功能: a、按位取反: ~01001101 = 101</div> </li> <li><a href="/article/3726.htm" title="14点睛Spring4.1-脚本编程" target="_blank">14点睛Spring4.1-脚本编程</a> <span class="text-muted">wiselyman</span> <a class="tag" taget="_blank" href="/search/spring4/1.htm">spring4</a> <div>14.1 Scripting脚本编程 脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本</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>