HTML语义标签的介绍和常用的语义标签

语义化标签目的
主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用，很明显Hx系列看起来很像标题，因为拥有粗体和较大的字号。,用来区别于其他文字，起到了强调的作用。

与默认样式的区别
默认样式是浏览器设定的一些常用tag的表现形式
语义化是一种纯文字的补充,让大家直观的认识标签和属性的用途和作用

语义化标签的使用意义

代码结构: 使页面没有css的情况下，也能够呈现出很好的内容结构,有利于页面布局,特别是在移动应用上(弹性盒子方面)
2.有利于SEO: 爬虫依赖标签来确定关键字的权重，因此可以和搜索引擎建立良好的沟通，帮助爬虫抓取更多的有效信息
3.提升用户体验：例如title、alt可以用于解释名称或者解释图片信息，以及label标签的灵活运用。
4.便于团队开发和维护: 语义化使得代码更具有可读性，让其他开发人员更加理解你的html结构，减少差异化。
5.方便其他设备解析: 如屏幕阅读器、盲人阅读器、移动设备等，以有意义的方式来渲染网页。

使用的场景

作为自然语言和纯文字的补充,用来表达一定的结构表达

必要的存在,一旦没有时文字会产生歧义

适合机器阅读的整体结构

<语义标签大全>

大约有[100多个HTML语义元素](%3Ca href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element"%3Ehttps://developer.mozilla.org/zh-CN/docs/Web/HTML/Element%3C/a%3E)可供选择的语义元素,常用的语义化标签如下:

2019-07-09_144941.jpg

HTML5提供了新的语义元素来定义网页的不同部分，它们被称为“切片元素”，如图所示

20180626164405788.jpg

：</strong><br> HTML <title> 元素定义文档的标题，显示在浏览器的标题栏或标签页上。它只可以包含文本，若是包含有标签，则包含的任何标签都不会被解释。</p> <pre><code><title>常用的语义化标签
:
h1~h6，分级标题，
与协调有利于搜索引擎优化。</p> <pre><code><body> <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> </body> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 294px; max-height: 295px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-08_215005.jpg </div> </div> <p><strong><ul>：</strong></p> <p>HTML <ul> 元素（或称 HTML 无序列表元素）表示一个内可含多个元素的无序列表或项目符号列表。(一般搭配<li>来用)</p> <pre><code><ul> <li>.....</li> <li>....</li> <li>...</li> </ul> </code></pre> <p><strong><ol>:</strong><br> HTML <ol> 元素表示多个有序列表项，通常渲染为有带编号的列表(一般搭配<li>来用)。</p> <pre><code><ol> <li>*****</li> <li>****</li> <li>***</li> </ol> </code></pre> <p>因为是无序和有序列表所以我展示的是效果比对图:</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 546px; max-height: 195px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-08_220126.jpg </div> </div> <p><strong><header>：</strong><br> HTML <header> 元素用于展示介绍性内容，通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素，但也可能包含其他元素，比如 Logo、搜索框、作者名称，等等。</p> <pre><code><header > <h1>Cute Puppies Express!</h1> </header> <main> <p>I love beagles <em>so</em> much! Like, really, a lot. They’re adorable and their ears are so, so snuggly soft!</p> </main> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 528px; max-height: 111px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_144142.jpg </div> </div> <p><strong><nav>：</strong><br> HTML导航栏 (<nav>) 描绘一个含有多个超链接的区域，这个区域包含转到其他页面，或者页面内部其他部分的链接列表.</p> <pre><code><nav class="crumbs"> <ol> <li ><a href="bikes">Bikes</a></li> <li ><a href="bikes/bmx">BMX</a></li> <li >Jump Bike 3000</li> </ol> </nav> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 176px; max-height: 77px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_144417.jpg </div> </div> <p><strong><main>：</strong><br> HTML <main> 元素呈现了文档的 <body> 或应用的主体部分。主体部分由与文档直接相关，或者扩展于文档的中心主题、应用的主要功能部分的内容组成。</p> <pre><code><header><h2>Gecko facts</h2></header> <main role="main"> <p>Geckos are a group of usually small, usually nocturnal lizards. They are found on every continent except Australia.</p> <p>Many species of gecko have adhesive toe pads which enable them to climb walls and even windows.</p> </main> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 531px; max-height: 145px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_144751.jpg </div> </div> <p><strong><article>：</strong><br> 表示文档、页面、应用或网站中的独立结构，其意在成为可独立分配的或可复用的结构，如在发布中，它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目。</p> <pre><code><article class="forecast"> <h1>Weather forecast for Seattle</h1> <article class="day-forecast"> <h2>03 March 2018</h2> <p>Rain.</p> </article> <article class="day-forecast"> <h2>04 March 2018</h2> <p>Periods of rain.</p> </article> <article class="day-forecast"> <h2>05 March 2018</h2> <p>Heavy rain.</p> </article> </article> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 531px; max-height: 271px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_145753.jpg </div> </div> <p><strong><section>：</strong><br> HTML Section 元素 (<section>) 表示文档中的一个区域（或节），比如，内容中的一个专题组，一般来说会有包含一个标题（heading）。一般通过是否包含一个标题 (<h1>-<h6> element) 作为子节点来辨识每一个<section>,或者是定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。</p> <pre><code><section> <h1>Introduction</h1> <p>People have been catching fish for food since before recorded history…</p> </section> <section> <h1>Equipment</h1> <p>The first thing you’ll need is a fishing rod or pole that you find comfortable and is strong enough for the kind of fish you’re expecting to land…</p> </section> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 513px; max-height: 187px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_150022.jpg </div> </div> <p><strong><aside>：</strong><br> 元素表示一个和其余页面内容几乎无关的部分，被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。</p> <pre><code><p>Salamanders are a group of amphibians with a lizard-like appearance, including short legs and a tail in both larval and adult forms.</p> <aside> <p>The Rough-skinned Newt defends itself with a deadly neurotoxin.</p> </aside> <p>Several species of salamander inhabit the temperate rainforest of the Pacific Northwest, including the Ensatina, the Northwestern Salamander and the Rough-skinned Newt. Most salamanders are nocturnal, and hunt for insects, worms and other small creatures.</p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 527px; max-height: 166px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_150517.jpg </div> </div> <p><strong><footer>：</strong><br> 表示最近一个章节内容或者根节点（sectioning root ）元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。只有当父级是body时，才是整个页面的页脚。</p> <pre><code> <footer> <p>© 2018 Gandalf</p> </footer> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 137px; max-height: 39px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_152631.jpg </div> </div> <p><strong><small>：</strong><br> 將使文本的字体变小一号。(例如从大变成中等，从中等变成小，从小变成超小)。在HTML5中，除了它的样式含义，这个元素被重新定义为表示边注释和附属细则，包括版权和法律文本。即呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。</p> <pre><code><p>MDN Web Docs is a learning platform for Web technologies and the software that powers the Web.</p> <hr> <p><small>The content is licensed under a Creative Commons Attribution-ShareAlike 2.5 Generic License.</small></p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 522px; max-height: 110px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_152833.jpg </div> </div> <p><strong><strong>：</strong><br> Strong 元素 (<strong>)表示文本十分重要，一般用粗体显示和 em 标签一样，用于强调文本，但它强调的程度更强一些。</p> <pre><code><p>The content is <strong>good</strong> </p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 136px; max-height: 32px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_153224.jpg </div> </div> <p><strong><em>：</strong><br> HTML 着重元素 (<em>) 标记出需要用户着重阅读的内容， <em> 元素是可以嵌套的，嵌套层次越深，则其包含的内容被认定为越需要着重阅读。将其中的文本表示为强调的内容，表现为斜体。</p> <pre><code><p> In HTML 5, what was previously called <em>block-level</em> content is now called <em>flow</em> content. </p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 492px; max-height: 57px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_153513.jpg </div> </div> <p><strong><mark>：</strong><br> HTML mark 标签代表突出显示的文字,例如可以为了标记特定上下文中的文本而使用这个标签. 举个例子，它可以用来显示搜索引擎搜索后关键词。使用高亮突出显示部分文本。</p> <pre><code><p><mark> 元素用于 <mark>高亮</mark> 文本</p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 199px; max-height: 33px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_153710.jpg </div> </div> <p><strong><figure>：</strong></p> <p><figure> 元素代表一段独立的内容, 经常与说明（caption） <figcaption> 配合使用, 并且作为一个独立的引用单元。当它属于主内容流（main flow）时，它的位置独立于主体。这个标签经常是在主文中引用的图片，插图，表格，代码段等等，当这部分转移到附录中或者其他页面时不会影响到主体。（默认有40px左右margin）。<br> 例如以下的诗歌:</p> <pre><code><figure> <p> Bid me discourse, I will enchant thine ear, Or like a fairy trip upon the green, Or, like a nymph, with long dishevell'd hair, Dance on the sands, and yet no footing seen: Love is a spirit all compact of fire, Not gross to sink, but light, and will aspire.</p> <figcaption><cite>Venus and Adonis</cite>, by William Shakespeare</figcaption> </figure> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 448px; max-height: 128px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_154700.jpg </div> </div> <p><strong><figcaption>：</strong><br> HTML <figcaption> 元素是与其相关联的图片的说明/标题，用于描述其父节点 <figure> 元素里的其他数据。这意味着 <figcaption> 在<figure> 块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的；如果没有该元素，这个父节点的图片只是会没有说明/标题。</p> <pre><code><figure> <figcaption>Get browser details using <code>navigator</code>.</figcaption> <pre> function NavigatorExample() { var txt; txt = "Browser CodeName: " + navigator.appCodeName; txt+= "Browser Name: " + navigator.appName; txt+= "Browser Version: " + navigator.appVersion ; txt+= "Cookies Enabled: " + navigator.cookieEnabled; txt+= "Platform: " + navigator.platform; txt+= "User-agent header: " + navigator.userAgent; }</pre> </figure> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 451px; max-height: 196px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_154951.jpg </div> </div> <p><strong><cite>：</strong><br> HTML引用（ Citation）标签 (<cite>) 表示一个作品的引用。它必须包含引用作品的符合简写格式的标题或者URL，它可能是一个根据添加引用元数据的约定的简写形式。</p> <pre><code><blockquote> <p>It was a blog about computer technology.</p> <footer> the <cite><a href="https://qaqsarah.github.io/"><i>blog</i></a></cite> by qian. </footer> </blockquote> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 290px; max-height: 82px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_160519.jpg </div> </div> <p><strong><blockquote>：</strong><br> HTML <blockquote> 元素（或者 HTML 块级引用元素），代表其中的文字是引用内容。通常在渲染时，这部分的内容会有一定的缩进（注中说明了如何更改）。若引文来源于网络，则可以将原内容的出处 URL 地址设置到 cite 特性上，若要以文本的形式告知读者引文的出处时，可以通过 <cite> 元素。</p> <pre><code><blockquote cite="https://qaqsarah.github.io/"> <p>Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.</p> <footer>—Aldous Huxley, <cite>Brave New World</cite></footer> </blockquote> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 464px; max-height: 117px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_161130.jpg </div> </div> <p><strong><q>：</strong><br> HTML引用标签 (<q>)表示一个封闭的并且是短的行内引用的文本. 这个标签是用来引用短的文本，所以请不要引入换行符; 对于长的文本的引用请使用 <blockquote> 替代.（跨浏览器问题，尽量避免使用）。</p> <pre><code><p>Everytime Kenny is killed, Stan will announce <q cite="http://en.wikipedia.org/wiki/Kenny_McCormick#Cultural_impact"> Oh my God, you/they killed Kenny! </q>. </p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 526px; max-height: 24px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_161338.jpg </div> </div> <p><strong><time>：</strong><br> 用来表示24小时制时间或者公历日期，若表示日期则也可包含时间和时区。datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式。</p> <pre><code><p>The concert took place on <time datetime="2019-07-09 16:00">July 09</time>.</p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 227px; max-height: 36px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_161753.jpg </div> </div> <p><strong><abbr>：</strong><br> 缩写元素（<abbr>）用于展示缩写，并且可以通过可选的 title 属性提供完整的描述。</p> <pre><code><p>You can use <abbr title="Cascading Style Sheets">CSS</abbr> to style your <abbr title="HyperText Markup Language">HTML</abbr>.</p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 256px; max-height: 31px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_162529.jpg </div> </div> <p><strong><dfn>：</strong><br> HTML 定义元素 (<dfn>) 表示术语的一个定义(定义术语元素)，与定义必须紧挨着，可以在描述列表dl元素中使用。<br> 术语定义应当在 <p>, <section>或定义列表 (通常是<dt>, <dd> 对)中给出。被定义术语的值由下列规则确定：<br> 如果 <dfn> 元素有一个 title 属性，那么该术语的值就是该属性的值。否则，如果它仅包含一个 <abbr> 元素，该元素拥有 title 属性，那么该术语的值就是该属性的值。否则，<dfn> 元素的文本内容就是该术语的值。</p> <pre><code><dl>  <dt> <dfn> <abbr title="World-Wide Web">WWW</abbr> </dfn> </dt> <dd>The World-Wide Web (WWW) is a system of interlinked hypertext documents accessed on <a href="#def-internet">the Internet</a>.</dd></dl> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 463px; max-height: 77px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_182203.jpg </div> </div> <p><strong><address>：</strong><br> 表示其中的 HTML 提供了某个人或某个组织（等等）的联系信息。</p> <pre><code><p>Contact the author of this page:</p> <address> <a href="mailto:jim@rock.com">jim@rock.com</a><br> <a href="tel:+13115552368">(311) 555-2368</a> </address> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 210px; max-height: 90px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_182728.jpg </div> </div> <p><strong><del>：</strong><br> 表示一些被从文档中删除的文字内容。比如可以在需要显示修改记录或者源代码差异的情况使用这个标签。<ins>标签的作用恰恰于此相反：表示文档中添加的内容。</p> <pre><code><p><del>This text has been deleted</del>, here is the rest of the paragraph.</p><del ><p >This paragraph has been deleted.</p ></del > </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 392px; max-height: 73px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_182957.jpg </div> </div> <p><strong><ins>：</strong><br> HTML <ins> 元素定义已经被插入文档中的文本。</p> <pre><code> <p>“You're late!”</p> <del> <p>“I apologize for the delay.”</p> </del> <ins cite="../howtobeawizard.html" datetime="2018-05"> <p>“A wizard is never late …”</p> </ins> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 199px; max-height: 113px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_183145.jpg </div> </div> <p><strong><code>：</strong><br> 元素呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示.</p> <pre><code><p>Regular text. <code>This is code.</code> Regular text.</p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 278px; max-height: 39px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_183318.jpg </div> </div> <p><strong><meter>：</strong><br> HTML <meter>元素用来显示已知范围的标量值或者分数值。。（Internet Explorer 不支持 meter 标签）</p> <pre><code><p>Heat the oven to <meter min="200" max="500" value="350">350 degrees</meter>.</p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 208px; max-height: 36px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_183503.jpg </div> </div> <p><strong><progress>：</strong><br> HTML中的progress (<progress>) 元素用来显示一项任务的完成进度.虽然规范中没有规定该元素具体如何显示,浏览器开发商可以自己决定,但通常情况下,该元素都显示为一个进度条形式.</p> <pre><code><progress value="70" max="100">70 %</progress> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 199px; max-height: 50px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_183652.jpg </div> </div> <p><strong><pre>:</strong><br> 表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略)</p> <pre><code><p>Using CSS to change the font color is easy.</p> <pre> body { color: red; } </pre> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 282px; max-height: 99px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_183848.jpg </div> </div> <p><strong><samp>:</strong><br> <samp> 元素用于标识计算机程序输出，通常使用浏览器缺省的 monotype 字体（例如 Lucida Console）。</p> <pre><code><p>Regular text. <samp>This is sample text.</samp> Regular text.</p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 350px; max-height: 38px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_184045.jpg </div> </div> <p><strong><hr >:</strong><br> 表示段落级元素之间的主题转换（例如，一个故事中的场景的改变，或一个章节的主题的改变）。在HTML的早期版本中，它是一个水平线。现在它仍能在可视化浏览器中表现为水平线，但目前被定义为语义上的，而不是表现层面上。</p> <pre><code><p> This is the first paragraph of text. This is the first paragraph of text. This is the first paragraph of text. This is the first paragraph of text. </p> <hr> <p> This is the second paragraph of text. This is the second paragraph of text. This is the second paragraph of text. This is the second paragraph of text. </p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 527px; max-height: 132px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_184240.jpg </div> </div> <p><strong><p>:</strong><br> HTML <p>元素（或者说 HTML 段落元素）表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进。另外，<p> 是块级元素。只要涉及文字段落几乎都用到,这是最常见的一个语义标签.</p> <pre><code> <p>这是第一个段落。这是第一个段落。这是第一个段落。这是第一个段落。</p> <p>这是第二个段落。这是第二个段落。这是第二个段落。这是第二个段落。</p> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 527px; max-height: 77px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_184534.jpg </div> </div> <p><strong><hgroup>:</strong><br> HTML <hgroup> Element (HTML Headings Group Element) 代表一个段的标题。它规定了在文档轮廓里（the outline of the document ）的单一标题是它所属的隐式或显式部分的标题。</p> <pre><code><hgroup> <h1>Main title</h1> <h2>Secondary title</h2></hgroup> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 203px; max-height: 102px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 2019-07-09_184946.jpg </div> </div> <h6>接下来再补充以下Witter大神给的补充标签:</h6> <div class="image-package"> <div class="image-container" style="max-width: 624px; max-height: 628px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 9684130e423b6734b23652f4f0b6359e.jpg </div> </div> <ul> <li>平时使用HTML标签时应该注意以下几点:</li> </ul> <ol> <li>尽可能少的使用无语义的标签div和span；</li> <li>在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利；</li> <li>不要使用纯样式标签，如：b、font、u等，改用css设置。</li> <li>需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS指定就不用他们），strong默认样式是加粗（不要用b），em是斜体（不用i）；</li> <li>使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td；</li> <li>表单域要用fieldset标签包起来，并用legend标签说明表单的用途；</li> <li>每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在lable标签中设置for=someld来让说明文本和相对应的input关联起来。</li> </ol> <p><strong>特别注明:以上的内容是本人在学习了winter大神的《重学前端》的语义化标签和一些相关博文后结合自身实际开发使用的情况下,总结得到这篇文章,若有哪里不对或者不好之处,可评论留言告知,小女子在此谢过!</strong></p> </article> </div> </div> </div>  <div id="SOHUCS" sid="1750513227210440704"></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">  <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>  <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>  <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/1884991848250929152.htm" title="如果缓存数据在导出导入之间过期了，您又怎么处理这些数据呢？思维导图代码示例（java 架构)" target="_blank">如果缓存数据在导出导入之间过期了，您又怎么处理这些数据呢？思维导图代码示例（java 架构)</a> <span class="text-muted">用心去追梦</span> <a class="tag" taget="_blank" href="/search/memcached/1.htm">memcached</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>处理导出导入之间缓存数据过期的问题当Memcached中的数据在导出和重新导入之间过期时，可能会导致恢复的数据不完整或丢失。为了确保数据的一致性和完整性，可以采取以下策略和技术来处理这种情况：1.记录TTL信息保存TTL：在导出数据时，不仅记录键值对本身，还应该同时保存每个键的生存时间（TTL），以便在恢复时能够正确设置。相对时间戳：使用相对的时间戳而不是绝对时间戳来表示TTL，这样即使系统时间不</div> </li> <li><a href="/article/1884991470243475456.htm" title="留学生scratch计算机haskell函数ocaml编程ruby语言prolog作业VB" target="_blank">留学生scratch计算机haskell函数ocaml编程ruby语言prolog作业VB</a> <span class="text-muted">matlabgoodboy</span> <a class="tag" taget="_blank" href="/search/ruby/1.htm">ruby</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>您列出了一系列编程语言和技术，这些可能是您在留学期间需要学习或完成作业的内容。以下是对每个项目的简要说明和它们可能涉及的领域或用途：Scratch：Scratch是一种图形化编程语言，专为儿童和初学者设计，用于教授编程基础概念。它通过拖拽代码块来创建程序，非常适合学习算法、逻辑和基本的编程概念。计算机（科学）：这是一个广泛的领域，涉及计算机硬件、软件、算法、数据结构、网络安全等多个方面。留学生可能</div> </li> <li><a href="/article/1884991218002227200.htm" title="Python复习总结——期末复习知识点总结大全" target="_blank">Python复习总结——期末复习知识点总结大全</a> <span class="text-muted">HhhDreamof_</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Python复习总结——期末复习知识点总结大全第1章程序设计基本方法1.1计算机的概念1.2程序设计语言1.3Python语言概述1.4Python语言开发环境1.5程序的基本编写方法1.6Python语言的版本更迭第2章Python程序实例解析2.1实例1：温度转换2.2Python程序语法元素分析2.3实例2：Python蟒蛇绘制2.4turtle语法元素分析第3章基本数据类型3.1数字类型3</div> </li> <li><a href="/article/1884991213543682048.htm" title="C语言初阶力扣刷题——349. 两个数组的交集【难度：简单】" target="_blank">C语言初阶力扣刷题——349. 两个数组的交集【难度：简单】</a> <span class="text-muted">graceyun</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Leetcode/1.htm">Leetcode</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1.题目描述力扣在线OJ题目给定两个数组，编写一个函数来计算它们的交集。示例：输入：nums1=[1,2,2,1],nums2=[2,2]输出：[2]输入：nums1=[4,9,5],nums2=[9,4,9,8,4]输出：[9,4]2.思路直接暴力求解。将nums1数组中的每一个数字，判断是否存在于nums2数组中，通过这种方式找出交集数据，找出之后判断这个数组是否已经在返回数组中存在，不存在则</div> </li> <li><a href="/article/1884989954614947840.htm" title="python中assert的使用" target="_blank">python中assert的使用</a> <span class="text-muted">晓东邪</span> <a class="tag" taget="_blank" href="/search/python%E5%9F%BA%E7%A1%80%E5%AD%A6%E4%B9%A0/1.htm">python基础学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E5%B8%B8/1.htm">异常</a><a class="tag" taget="_blank" href="/search/%E6%96%AD%E8%A8%80/1.htm">断言</a><a class="tag" taget="_blank" href="/search/assert/1.htm">assert</a> <div>python中assert断言是声明其布尔值必须为真的判定，如果发生异常就说明表达式为假。可以理解assert断言语句为raise-if-not，用来测试表示式，其返回值为假，就会触发异常。Python的assert是用来检查一个条件，如果它为真，就不做任何事。如果它为假，则会抛出AssertError并且包含错误信息。assert的异常参数，其实就是在断言表达式后添加字符串信息，用来解释断言并更</div> </li> <li><a href="/article/1884988442983591936.htm" title="oracle快速统计表条数_oracle 统计指定条件下所有表的行数" target="_blank">oracle快速统计表条数_oracle 统计指定条件下所有表的行数</a> <span class="text-muted">weixin_39583222</span> <a class="tag" taget="_blank" href="/search/oracle%E5%BF%AB%E9%80%9F%E7%BB%9F%E8%AE%A1%E8%A1%A8%E6%9D%A1%E6%95%B0/1.htm">oracle快速统计表条数</a> <div>今天需要统计下指定用户下的所有表的行数，于是采用了oracle内置视图：selecttable_name,num_rowsfromdba_tableswhereowner='USERNAME';或selecttable_name,num_rowsfromuser_all_tables;可是统计结果发现，有的表的统计数量和实际数量有差异，因此，直接自己写了个统计指定条件下表的记录的sql：--创建一</div> </li> <li><a href="/article/1884988443461742592.htm" title="python断言assert实例_python接口测试assert断言" target="_blank">python断言assert实例_python接口测试assert断言</a> <span class="text-muted">weixin_39722921</span> <div>广告关闭腾讯云11.11云上盛惠，精选热门产品助力上云，云服务器首年88元起，买的越多返的越多，最高返5000元！unittest.texttestrunner(verbosity=2).run(suite)在一个测试用例中，会有期望结果这个说法，来验证这个测试用例是通过还是失败，在unittest的测试框架中，也提供了assert，我们先来看python中的断言assert，来修改下源码，看看p</div> </li> <li><a href="/article/1884988190834618368.htm" title="前馈神经网络——最基本的神经网络架构" target="_blank">前馈神经网络——最基本的神经网络架构</a> <span class="text-muted">纠结哥_Shrek</span> <a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/1.htm">神经网络</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a> <div>前馈神经网络（FeedforwardNeuralNetwork,FNN）是一种基本的人工神经网络类型，其结构简单，广泛应用于各种机器学习任务。它由多个层次组成，包括输入层、隐藏层和输出层。FNN中的每一层与下一层的神经元之间是完全连接的，但不同层之间的神经元不相互连接。FNN以其数据流动方式来命名——前馈，意味着信息从输入层开始，经过一系列的隐藏层，最终输出结果，不存在任何循环或反馈连接。与递归神</div> </li> <li><a href="/article/1884988064468627456.htm" title="pytorch深度Q网络" target="_blank">pytorch深度Q网络</a> <span class="text-muted">纠结哥_Shrek</span> <a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</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/python/1.htm">python</a> <div>DQN引入了深度神经网络来近似Q函数，解决了传统Q-learning在处理高维状态空间时的瓶颈，尤其是在像Atari游戏这样的复杂环境中。DQN的核心思想是使用神经网络Q(s,a;θ)Q(s,a;\theta)Q(s,a;θ)来近似Q值函数，其中θ\thetaθ是神经网络的参数。DQN的关键创新包括：经验回放（ExperienceReplay）：在强化学习中，当前的学习可能会依赖于最近的经验，容易</div> </li> <li><a href="/article/1884988063852064768.htm" title="基于最近邻数据进行分类" target="_blank">基于最近邻数据进行分类</a> <span class="text-muted">纠结哥_Shrek</span> <a class="tag" taget="_blank" href="/search/%E5%88%86%E7%B1%BB/1.htm">分类</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>完整代码：importtorchimportnumpyasnpfromsklearn.neighborsimportKNeighborsClassifierfromsklearn.metricsimportaccuracy_scoreimportmatplotlib.pyplotasplt#生成一个简单的数据集(2个特征和2个分类)#X为输入特征，y为标签X=np.array([[1,2],[2,</div> </li> <li><a href="/article/1884987937624485888.htm" title="oracle两列数列找差异,ORACLE中比较两个数据库的差异" target="_blank">oracle两列数列找差异,ORACLE中比较两个数据库的差异</a> <span class="text-muted">沙雕网友已上线</span> <a class="tag" taget="_blank" href="/search/oracle%E4%B8%A4%E5%88%97%E6%95%B0%E5%88%97%E6%89%BE%E5%B7%AE%E5%BC%82/1.htm">oracle两列数列找差异</a> <div>方法一、用PL/SQLDEVELOPER来比较1.登陆数据库A.2.打开TOOLS菜单下的CompareUserObjects3.点TargetSession，登陆数据库B4.执行Compare5.返回的是所有不同的对象以及更新语句[@more@]方法二、1、对需要比较的表进行分析(可全表可抽样，自选),否则统计信息不准；2、通过dba_tab_col_statistics表的column_nam</div> </li> <li><a href="/article/1884987811354963968.htm" title="Powershell无法激活Python虚拟环境" target="_blank">Powershell无法激活Python虚拟环境</a> <span class="text-muted">weixin_30681615</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a> <div>问题描述：Win10环境，亲测在cmd中可以激活，但是在Powershell中无法激活新建的conda环境。1.问题复现查看当前的环境，想从base切换到新建的scipython环境尝试激活但失败在cmd下尝试，成功2.寻根问底参考【1】，因为PowerShell默认不允许执行“*.ps1”脚本文件，所以首先需要开启权限。.ps1文件路径（...\envs\yourenv\Lib\venv\scr</div> </li> <li><a href="/article/1884987685051887616.htm" title="Oracle关工单差异分析,ORACLE成本管理中WIP处理对成本计算的影响(zt)" target="_blank">Oracle关工单差异分析,ORACLE成本管理中WIP处理对成本计算的影响(zt)</a> <span class="text-muted">谭亭</span> <a class="tag" taget="_blank" href="/search/Oracle%E5%85%B3%E5%B7%A5%E5%8D%95%E5%B7%AE%E5%BC%82%E5%88%86%E6%9E%90/1.htm">Oracle关工单差异分析</a> <div>1、工单开立：与成本无关。只有工单状态为“Release”时，才可进入下一步的“工单发料”，并将数量移到OP01的Queue状态JobName:可以自动编号，也可的工输入Assembly：需要制造的装配件Type：标准(正式，量产，大量的，BOM与ROUTING已经标准化了，会COPYBOM和routing)与非标准(upgrade,修理，根据实际情况定，不COPYBOM和routing)，不同的</div> </li> <li><a href="/article/1884986803694399488.htm" title="TCP如何应对丢包情况的出现" target="_blank">TCP如何应对丢包情况的出现</a> <span class="text-muted">甜瓜瓜哥</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a><a class="tag" taget="_blank" href="/search/tcp%2Fip/1.htm">tcp/ip</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/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a> <div>重新发送确认包如果最后一次握手的确认包丢失了，TCP会尝试重新发送确认包。在确认包丢失的情况下，发送方会等待一段时间（称为重传超时时间），然后重新发送确认包。这个重传超时时间是根据网络延迟和拥塞等因素动态调整的。超时重传时间的设置一般来说，超时重传时间会设置为较长的值，以便给网络足够的时间来传递和确认数据包。如果超时时间过短，可能会导致不必要的重传，从而降低网络的效率。重传前的等待在发送方重传确认</div> </li> <li><a href="/article/1884986676888006656.htm" title="如何解决Webview和H5缓存问题，确保每次加载最新版本的资源" target="_blank">如何解决Webview和H5缓存问题，确保每次加载最新版本的资源</a> <span class="text-muted">qq_39279448</span> <a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a> <div>WebView用于加载H5页面是常见的做法，它能够加载远程的HTML、CSS、JavaScript资源，并且让Web应用嵌入到原生App中。然而，WebView的缓存机制有时会导致用户看到的是旧版本的页面或资源，尤其是在H5发版后，iOS端用户可能仍然加载到缓存的旧页面，造成了不一致的体验。本篇文章将详细分析这个问题的根本原因，并介绍一些有效的缓存处理策略，确保每次加载的都是最新的资源。一、Web</div> </li> <li><a href="/article/1884986677399711744.htm" title="PostgreSQL的一主一从集群搭建部署 (同步)" target="_blank">PostgreSQL的一主一从集群搭建部署 (同步)</a> <span class="text-muted">keep__go</span> <a class="tag" taget="_blank" href="/search/PostgreSQL/1.htm">PostgreSQL</a><a class="tag" taget="_blank" href="/search/postgresql/1.htm">postgresql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>一、实验环境虚拟机名IP身份简称keep-postgres12-node1192.168.122.87主节点node1keep-postgres12-node2192.168.122.89备节点node2二、安装数据库源码包方式（主）1、创建用户[root@keep-postgres12-node1~]#groupaddpostgres[root@keep-postgres12-node1~]#u</div> </li> <li><a href="/article/1884986424701284352.htm" title="TCP为什么要三次握手，握手过程中丢包会怎么样？" target="_blank">TCP为什么要三次握手，握手过程中丢包会怎么样？</a> <span class="text-muted">zpv2jdfc</span> <a class="tag" taget="_blank" href="/search/tcp%2Fip/1.htm">tcp/ip</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/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>接上一篇文章TCP建立连接的过程。文章目录为什么是三次握手第一次握手丢包第二次握手丢包第三次握手丢包总结TCP建立连接需要三次握手是我们都知道的，那么为什么要是三次握手，而不是一次、两次或者四次、五次、六次呢？为什么是三次握手根据RFC793，三次握手的目的是为了防止旧的连接请求造成混乱。Theprinciplereasonforthethree-wayhandshakeistopreventol</div> </li> <li><a href="/article/1884986422465720320.htm" title="Oracle 统计信息笔记----一、表的统计信息" target="_blank">Oracle 统计信息笔记----一、表的统计信息</a> <span class="text-muted">w.ang.jie</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E9%9A%8F%E8%AE%B0/1.htm">随记</a><a class="tag" taget="_blank" href="/search/%E7%BB%9F%E8%AE%A1%E4%BF%A1%E6%81%AF/1.htm">统计信息</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E7%BB%9F%E8%AE%A1%E4%BF%A1%E6%81%AF/1.htm">统计信息</a> <div>sosi.txt脚本：SHOWOptimizerStatisticsInformation；显示表级别、分区级别、子分区级别的统计信息。Oracle数据库的统计信息存储在数据字典里1.对表test收集统计信息avg_row_len：表示目标表的平均行长度。（不算行头）数字100在Oracle数据块的行里占2字节，加上描述其长度的1字节，一共3字节同理，'CUIHUA’一共占6+1=7字节。两个字段</div> </li> <li><a href="/article/1884986295088902144.htm" title="一套鼠标键盘控制win和mac" target="_blank">一套鼠标键盘控制win和mac</a> <span class="text-muted">会飞的爱迪生</span> <a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a><a class="tag" taget="_blank" href="/search/sharemouse/1.htm">sharemouse</a> <div>sharemousehttps://blog.51cto.com/u_5650011/5390320</div> </li> <li><a href="/article/1884986296280084480.htm" title="AI光速发展的时代，普通人怎么才能上车？" target="_blank">AI光速发展的时代，普通人怎么才能上车？</a> <span class="text-muted">头脑旋风</span> <a class="tag" taget="_blank" href="/search/AI%E5%8F%98%E7%8E%B0%E4%B9%8B%E8%B7%AF/1.htm">AI变现之路</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>文章开始之前希望大家支持一下我独立开发的微信小程序“头脑旋风”，或微信扫描我的头像进入，谢谢支持~在人工智能快速发展的今天，普通人上车并非易事，但通过系统化的策略和持续的努力，是可以实现个人成长和职业转型的。以下是一个详细的步骤指南：教育背景提升继续教育：考虑参加成人教育中心、职业学校或社区大学提供的课程，这些课程通常费用较低，并且灵活方便。在线学习平台：利用Coursera、edX、Udacit</div> </li> <li><a href="/article/1884985287923265536.htm" title="【机器学习】如何在Jupyter Notebook中安装库以及简单使用Jupyter实现单变量线性回归的模型f" target="_blank">【机器学习】如何在Jupyter Notebook中安装库以及简单使用Jupyter实现单变量线性回归的模型f</a> <span class="text-muted">Lossya</span> <a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/jupyter/1.htm">jupyter</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E6%80%A7%E5%9B%9E%E5%BD%92/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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>引言JupyterNotebook中有一些魔法指令，需要安装第三方库文章目录引言一、安装方法方法一：使用`pip`或`conda`命令方法二：在命令行（终端或命令提示符）中安装二、使用JupyterNotebook实现单变量线性回归的模型fw,bf_{w,b}fw,b2.1工具2.2问题陈述2.3创建`x_train`和`y_train`变量2.4训练示例的数量`m`2.5训练示例`x_i,y_i</div> </li> <li><a href="/article/1884983272279175168.htm" title="【Python进阶】assert 使用 | assert触发条件，使用实践示例" target="_blank">【Python进阶】assert 使用 | assert触发条件，使用实践示例</a> <span class="text-muted">Qodicat</span> <a class="tag" taget="_blank" href="/search/Python%E5%AD%A6%E4%B9%A0/1.htm">Python学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>文章目录1基本介绍2其他实践示例2.1检查函数参数2.2检查输入数据是否合规2.3检查操作是否合规1基本介绍assert是Python中的一个关键字，用于在代码中进行断言检查。它的作用是在条件为False的情况下触发AssertionError异常，用于帮助开发者在程序中捕获和处理错误。assert的语法如下：assertexpression,message其中expression是要进行断言检查</div> </li> <li><a href="/article/1884983272790880256.htm" title="SQLAlchemy ORM在Python Web开发中的核心作用探究" target="_blank">SQLAlchemy ORM在Python Web开发中的核心作用探究</a> <span class="text-muted">不一样的信息安全</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E6%9D%82%E7%83%A9/1.htm">网络杂烩</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>摘要在PythonWeb开发领域，SQLAlchemyORM扮演着至关重要的角色。作为一种对象关系映射工具，它能够将Python类与数据库表相映射，实现数据行与Python对象之间的转换。开发者可以使用面向对象的方法操作数据库，无需直接编写SQL语句，从而大幅提升开发效率并降低出错概率。SQLAlchemyORM提供了一套强大而灵活的数据库操作方法，助力开发者快速构建和维护复杂的数据模型。关键词S</div> </li> <li><a href="/article/1884982516763389952.htm" title="erilog 多路分支语句" target="_blank">erilog 多路分支语句</a> <span class="text-muted">2401_88127808</span> <a class="tag" taget="_blank" href="/search/fpga%E5%BC%80%E5%8F%91/1.htm">fpga开发</a> <div>关键词：case，选择器case语句是一种多路条件分支的形式，可以解决if语句中有多个条件选项时使用不方便的问题。case语句case语句格式如下：case(case_expr)condition1:true_statement1;condition2:true_statement2;……default:default_statement;endcasecase语句执行时，如果condition1</div> </li> <li><a href="/article/1884982138592358400.htm" title="复习c语言数组" target="_blank">复习c语言数组</a> <span class="text-muted">人机yu</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95/1.htm">排序算法</a> <div>一、数组的定义和初始化1.定义数组数组的定义形式如下：类型数组名[数组长度];例如，定义一个存储5个整数的数组：intarr[5];这个定义表示arr是一个包含5个整数元素的数组。数组的索引从0开始，到数组长度减1（即从arr[0]到arr[4]）。2.初始化数组可以在定义数组时初始化数组的元素：intarr[5]={1,2,3,4,5};也可以在定义后逐个赋值：intarr[5];arr[0]=</div> </li> <li><a href="/article/1884981506078732288.htm" title="代码架构编写规范：多线程操作与多文件、多包设计" target="_blank">代码架构编写规范：多线程操作与多文件、多包设计</a> <span class="text-muted">千天夜</span> <a class="tag" taget="_blank" href="/search/%E7%9F%A5%E8%AF%86%E7%A7%AF%E7%B4%AF/1.htm">知识积累</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E5%B8%88%E8%BD%AC%E5%9E%8B%E4%B9%8B%E8%B7%AF/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/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a> <div>在多线程编程中，代码架构的设计不仅影响系统的性能，还决定了系统的可维护性、扩展性和可调试性。在多线程环境下，设计良好的架构可以有效避免竞态条件、死锁以及其他并发问题，同时提高系统的稳定性和可扩展性。本文将聚焦于如何在多线程操作中编写规范的代码架构，涵盖多文件、多线程、多包的交互设计，并提供线程机制的规范和保活机制的实现。一、架构设计原则1.1分离关注点在进行多线程开发时，首先要遵循的原则是分离关注</div> </li> <li><a href="/article/1884981508301713408.htm" title="COCO8 数据集上训练 YOLO11n：从入门到跑路（100 轮训练实战）" target="_blank">COCO8 数据集上训练 YOLO11n：从入门到跑路（100 轮训练实战）</a> <span class="text-muted">星际编程喵</span> <a class="tag" taget="_blank" href="/search/Python%E6%8E%A2%E7%B4%A2%E4%B9%8B%E6%97%85/1.htm">Python探索之旅</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E8%B7%9F%E8%B8%AA/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/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/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>前言训练YOLO11n，听起来就像是给赛博世界的“战斗天使”装上双核发动机，而COCO8数据集，则是那个小小的试验场。今天，我们就要在这个数据集上训练YOLO11n模型100轮，见证它如何从一个懵懂的“AI萌新”成长为“目标检测大佬”。本篇文章将以专业又幽默的方式，带你深入了解训练流程，并提供完整代码示例，让你轻松掌握这项技术。简介YOLO（YouOnlyLookOnce）是目标检测领域的明星模型</div> </li> <li><a href="/article/1884981253908787200.htm" title="如何激活python的虚拟环境" target="_blank">如何激活python的虚拟环境</a> <span class="text-muted">怪咖学生</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>要激活Python的虚拟环境，首先需要确保你已经创建了一个虚拟环境。假设你已经在项目目录中创建了一个虚拟环境，名为venv。以下是激活虚拟环境的步骤：在Windows上：打开命令提示符（CommandPrompt）。导航到包含虚拟环境的目录。输入以下命令激活虚拟环境：.\venv\Scripts\activate在macOS或Linux上：打开终端（Terminal）。导航到包含虚拟环境的目录。输</div> </li> <li><a href="/article/1884981001722064896.htm" title="学习python你必须弄懂的 Python、Pycharm、Anaconda 三者之间的关系" target="_blank">学习python你必须弄懂的 Python、Pycharm、Anaconda 三者之间的关系</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/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/pycharm/1.htm">pycharm</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/conda/1.htm">conda</a> <div>Python作为深度学习和人工智能学习的热门语言，学习一门语言，除了学会其简单的语法之外还需要对其进行运行和实现，才能实现和发挥其功能和作用。下面来介绍运行Python代码常用到的工具总结。一.Python、Pycharm、Anaconda关系介绍1.PythonPython是一种跨平台的计算机程序语言。是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。最初被设计用于编写自动化脚本(</div> </li> <li><a href="/article/1884980749707309056.htm" title="日志技术的使用" target="_blank">日志技术的使用</a> <span class="text-muted">大三小小小白</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>日志技术概述什么是日志？日志就好比生活中的日记，可以随时随地记录你生活中的点点滴滴。程序中的日志，是用来记录应用程序的运行信息、状态信息、错误信息的。为什么要在程序中记录日志呢？便于追踪应用程序中的数据信息、程序的执行过程。便于对应用程序的性能进行优化。便于应用程序出现问题之后，排查问题，解决问题。便于监控系统的运行状态。......之前我们编写程序时，也可以通过System.out.printl</div> </li> <li><a href="/article/62.htm" title="关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题" target="_blank">关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题</a> <span class="text-muted">何必如此</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/%E8%B6%85%E9%93%BE%E6%8E%A5/1.htm">超链接</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8B%E8%BD%BD/1.htm">文件下载</a><a class="tag" taget="_blank" href="/search/%E7%AA%97%E5%8F%A3/1.htm">窗口</a> <div>生成下载页面是需要选择“录入提交页面”，生成之后默认的下载页面<a>标签超链接为：<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc</div> </li> <li><a href="/article/189.htm" title="【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析" target="_blank">【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/cluster/1.htm">cluster</a> <div>在分析源代码之前，首先对Standalone Cluster Mode的资源调度有一个基本的认识：首先，运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下，Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU，这就需要Maste</div> </li> <li><a href="/article/316.htm" title="linux上独立安装部署spark" target="_blank">linux上独立安装部署spark</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E8%A3%85/1.htm">安装</a><a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/1.4/1.htm">1.4</a><a class="tag" taget="_blank" href="/search/%E9%83%A8%E7%BD%B2/1.htm">部署</a> <div>下面讲一下linux上安装spark，以 Standalone Mode 安装 1）首先安装JDK 下载JDK：jdk-7u79-linux-x64.tar.gz ，版本是1.7以上都行，解压 tar -zxvf jdk-7u79-linux-x64.tar.gz 然后配置 ~/.bashrc&nb</div> </li> <li><a href="/article/443.htm" title="Java 字节码之解析一" target="_blank">Java 字节码之解析一</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E8%8A%82%E7%A0%81/1.htm">字节码</a><a class="tag" taget="_blank" href="/search/javap/1.htm">javap</a> <div> 一： Java 字节代码的组织形式类文件 { OxCAFEBABE ，小版本号，大版本号，常量池大小，常量池数组，访问控制标记，当前类信息，父类信息，实现的接口个数，实现的接口信息数组，域个数，域信息数组，方法个数，方法信息数组，属性个数，属性信息数组 } &nbs</div> </li> <li><a href="/article/570.htm" title="java各种小工具代码" target="_blank">java各种小工具代码</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1.数组转换成List import java.util.Arrays; Arrays.asList(Object[] obj); 2.判断一个String型是否有值 import org.springframework.util.StringUtils; if (StringUtils.hasText(str)) 3.判断一个List是否有值 import org.spring</div> </li> <li><a href="/article/697.htm" title="加快FineReport报表设计的几个心得体会" target="_blank">加快FineReport报表设计的几个心得体会</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a> <div>一、从远程服务器大批量取数进行表样设计时，最好按“列顺序”取一个“空的SQL语句”，这样可提高设计速度。否则每次设计时模板均要从远程读取数据，速度相当慢！！二、找一个富文本编辑软件（如NOTEPAD+）编辑SQL语句，这样会很好地检查语法。有时候带参数较多检查语法复杂时，结合FineReport中生成的日志，再找一个第三方数据库访问软件（如PL/SQL）进行数据检索，可以很快定位语法错误。 </div> </li> <li><a href="/article/824.htm" title="mysql linux启动与停止" target="_blank">mysql linux启动与停止</a> <span class="text-muted">墙头上一根草</span> <div>如何启动/停止/重启MySQL一、启动方式1、使用 service 启动：service mysqld start2、使用 mysqld 脚本启动：/etc/inint.d/mysqld start3、使用 safe_mysqld 启动：safe_mysqld&二、停止1、使用 service 启动：service mysqld stop2、使用 mysqld 脚本启动：/etc/inin</div> </li> <li><a href="/article/951.htm" title="Spring中事务管理浅谈" target="_blank">Spring中事务管理浅谈</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1%E7%AE%A1%E7%90%86/1.htm">事务管理</a> <div> Spring中事务管理浅谈 By Tony Jiang@2012-1-20 Spring中对事务的声明式管理拿一个XML举例 [html] view plain copy print ? <?xml version="1.0" encoding="UTF-8"?>&nb</div> </li> <li><a href="/article/1078.htm" title="php中隐形字符65279（utf-8的BOM头）问题" target="_blank">php中隐形字符65279（utf-8的BOM头）问题</a> <span class="text-muted">alxw4616</span> <div>php中隐形字符65279（utf-8的BOM头）问题今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror. 调试: 1.仔细对比字符串发现字符串拼写正确.怀疑是非打印字符的问题. 2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符. </div> </li> <li><a href="/article/1205.htm" title="调用对象是否需要传递对象(初学者一定要注意这个问题)" target="_blank">调用对象是否需要传递对象(初学者一定要注意这个问题)</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1%E7%9A%84%E4%BC%A0%E9%80%92%E4%B8%8E%E8%B0%83%E7%94%A8%E6%8A%80%E5%B7%A7/1.htm">对象的传递与调用技巧</a> <div> 类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇) 类和对象的基础概念: JAVA中万事万物都是类类有字段(属性),方法,嵌套类和嵌套接</div> </li> <li><a href="/article/1332.htm" title="JDK1.5 AtomicLong实例" target="_blank">JDK1.5 AtomicLong实例</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/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a><a class="tag" taget="_blank" href="/search/AtomicLong/1.htm">AtomicLong</a> <div>JDK1.5 AtomicLong实例类 AtomicLong 可以用原子方式更新的 long 值。有关原子变量属性的描述，请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中（如以原子方式增加的序列号），并且不能用于替换 Long。但是，此类确实扩展了 Number，允许那些处理基于数字类的工具和实用工具进行统一访问。 </div> </li> <li><a href="/article/1459.htm" title="自定义的RPC的Java实现" target="_blank">自定义的RPC的Java实现</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/rpc/1.htm">rpc</a> <div> 网上看到纯java实现的RPC，很不错。 RPC的全名Remote Process Call，即远程过程调用。使用RPC，可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例，从中可以看到RPC如何</div> </li> <li><a href="/article/1586.htm" title="【RPC框架Hessian一】Hessian RPC Hello World" target="_blank">【RPC框架Hessian一】Hessian RPC Hello World</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Hello+world/1.htm">Hello world</a> <div>什么是Hessian The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p</div> </li> <li><a href="/article/1713.htm" title="【Spark九十五】Spark Shell操作Spark SQL" target="_blank">【Spark九十五】Spark Shell操作Spark SQL</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a> <div>在Spark Shell上，通过创建HiveContext可以直接进行Hive操作 1. 操作Hive中已存在的表 [hadoop@hadoop bin]$ ./spark-shell Spark assembly has been built with Hive, including Datanucleus jars on classpath Welcom</div> </li> <li><a href="/article/1840.htm" title="F5　往header加入客户端的ip" target="_blank">F5　往header加入客户端的ip</a> <span class="text-muted">ronin47</span> <div>when HTTP_RESPONSE {if {[HTTP::is_redirect]}{ HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo</div> </li> <li><a href="/article/1967.htm" title="java-61-在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5," target="_blank">java-61-在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5,</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/2541117420116135376632/ 写了个java版的 public class GreatestLeftRightDiff { /** * Q61.在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差。 * 求所有数对之差的最大值。例如在数组</div> </li> <li><a href="/article/2094.htm" title="mongoDB 索引" target="_blank">mongoDB 索引</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/mongoDB%E7%B4%A2%E5%BC%95/1.htm">mongoDB索引</a> <div>在这一节中我们讲讲在mongo中如何创建索引得到当前查询的索引信息 db.user.find(_id:12).explain(); cursor: basicCoursor 指的是没有索引 &</div> </li> <li><a href="/article/2221.htm" title="[硬件和系统]迎峰度夏" target="_blank">[硬件和系统]迎峰度夏</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F/1.htm">系统</a> <div> 从这几天的气温来看，今年夏天的高温天气可能会维持在一个比较长的时间内所以，从现在开始准备渡过炎热的夏天。。。。每间房屋要有一个落地电风扇，一个空调(空调的功率和房间的面积有密切的关系) 坐的，躺的地方要有凉垫，床上要有凉席电脑的机箱</div> </li> <li><a href="/article/2348.htm" title="基于ThinkPHP开发的公司官网" target="_blank">基于ThinkPHP开发的公司官网</a> <span class="text-muted">cuiyadll</span> <a class="tag" taget="_blank" href="/search/%E8%A1%8C%E4%B8%9A%E7%B3%BB%E7%BB%9F/1.htm">行业系统</a> <div>后端基于ThinkPHP，前端基于jQuery和BootstrapCo.MZ 企业系统轻量级企业网站管理系统运行环境:PHP5.3+, MySQL5.0 系统预览系统下载：http://www.tecmz.com 预览地址：http://co.tecmz.com 各种设备自适应响应式的网站设计能够对用户产生友好度，并且对于</div> </li> <li><a href="/article/2475.htm" title="Transaction and redelivery in JMS (JMS的事务和失败消息重发机制)" target="_blank">Transaction and redelivery in JMS (JMS的事务和失败消息重发机制)</a> <span class="text-muted">darrenzhu</span> <a class="tag" taget="_blank" href="/search/jms/1.htm">jms</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1/1.htm">事务</a><a class="tag" taget="_blank" href="/search/%E6%89%BF%E8%AE%A4/1.htm">承认</a><a class="tag" taget="_blank" href="/search/MQ/1.htm">MQ</a><a class="tag" taget="_blank" href="/search/acknowledge/1.htm">acknowledge</a> <div>JMS Message Delivery Reliability and Acknowledgement Patterns http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/ Transaction and redelivery in </div> </li> <li><a href="/article/2602.htm" title="Centos添加硬盘完全教程" target="_blank">Centos添加硬盘完全教程</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a><a class="tag" taget="_blank" href="/search/hardware/1.htm">hardware</a> <div>Linux的硬盘识别: sda 表示第1块SCSI硬盘 hda 表示第1块IDE硬盘 scd0 表示第1个USB光驱一般使用“fdisk -l”命</div> </li> <li><a href="/article/2729.htm" title="yii2 restful web服务路由" target="_blank">yii2 restful web服务路由</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a> <div>路由随着资源和控制器类准备，您可以使用URL如 http://localhost/index.php?r=user/create访问资源，类似于你可以用正常的Web应用程序做法。在实践中，你通常要用美观的URL并采取有优势的HTTP动词。例如，请求POST /users意味着访问user/create动作。这可以很容易地通过配置urlManager应用程序组件来完成如下所示</div> </li> <li><a href="/article/2856.htm" title="MongoDB查询(4)——游标和分页[八]" target="_blank">MongoDB查询(4)——游标和分页[八]</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/MongoDB%E6%B8%B8%E6%A0%87/1.htm">MongoDB游标</a><a class="tag" taget="_blank" href="/search/MongoDB%E6%B7%B1%E5%88%86%E9%A1%B5/1.htm">MongoDB深分页</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2177567 一、游标数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制，从shell中定义一个游标非常简单，就是将查询结果分配给一个变量（用var声明的变量就是局部变量），便创建了一个游标，如下所示： > var </div> </li> <li><a href="/article/2983.htm" title="Activity的四种启动模式和onNewIntent()" target="_blank">Activity的四种启动模式和onNewIntent()</a> <span class="text-muted">gundumw100</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>Android中Activity启动模式详解　　在Android中每个界面都是一个Activity，切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。　　Android总Activity的启动模式分为四种： Activity启动模式设置： <acti</div> </li> <li><a href="/article/3110.htm" title="攻城狮送女友的CSS3生日蛋糕" target="_blank">攻城狮送女友的CSS3生日蛋糕</a> <span class="text-muted">ini</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>在线预览：http://keleyi.com/keleyi/phtml/html5/29.htm 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>攻城狮送女友的CSS3生日蛋糕-柯乐义<</div> </li> <li><a href="/article/3237.htm" title="读源码学Servlet（1）GenericServlet 源码分析" target="_blank">读源码学Servlet（1）GenericServlet 源码分析</a> <span class="text-muted">jzinfo</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%BA%94%E7%94%A8/1.htm">网络应用</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a> <div>Servlet API的核心就是javax.servlet.Servlet接口，所有的Servlet 类（抽象的或者自己写的）都必须实现这个接口。在Servlet接口中定义了5个方法，其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。先看javax.servlet.servlet接口源码： package </div> </li> <li><a href="/article/3364.htm" title="JAVA进阶：VO(DTO)与PO(DAO)之间的转换" target="_blank">JAVA进阶：VO(DTO)与PO(DAO)之间的转换</a> <span class="text-muted">snoopy7713</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a> <div> PO即 Persistence Object　　VO即 Value Object 　VO和PO的主要区别在于：　　VO是独立的Java Object。　　PO是由Hibernate纳入其实体容器（Entity Map）的对象，它代表了与数据库中某条记录对应的Hibernate实体，PO的变化在事务提交时将反应到实际数据库中。　实际上，这个VO被用作Data Transfer </div> </li> <li><a href="/article/3491.htm" title="mongodb group by date 聚合查询日期统计每天数据（信息量）" target="_blank">mongodb group by date 聚合查询日期统计每天数据（信息量）</a> <span class="text-muted">qiaolevip</span> <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a> <div>/* 1 */ { "_id" : ObjectId("557ac1e2153c43c320393d9d"), "msgType" : "text", "sendTime" : ISODate("2015-06-12T11:26:26.000Z")</div> </li> <li><a href="/article/3618.htm" title="java之18天常用的类(一)" target="_blank">java之18天常用的类(一)</a> <span class="text-muted">Luob.</span> <a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a><a class="tag" taget="_blank" href="/search/Date/1.htm">Date</a><a class="tag" taget="_blank" href="/search/System/1.htm">System</a><a class="tag" taget="_blank" href="/search/Runtime/1.htm">Runtime</a><a class="tag" taget="_blank" href="/search/Rundom/1.htm">Rundom</a> <div>System类 import java.util.Properties; /** * System: * out:标准输出,默认是控制台 * in:标准输入,默认是键盘 * * 描述系统的一些信息 * 获取系统的属性信息:Properties getProperties(); * * * */ public class Sy</div> </li> <li><a href="/article/3745.htm" title="maven" target="_blank">maven</a> <span class="text-muted">wuai</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>1、安装maven：解压缩、添加M2_HOME、添加环境变量path 2、创建maven_home文件夹，创建项目mvn_ch01,在其下面建立src、pom.xml，在src下面简历main、test、main下面建立java文件夹 3、编写类，在java文件夹下面依照类的包逐层创建文件夹，将此类放入最后一级文件夹 4、进入mvn_ch01 4.1、mvn compile ,执行后会在</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.  </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>