#HTML教程(标签)

1 .基本结构

 
 
 标题文本...
 
 内容文本...

基本解释

为标识符,它指出了网页遵循的HTML标准,有时还指出了定义规范的文档类型定义(DTD)
包含了组成网页的所有标签
包含了所有提供网页信息的标签,且不包含现在在页面中的信息
包含了所有的文本和其他内容(链接、图片等)
``````````都称为标签

称为根标签

````称为开始标签

````称为结束标签

一般来说,标签都是成对出现的
标签和标签之间可以相互嵌套,但顺序必须一致
标签不区分大小写,但建议使用小写

2.基本标签及其用法

head部分

</code> 标签</p> <blockquote> <p><code><title></code>标题内容<code><title></code><br><br> 将标题内容显示在浏览器的标题栏中,一般简短,易懂</p> </blockquote> </blockquote> <blockquote> <p><code><meta></code>标签</p> <blockquote> <p>元数据(metadata)<br><br> <code><meta name="**" content="**"/></code><br><br> name 和content的作用为描述页面的内容<br></p> </blockquote> </blockquote> <blockquote> <p><code><style></code>标签</p> <blockquote> <p><code><style type="**"></code><br><br> 规定HTMLL元素在浏览器中呈现的样式</p> </blockquote> </blockquote> <h6>body部分<br> </h6> <ul> <li>段落类</li> </ul> <blockquote> <p><code><p></code>标签</p> <blockquote> <p><code><p></code>段落文本<code></p></code><br><br> 将文本分段后输出</p> </blockquote> </blockquote> <blockquote> <p><code><br /></code>标签</p> <blockquote> <p>用于分行,相当于回车换行<br><br> 用在句子的末端</p> </blockquote> </blockquote> <blockquote> <p><code></code>标签</p> <blockquote> <p>文本<code></code>文本<br><br> 将文本分割输出,相当于空格<br></p> </blockquote> </blockquote> <blockquote> <p><code><hr></code>标签</p> <blockquote> <p>用于创建一条水平的线(分割线)<br><br> 用在段落的首端</p> </blockquote> </blockquote> <ul> <li>字体类</li> </ul> <blockquote> <p><code><hx></code>标签(x=1~6)</p> <blockquote> <p><code><hx></code>标题<code></hx></code><br><br> 将文本以标题形式输出<br> 其中<code><h1></code>字体最大,<code><h6></code>相对最小</p> </blockquote> </blockquote> <blockquote> <p><code><strong></code>标签</p> <blockquote> <p><code><strong></code>强调部分<code></strong></code><br><br> 将文本以粗体输出</p> </blockquote> </blockquote> <blockquote> <p><code><em></code>标签</p> <blockquote> <p><code><em></code>强调部分<code></em></code><br><br> 将文本以斜体输出</p> </blockquote> </blockquote> <blockquote> <p><code><span></code>标签</p> <blockquote> <p><code><span></code>强调部分 <code></span></code><br><br> 将文本以特殊形式输出</p> </blockquote> </blockquote> <blockquote> <p><code><font></code>标签<br><br> <code><font></code>要输出的文本<code></font></code><br></p> <blockquote> <p>将文本自定义大小输出<br><br> <code><font size= "1">要输出的文本</font></code><br><br> size可取1~7,其中7最大,1最小<br><br> <br><br> 将文本自定义颜色输出<br><br> <code><font color ="#000000"></font></code><br><br> 其中color后可以接RGB值,也可以用颜色的单词来表示<br></p> </blockquote> </blockquote> <ul> <li>引用</li> </ul> <blockquote> <p><code><q></code>标签</p> <blockquote> <p><code><q></code>引言<code></q></code><br><br> 自动给引言加上<strong>""</strong></p> </blockquote> </blockquote> <blockquote> <p><code><blockquote></code>标签</p> <blockquote> <p><code><blockquote></code>引文<code></blockquote></code><br><br> 自动在页面左右两侧进行缩进处理</p> </blockquote> </blockquote> <blockquote> <p><code><code></code>标签</p> <blockquote> <p><code><code></code>代码<code></code></code><br><br> 将代码完整输出,不改变任何符号<br><br> 只能对一行代码进行输出</p> </blockquote> </blockquote> <blockquote> <p><code><pre></code>标签</p> <blockquote> <p><code><pre></code>代码段<code></pre></code><br><br> 将代码段完整输出,保留空格和换行符<br><br> 不受分行的影响</p> </blockquote> </blockquote> <ul> <li>表格类</li> </ul> <blockquote> <p><code><ul></code>标签</p> <blockquote> <blockquote> <p><code><li></code>一条内容<code></li></code><br><br> <code><li></code>一条内容<code></li></code><br><br> ...<br><br> <code></ul></code><br></p> </blockquote> </blockquote> <p>将信息分条排序<br><br> 通常由"<strong>·</strong>"起行</p> </blockquote> <blockquote> <p><code><ol></code>标签</p> <blockquote> <blockquote> <p><code><li></code>第一条内容<code><li></code><br><br> <code><li></code>第二条内容<code><li></code><br><br> ...<br><br> <code></ol></code><br></p> </blockquote> </blockquote> <p>将信息分条排序<br><br> 每一行都有固定的编号</p> </blockquote> <ul> <li>特殊类</li> </ul> <blockquote> <p><code><address></code>标签</p> <blockquote> <p><code><address></code>地址信息<code></address></code><br><br> 在网页中提供联系信息,通常自动显示为斜体</p> </blockquote> </blockquote> <blockquote> <p><code><div></code>标签</p> <blockquote> <p><code><div></code>...<code></div></code><br><br> 将标签放入div中,可以更清晰的看懂标签的逻辑</p> </blockquote> </blockquote> <blockquote> <p>``</p> <blockquote> <p>注释部分只会在源代码页面显示,从而方便管理员理解代码,而不会在页面中输出</p> </blockquote> </blockquote> <blockquote> <p><code><input type>"..."<placeho.der></code></p> </blockquote> <h3>3.表格</h3> <h6>表格的组成部分<br> </h6> <ul> <li>表题:指出表格包含什么内容.(表题是可选的)</li> <li>表头:标识行、列或两者,通常使用突出的字体.(可选)</li> <li>单元格:表格中的各个方框,包含的可能是表格数据,也可能使表头.</li> <li>表格数据:表格中的值</li> </ul> <h6> <code><table></code>元素 <br> </h6> <blockquote> <p><code><table></code>表格<code></table></code></p> </blockquote> <h6>表格摘要<br> </h6> <blockquote> <ul> <li>提供解释性的信息,从而对表格作简要的介绍<br> </li> </ul> <blockquote> <p>在表格前面的段落中进行描述<br><br> 在表题中进行描述<br><br> 在表题的<details>元素中进行描述<br><br> 在表格后面的示意图或者图题中进行描述</p> </blockquote> </blockquote> <h6>单元格<br> </h6> <ul> <li>表格是逐行定义的,每一行定义都应该包含该行的所有单元格</li> </ul> <blockquote> <p><code><tr></code>表格行..<code></tr></code><br></p> <blockquote> <p>可包括表头单元格或数据单元格<br></p> </blockquote> <p><code><th></code>表头单元格..<code></th></code><br></p> <blockquote> <p>通常为粗体,且在水平和垂直方向上都居中</p> </blockquote> <p><code><td></code>数据单元格..<code></td></code><br></p> <blockquote> <p>使用常规字体显示,在水平方向上左对齐,在竖直方向上居中</p> </blockquote> </blockquote> <p>空单元格</p> <blockquote> <p>在单元格中包含一行换行符<br><br> 如: <code><td><br><td></code></p> </blockquote> <h6>表题<br> </h6> <p>元素<code><caption></code>位于<code><table></code>之内,但位于第一行<code><tr ></code>之前<br></p> <blockquote> <pre><code><table> <caption>表题名称...</caption> <tr > </code></pre> <p>若信息过多,也可以将详细信息隐藏起来<br><br> 在<code><caption></code>中嵌入<code><derails></code>元素,可完成对内容的单击隐藏<br></p> <pre><code><caption> <details>详细内容...</details> </caption> </code></pre> <p><br></p> </blockquote> <h6>设置表格<br> </h6> <ul> <li>设置宽度</li> </ul> <blockquote> <p><code><table border="1" style="width: 100%"></code><br><br> 设置为与浏览器窗口等宽<br></p> </blockquote> <ul> <li>设置边框</li> </ul> <blockquote> <p><code><table border="10" style="width: 100%"></code><br><br> 边框设置为10像素<br></p> </blockquote> <ul> <li>单元格内边距(单元边缘与内容的距离)</li> </ul> <blockquote> <p><code><table cellpadding= "10" border= "1"></code><br> 内边距设置为10像素<br></p> </blockquote> <ul> <li>单元格间距(单元格与单元格的距离)</li> </ul> <blockquote> <p><code><table cellspacing= "8"></code><br> 单元格间距为8像素<br></p> </blockquote> <h6><br></h6> <h6><br></h6> <h3>4.图像</h3> <h6>图像<br> </h6> <h6>图像格式<br> </h6> <blockquote> <p>大多数浏览器都支持的格式:GIF.JPEG.PNG,而HTML5中增加了SVG格式图像的支持<br></p> </blockquote> <ul> <li>GIF<br> </li> </ul> <blockquote> <p>图像交换格式(Graphics Interchange Format)<br><br> 支持简单的动画<br></p> </blockquote> <ul> <li>GPEG<br> </li> </ul> <blockquote> <p>联合图像专家组(Jointment Photographic Experts Group)<br><br> 多用于储存摄影图像</p> </blockquote> <ul> <li>SVG</li> </ul> <blockquote> <p>可缩放的矢量图像<br><br> 可随意改变大小而不会对图像质量有任何影响</p> </blockquote> <ul> <li>PNG</li> </ul> <blockquote> <p>便携式网络图形(Portable Network Graphics)<br><br> 将图像转化为PNG格式,不会丢失任何数据</p> </blockquote> <h6>添加图像</h6> <blockquote> <p><code><img></code>标签</p> <blockquote> <p><code><img></code>标签有两个属性:src和alt<br></p> <blockquote> <p>src:指定图像的URL<br><br> alt:简单的图像文本描述<br></p> </blockquote> </blockquote> <p>可将图片放在<code><body></code>标签中的任意位置</p> <p>指向本地目录<br></p> <blockquote> <p><code>![](image.gif)</code><br></p> </blockquote> <p>指向服务器<br></p> <blockquote> <p><code>![](htp:\\www.****.**/*.gif)</code><br></p> </blockquote> <p>图像替代文本</p> <blockquote> <p><code>![](***.jpg)</code><br><br> 当图像无法显示或加载时会显示<strong>"对图片的文字描述"</strong><br></p> </blockquote> </blockquote> <h6>图像与文本</h6> <blockquote> <p>将图像标签放置在文本标签中,就可以将图片显示在文本内<br></p> </blockquote> <h6>图像的缩放</h6> <blockquote> <p><code><img></code>标签的两个属性<br></p> <blockquote> <p>height和width指定了图像的高度和宽度<br> <code><img mrc="****.png" height="高度" width="宽度"></code><br><br> !!宽度调用</p> </blockquote> </blockquote> <p><br></p> <blockquote> <p>目的</p> <blockquote> <ul> <li>调整浏览器现实的图像尺寸,使其更适合页面</li> <li>让浏览器预先知道图像有多大,有助于浏览器在加载图片完成前,排版正确</li> </ul> </blockquote> </blockquote> <h3>5.链接</h3> <h6>创建链接<br> </h6> <ul> <li>要有链接到的文件名(或URL)</li> <li>要有可单击的链接文本</li> </ul> <h6>链接标签<code><a></code><br> </h6> <blockquote> <p>基本组成部分,href、表示链接的文本、结束标签<br><br> 链接标签<code><a></code>必须包含一些属性<br></p> </blockquote> <ul> <li>本地文件</li> </ul> <blockquote> <p><code>文本<a href="点击链接时将加载的文件">**可被点击的文本**</a></code><br><br> 文本<a href="点击链接时将加载的文件"><strong>可被点击的文本</strong></a><br></p> </blockquote> <ul> <li>web文档</li> </ul> <blockquote> <p><code>文本<a href="网站">**注释**</a></code><br><br> 文本<a href="网站"><strong>注释</strong></a><br></p> </blockquote> <h6>文件的路径</h6> <blockquote> <p>路径分为两种</p> <blockquote> <p>相对路径:http:\****.****<br><br> 绝对路径:本地目录<br</p> </blockquote> </blockquote> <h6>锚(anchor)</h6> <blockquote> <p>用name属性创建一个文档内的标签</p> <blockquote> <p><code><a name="label">锚(显示的文本)</a></code><br><br> <code><a href= "#tips">锚</a></code><br></p> </blockquote> </blockquote> <h3>6.表单</h3> <h6>表单<br> </h6> <blockquote> <p>收集信息并处理</p> </blockquote> <h6>form标签<br> </h6> <blockquote> <p>标签<code><form></code>的两个常用属性action和method<br><br> action: 提交表单的地址(另一个网页的链接或moilto链接)<br><br> method: 提交表单的使用方法,一般分get和post两种<br></p> </blockquote> <p><code><label></code>标签<br></p> <blockquote> <p><code><label></code>描述表单字段的文本<code></label></code></p> </blockquote> <h6> <code><input></code>标签<br> </h6> <ul> <li>input元素由起始标签和结束标签组成,其中其实标签中包含属性.</li> <li>其实标签和结束标签之间没有任何其他内容.</li> </ul> <blockquote> <p>文本 <br><br> 文本框只有一行,无法回车换行<br></p> <pre><code> <label for= "usuername">姓名:</label> <input type="text" id= usuername> </code></pre> <p><label for= "usuername">姓名:</label><br> <input type="text" id= usuername></p> <p>密码<br><br> 密码框中输入的信息会做掩码处理<br></p> <pre><code> <label for= "password">密码:</label> <input type="password" id="password"> </code></pre> <p><label for= "password">密码:</label><br> <input type="password" id="password"></p> <p>单选框<br><br> 同一组选项,name属性必须相同<br></p> <pre><code> <label>性别:</label> <input type="radio" name= "sex" value="male">男 <input type="radio" name= "sex" value="female">女 <input type="radio" name= "sex" value="futa">扶他 </code></pre> <p><label>性别:</label><br> <input type="radio" name= "sex" value="male">男<br> <input type="radio" name= "sex" value="female">女<br> <input type="radio" name= "sex" value="futa">扶他</p> <p>复选框</p> <pre><code> <label>爱好</label> <input type="checkbox" name= "sex" value="male">男 <input type="checkbox" name= "sex" value="female">女 <input type="checkbox" name= "sex" value="futa">扶他 </code></pre> <p><label>爱好:</label><br> <input type="checkbox" name= "sex" value="male">男<br> <input type="checkbox" name= "sex" value="female">女<br> <input type="checkbox" name= "sex" value="futa">扶他</p> <p>下拉列表</p> <pre><code><label for= "sex">我的性别</label> <select id= "sex" name= "sex"> <option value= "男">男</option> <option value= "女">女</option> <option value= "扶她">扶她</option> </select> </code></pre> <p><label for= "sex">我的性别:</label><br> <select id= "sex" name= "sex"><br> <option value= "男">男</option><br> <option value= "女">女</option><br> <option value= "扶她">扶她</option><br> </select></p> <p>提交按钮</p> <pre><code><input type= "submit" value= "提交"> </code></pre> <p><input type= "submit" value= "提交"></p> <p>重置按钮<br><br> 重置按钮可以清空表单中已经填写了的信息<br><br> <input type= "reset" /><br> <input type= "reset" /></p> <p>隐藏文本</p> <pre><code><input type= "hidden" name="country" value="Norway" /> </code></pre> <p><input type= "hidden" name="country" value="Norway" /></p> <p>打开文件</p> <pre><code><input type= "file" name= "pic" accept= "image/gif" /> </code></pre> </blockquote> <h6>textarea标签</h6> <blockquote> <p>多行文本<br></p> <pre><code> <textarea name= "article">文本内容</textarea> </code></pre> </blockquote> <h6><br></h6> <h3>7. 多媒体</h3> <h6> <code><video></code>标签</h6> <blockquote> <p>用法</p> <blockquote> <p><code><video src= "***.mp4"></code></p> </blockquote> <p>作用</p> <blockquote> <p>播放视频</p> </blockquote> <p>属性</p> <blockquote> <p>src <br>要播放视频的地址<br></p> <blockquote> <pre><code><embed src="地址.mp3"> <br> </code></pre> </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <p>height<br> 元素的高度<br></p> <blockquote> <pre><code><height=200> </code></pre> </blockquote> </blockquote> <blockquote> <p>width <br>元素的宽度<br></p> <blockquote> <pre><code><width=200> </code></pre> </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <p>autoplay <br>一个布尔属性,制定是否在网页加载完毕后立即播放视频<br></p> <blockquote> <pre><code><embed src="**" autostart=true>(自动播放) <embed src="**" autostart=false>(手动播放) </code></pre> </blockquote> </blockquote> <blockquote> <p>loop<br>一个布尔属性,如果包含它,将循环播放视频(到达末尾后重新播放,直至手动暂停)<br></p> <blockquote> <pre><code><loop="ture">(自动循环) </code></pre> </blockquote> </blockquote> <blockquote> <p>preload<br>一个布尔属性,如果包含它,浏览器将在页面加载完毕后开始下载视频,为播放所好准备(指定了属性autoplay时,将忽略此属性的设置)<br></p> <blockquote> </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <p>controls <br>一个布尔属性,告诉浏览器是否提供视频播放控件<br></p> <blockquote> </blockquote> </blockquote> <blockquote> <p>poster <br>开始播放视频前显示的图像(封面)<br></p> <blockquote> </blockquote> </blockquote> <blockquote> <p>muted <br>一个布尔属性,如果包含它,视频将没有声音<br></p> <blockquote> </blockquote> </blockquote> </blockquote> </article> </div> </div> </div>  <div id="SOHUCS" sid="1179761065098006528"></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/1892322013918326784.htm" title="使用LM Studio在WordPress基于大模型原创文章上稿进行SEO优化" target="_blank">使用LM Studio在WordPress基于大模型原创文章上稿进行SEO优化</a> <span class="text-muted">Mr数据杨</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E6%8A%80%E6%9C%AF/1.htm">自然语言技术</a><a class="tag" taget="_blank" href="/search/wordpress/1.htm">wordpress</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/seo/1.htm">seo</a><a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a> <div>在进行自动化文章生成与发布的流程中，首先需要确保基础配置的完善性和数据的准确性。通过手动设置分类和标签，文章能够在发布时被准确归类，从而提升SEO的效果。通过Excel表格的方式管理这些分类与标签，结合Python脚本，可以高效地实现自动化文章的生成和发布。该流程依赖于对WordPress数据库的操作，包括标签的批量导入、分类和标签的映射，以及通过AI生成内容的自动发布。全面的配置不仅节省了手动处</div> </li> <li><a href="/article/1892296529092341760.htm" title="前端面试题（HTML篇）" target="_blank">前端面试题（HTML篇）</a> <span class="text-muted">每天一点点~</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1.网络中使用最多的图片格式有哪些？JPEG，GIF，PNG最流行的是JPEG格式，可以把文件压缩到最小在PS以JPEG格式存储时，提供11级压缩等级2.Doctype作用?严格模式与混杂模式如何区分？它们有何意义?声明文档类型声明位于位于HTML文档中的第一行，处于标签之前DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式(严格模式)浏览器按照W3C的标准解析执行代码标准模式(严</div> </li> <li><a href="/article/1892211766507663360.htm" title="AngularJS中文手册前半部分学习" target="_blank">AngularJS中文手册前半部分学习</a> <span class="text-muted">CV战士plus</span> <a class="tag" taget="_blank" href="/search/angular.js/1.htm">angular.js</a><a class="tag" taget="_blank" href="/search/angular.js/1.htm">angular.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>AngularJS简介AngularJS的中文参考手册AngularJS的使用AngularJS是一个JS框架，通过指令(ng-directives)扩展了HTML，且通过表达式绑定数据到HTML，用于开发单一页面应用程序（SPAs：SinglePageApplications）可以通过script标签添加到网页中(建议把脚本放在元素的底部。这会提高网页加载速度，因为HTML加载不受制于脚本加载。</div> </li> <li><a href="/article/1892203451027353600.htm" title="vue3中＜el-table-column＞状态的显示" target="_blank">vue3中＜el-table-column＞状态的显示</a> <span class="text-muted">BillKu</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>方法1：使用作用域插槽+标签{{row.status===1?'启用':'禁用'}}consttableData=[{id:1,name:'数据1',status:1},{id:2,name:'数据2',status:0},//...]方法2：使用formatter格式化显示conststatusFormatter=(row)=>{returnrow.status===1?'启用':'禁用'}自定</div> </li> <li><a href="/article/1892201180193419264.htm" title="最少前缀操作问题--感受不到动态规划，怎么办怎么办" target="_blank">最少前缀操作问题--感受不到动态规划，怎么办怎么办</a> <span class="text-muted">幼儿园口算大王</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a> <div>题目：标签：动态规划（应该是双指针的，不理解）小U和小R有两个字符串，分别是S和T，现在小U需要通过对S进行若干次操作，使其变成T的一个前缀。操作可以是修改S的某一个字符，或者删除S末尾的字符。现在你需要帮助小U计算出，最少需要多少次操作才能让S变成T的前缀。测试样例样例1：输入：S="aba",T="abb"输出：1样例2：输入：S="abcd",T="efg"输出：4样例3：输入：S="xyz</div> </li> <li><a href="/article/1892181126793981952.htm" title="React学习笔记04" target="_blank">React学习笔记04</a> <span class="text-muted">充气大锤</span> <a class="tag" taget="_blank" href="/search/React%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">React学习笔记</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、理解组件通信组件通信就是组件间的数据传递，根据组件嵌套关系的不同，有不同的通信方法。在Vue中组件通信是我们组件间传递数据的一种最常用的方法，我们在Vue中使用props来实现父传子，用$emit实现子传父，在React中如何实现呢？1.1、父传子：1、父组件传递数据：在子组件标签身上绑定属性2、子组件接收数据：props的参数functionSon(props){return{props.n</div> </li> <li><a href="/article/1892152376232570880.htm" title="mac新环境" target="_blank">mac新环境</a> <span class="text-muted">大油油</span> <a class="tag" taget="_blank" href="/search/macos/1.htm">macos</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1、maven设置阿里云镜像打开Maven的settings.xml文件。找到标签，如果没有，可以手动添加。在标签内部添加以下内容：nexus-aliyun*Nexusaliyunhttp://maven.aliyun.com/nexus/content/groups/public这个配置告诉Maven使用阿里云的镜像作为所有仓库的镜像。如果你更喜欢使用淘宝镜像，也可以将URL修改为淘宝的镜像地址</div> </li> <li><a href="/article/1892139021031763968.htm" title="HTML5的新增标签有哪些？" target="_blank">HTML5的新增标签有哪些？</a> <span class="text-muted">「已注销」</span> <a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a> <div>2019-07-3009:46我们都知道，想要成为一名合格的前端开发人员，掌握好HTML5是一个重要的先决条件，相比较于HTML，HTML5中新增了许多功能标签，那么这么标签都有哪些呢？格式：定义文本的文本方向，使其脱离其周围文本的方向设置。定义有记号的文本。定义预定义范围内的度量。定义任何类型的任务的进度。定义若浏览器不支持ruby元素显示的内容。定义ruby注释的解释。定义ruby注释。定义日</div> </li> <li><a href="/article/1892138264207355904.htm" title="1 html5-新标签" target="_blank">1 html5-新标签</a> <span class="text-muted">xiaolongyu3</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%96%B0%E5%AD%A6/1.htm">前端新学</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>年龄稍大一点的码农可能见证了html的发展，亲历了头声明的变化，但是现在起步就是html5,那么html有哪些不为大家常用的新东西呢，这一章我先来谈谈这个问题。1dialog标签——弹窗标签。弹窗可能前端一路走来，见过很多。甚至现在我们在用各种UI库的时候这个弹窗也是必须的一个功能。这个标签支持的api:show:展示弹窗框，采用决定定位，showModal:展示弹窗，并带有遮罩，采用了一个特殊的</div> </li> <li><a href="/article/1892136749694513152.htm" title="HTMl5新增特性有哪些？" target="_blank">HTMl5新增特性有哪些？</a> <span class="text-muted">番茄牛腩汤</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>(1)新增了语义化标签(2)新增了音频视频标签(3)新增了canvas和svg绘图(4)新增了地理定位（navigator.geolocation）(5)新增了拖拽API(drapable)(6)新增了多线程技术webworker(7)新增了即时通讯websocket</div> </li> <li><a href="/article/1892135487041236992.htm" title="HTML5 新特性有哪些？" target="_blank">HTML5 新特性有哪些？</a> <span class="text-muted">IT木昜</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E7%99%BD%E8%AF%9D%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">大白话前端面试题</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>HTML5新特性，你知道几个？语义化标签：HTML5引入了一系列语义化标签，比如代表网页的头部，就像是一本书的封面和目录部分，包含网站标志、导航栏等重要信息；用于导航链接，是网页的“交通指示牌”，方便用户快速找到不同页面；表示独立的文章内容，每一篇新闻报道、博客文章都可以放在这里；用来划分页面的不同区域，像一个商场里不同的楼层分区；代表网页底部，一般放版权信息、联系方式等。这些标签让网页结构更清晰</div> </li> <li><a href="/article/1892132588710064128.htm" title="HTML5+CSS3【容器元素、 HTML5新增布局标签、视频和音频、HTML5新增标签】(五)-全面详解（学习总结---从入门到深化）" target="_blank">HTML5+CSS3【容器元素、 HTML5新增布局标签、视频和音频、HTML5新增标签】(五)-全面详解（学习总结---从入门到深化）</a> <span class="text-muted">童小纯</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%B3%BB%E5%88%97---%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E6%B7%B1%E5%8C%96/1.htm">前端系列---从入门到深化</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>作者简介：大家好，我是小童，Java开发工程师，CSDN博客博主，Java领域新星创作者系列专栏：前端、Java、Java中间件大全、微信小程序、微信支付、若依框架、Spring全家桶如果文章知识点有错误的地方，请指正！和大家一起学习，一起进步如果感觉博主的文章还不错的话，请三连支持一下博主哦博主正在努力完成2023计划中：以梦为马，扬帆起航，2023追梦人目录容器元素（div）学习效果反馈HTM</div> </li> <li><a href="/article/1892131196566040576.htm" title="html5新增的标签有哪些" target="_blank">html5新增的标签有哪些</a> <span class="text-muted">北原_春希</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>HTML5新增的标签主要可以分为几类，以下是按照类别进行分点表示和归纳的HTML5新增标签：结构性标签：:定义文档或节的头部。:定义导航链接。:定义文档中的独立节。:定义文档、页面、应用或网站中独立的内容区域。:定义页面的侧边栏内容。:定义文档或节的页脚。:定义文档的主体内容。多媒体标签：:定义视频或电影。:定义音频内容。:为和元素定义媒体资源。:为和元素定义文本轨道。:定义嵌入的内容，比如插件。</div> </li> <li><a href="/article/1892110113628549120.htm" title="吸烟YOLO数据集，COCO格式" target="_blank">吸烟YOLO数据集，COCO格式</a> <span class="text-muted">鳄鱼的眼药水</span> <a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</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>抽烟吸烟数据集,标签txt，图像已经分好了测试集，验证集，训练集1️⃣可以直接导入YOLO进行训练，没有细分类，里面有的类，闲鱼9.9解君愁，明人不说暗话闲鱼搜索莓格米米私聊</div> </li> <li><a href="/article/1892045160422895616.htm" title="第三章：前端技术栈与性能关联" target="_blank">第三章：前端技术栈与性能关联</a> <span class="text-muted">Young soul2</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/1.htm">前端基础</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>前端开发技术栈主要由HTML、CSS和JavaScript构成，它们相互协作，共同决定了网页的呈现效果和性能表现。了解它们与性能的关联，能帮助开发者更有针对性地进行优化。3.1HTML与性能3.1.1语义化标签的重要性HTML语义化标签，如、、、、、等，不仅能让代码结构更清晰，便于维护和团队协作，还对性能优化有积极作用。语义化标签可以帮助浏览器更好地理解页面结构，从而更高效地进行渲染。例如，一个新</div> </li> <li><a href="/article/1891997760111046656.htm" title="view标签class属性" target="_blank">view标签class属性</a> <span class="text-muted">▍ 小太阳 ☼</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a> <div>其中class的值对应wxss（全局或当前页面）中定义的属性名例：index.js：app.wxss：.container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:200rpx0;box-sizing:border-box;}此时就</div> </li> <li><a href="/article/1891939753830445056.htm" title="应用是非正式发布版本, 当前设备不支持安装。" target="_blank">应用是非正式发布版本, 当前设备不支持安装。</a> <span class="text-muted">Y X L</span> <a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/gradle/1.htm">gradle</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a> <div>今天后端同学要个安装包想体验下，结果apk发过去后，提示不能安装，具体报错如下。出现这个问题是因为AndroidStudio3.0开始会在debugapk的manifest文件application标签里自动添加android:testOnly="true"属性。该属性导致在IDE中使用Run生成的apk在大部分手机上只能用adbinstall-t来安装。如果使用apk直接安装就会报这个错误。解决</div> </li> <li><a href="/article/1891908709790052352.htm" title="day_11_java高级编程_泛型_通配符（560~574）" target="_blank">day_11_java高级编程_泛型_通配符（560~574）</a> <span class="text-muted">yangsen116291</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>泛型泛型：标签：将元素类型设置为参数–>泛型相当于预先规定了当前集合存储的数据类型，再使用当前集合时，自动规范数据类型。泛型只能是类，不能是基本数据类型,此类可以是任意类，不一定是包装类,没指定默认为Object当使用泛型后，重写compateTo和compare方法时不再需要（Obiectoinstanceof指定类）再强转了因为集合中的类型已经规定了，不符合的添加不到集合中，所以直接rentu</div> </li> <li><a href="/article/1891881580834648064.htm" title="Docker--构建镜像" target="_blank">Docker--构建镜像</a> <span class="text-muted">小李学不完</span> <a class="tag" taget="_blank" href="/search/Docker%E5%AE%B9%E5%99%A8%E6%8A%80%E6%9C%AF/1.htm">Docker容器技术</a><a class="tag" taget="_blank" href="/search/eureka/1.htm">eureka</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/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>一、基于容器生成镜像容器启动后是可写的，所有写操作都保存在顶部的可写层中。可以通过dockercommit命令将现有的容器进行提交来生成新的镜像。具体的实现原理是通过对可写层的修改生成新的镜像，因为联合文件系统所允许的层数是有限的，建议通过Dockerfile构建镜像。dockercommit命令用于从容器中创建一个新的镜像，其语法dockercommit[选项]容器[仓库[：标签]]-a选项指定</div> </li> <li><a href="/article/1891880690992082944.htm" title="前端面试题" target="_blank">前端面试题</a> <span class="text-muted">阿芯爱编程</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>以下是一些前端面试题：一、HTML/CSS部分请描述HTML的语义化标签的重要性，并列举一些常用的语义化标签。答案：重要性：对搜索引擎优化（SEO）有帮助，搜索引擎能够更好地理解页面结构，从而提高网站在搜索结果中的排名。提高代码的可读性和可维护性，使开发者更容易理解页面布局和功能逻辑。对于辅助技术（如屏幕阅读器）更友好，能够准确地向用户传达页面内容。常用语义化标签：：定义页面或区域的头部内容，通常</div> </li> <li><a href="/article/1891873861125861376.htm" title="前端高级面试题" target="_blank">前端高级面试题</a> <span class="text-muted">阿芯爱编程</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>以下是一些前端高级面试可能涉及到的内容：一、前端工程化如何构建一个适合大型团队的前端代码规范和构建流程？答案：代码规范方面：使用ESLint结合Prettier来统一JavaScript和CSS（包括预处理器如Sass或Less）的语法风格。例如，规定变量命名采用驼峰命名法，函数名要有明确含义等。对于HTML结构，制定语义化标签的使用规范，如导航栏使用标签，页脚使用标签等。确定组件化的规范，包括组</div> </li> <li><a href="/article/1891818463870119936.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/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a> <div>摘要本文旨在帮助读者在信息爆炸时代构建高效的知识管理体系，提供了知识收藏目录、浏览器书签和电脑文件夹的优化分类方案。知识收藏目录方案包括工作与项目、记录与日常、知识管理等八大类，具有边界清晰、扩展灵活、贴合实际场景等优势。浏览器书签分类方案注重高频工具置顶、设置临时缓冲区和标签辅助管理。电脑文件夹分类方案按角色划分，实行项目制管理，通用层级不超过三层。文章还给出了使用建议，并展望了未来结合AI助手</div> </li> <li><a href="/article/1891807994878947328.htm" title="如何提高网站在百度中的权重？" target="_blank">如何提高网站在百度中的权重？</a> <span class="text-muted">网硕互联的小客服</span> <a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</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><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>要提高网站在百度搜索引擎中的权重，您可以考虑以下方法来优化网站：###提高网站在百度中的权重方法：1.**优化网站内容**：-提供高质量、有价值的内容，确保内容原创、相关性强，能够吸引用户访问并提供有用信息。2.**关键词优化**：-在网站内容中合理使用关键词，包括在标题、META标签、内容中等位置使用关键词，但避免过度堆砌关键词。3.**网站结构优化**：-确保网站结构清晰、易于导航，有良好的内</div> </li> <li><a href="/article/1891800255943471104.htm" title="如何使用EchartS" target="_blank">如何使用EchartS</a> <span class="text-muted">前段技术人</span> <a class="tag" taget="_blank" href="/search/echarts/1.htm">echarts</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1.引入ECharts库你可以通过以下两种方式引入ECharts库：方法一：使用CDN在HTML文件的标签中添加以下代码：EChartsExample方法二：下载并本地引入你可以从ECharts官方网站下载ECharts的压缩包，解压后将echarts.min.js文件复制到你的项目目录中，然后在HTML文件中引入：EChartsExample2.创建DOM容器在HTML文件的标签中创建一个具有指</div> </li> <li><a href="/article/1891780445150965760.htm" title="HTML CSS整理笔记（建议收藏）" target="_blank">HTML CSS整理笔记（建议收藏）</a> <span class="text-muted">程序员的生活1</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>点击链接后退页面：回到上一个网页——修改placeholder提示的样式：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）1.除IE外通用写法类名或标签名::placeholder{color:red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-</div> </li> <li><a href="/article/1891779940672663552.htm" title="一些我不知道的HTML前端基础知识笔记" target="_blank">一些我不知道的HTML前端基础知识笔记</a> <span class="text-muted">han1140521792</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99/1.htm">学习资料</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>点击链接后退页面：回到上一个网页——修改placeholder提示的样式：1.除IE外通用写法类名或标签名::placeholder{color:red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-space:nowrap）、省略号（text-overflow:ellipsis）——常见</div> </li> <li><a href="/article/1891765308008493056.htm" title="机器学习基本篇" target="_blank">机器学习基本篇</a> <span class="text-muted">胖胖的小肥猫</span> <a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>1基本概念机器学习，分为回归，分类，聚类，降维有监督学习回归，分类，有特征，有标签，进行训练，然后对新数据进行预测无监督学习聚类，降维。题目越多，训练越好，2基本流程数据预处理——模型训练与评估可以优化为获取数据——数据预处理——EDA分析——特征工程——模型训练——可解释性分析2.0数据获取利用kaggle,天池等平台的开源数据，2.1预处理目的：让数据更符合逻辑让数据更容易计算借助函数实现变换</div> </li> <li><a href="/article/1891718756141428736.htm" title="机器学习和线性回归、softmax回归" target="_blank">机器学习和线性回归、softmax回归</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/%E7%BA%BF%E6%80%A7%E5%9B%9E%E5%BD%92/1.htm">线性回归</a> <div>监督学习监督学习（supervisedlearning）擅⻓在“给定输⼊特征”的情况下预测标签。每个“特征-标签”对都称为一个样本（example）。我们的目标是生成一个模型，能够将任何输⼊特征映射到标签（即预测）。回归——平方误差损失函数回归（regression）是最简单的监督学习任务之一。分类——交叉熵样本属于“哪一类”的问题称为分类问题回归是训练一个回归函数来输出一个数值；分类是训练一个分</div> </li> <li><a href="/article/1891709421277474816.htm" title="ASP.NET MVC实现layui富文本编辑器应用" target="_blank">ASP.NET MVC实现layui富文本编辑器应用</a> <span class="text-muted">福伴</span> <div>先看看视图层在视图层,使用的是视图助手–HtmlHelper,代替我们网页中传统的表单标签元素,其中的m代表实体模型。通过视图助手，为我们生成id和name属性相同的textarea标签。备注：在ASP.NETMVC中，能提交表单数据的元素（各种类型的input标签，textarea等），其属性name的值于实体模型中的属性名相同时，传递到控制器中的实体模型或参数，会自动进行映射，方便前端到后台的</div> </li> <li><a href="/article/1891708536916865024.htm" title="Python如何播放本地音乐并在web页面播放" target="_blank">Python如何播放本地音乐并在web页面播放</a> <span class="text-muted">玩人工智能的辣条哥</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AEAI/1.htm">开源项目AI</a><a class="tag" taget="_blank" href="/search/Sphere/1.htm">Sphere</a><a class="tag" taget="_blank" href="/search/Butler/1.htm">Butler</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>环境：Python问题描述：Python如何播放本地音乐并在web页面播放解决方案：要在Python中播放本地音乐并在Web页面中播放，您可以采用两种不同的方法：一种是在服务器端使用Python播放音频文件，另一种是创建一个Web应用程序，在客户端通过HTML5的标签来播放音频文件。下面我将分别介绍这两种方法。方法1:使用Python播放本地音乐如果您只是想在服务器端（例如在开发环境中）播放本地音</div> </li> <li><a href="/article/50.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/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/encapsulatopn/1.htm">encapsulatopn</a> <div> 最近一段时间看了很多的视频却忘记总结了，现在只能想到什么写什么了，希望能起到一个回忆巩固的作用。 1、final关键字译为：最终的 &</div> </li> <li><a href="/article/177.htm" title="F5与集群的区别" target="_blank">F5与集群的区别</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E7%BE%A4/1.htm">集群</a><a class="tag" taget="_blank" href="/search/F5/1.htm">F5</a> <div> http请求配置不是通过集群，而是F5；集群是weblogic容器的，如果是ejb接口是通过集群。 F5同集群的差别，主要还是会话复制的问题，F5一把是分发http请求用的，因为http都是无状态的服务，无需关注会话问题，类似</div> </li> <li><a href="/article/304.htm" title="LeetCode[Math] - #7 Reverse Integer" target="_blank">LeetCode[Math] - #7 Reverse Integer</a> <span class="text-muted">Cwind</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a> <div>原题链接：#7 Reverse Integer 要求：按位反转输入的数字例1：输入 x = 123, 返回 321 例2：输入 x = -123, 返回 -321 难度：简单分析：对于一般情况，首先保存输入数字的符号，然后每次取输入的末位（x%10）作为输出的高位（result = result*10 + x%10）即可。但</div> </li> <li><a href="/article/431.htm" title="BufferedOutputStream" target="_blank">BufferedOutputStream</a> <span class="text-muted">周凡杨</span> <div> 首先说一下这个大批量，是指有上千万的数据量。例子：有一张短信历史表，其数据有上千万条数据，要进行数据备份到文本文件，就是执行如下SQL然后将结果集写入到文件中！ select t.msisd</div> </li> <li><a href="/article/558.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>查看/dev/input/eventX是什么类型的事件， cat /proc/bus/input/devices 设备有着自己特殊的按键键码，我需要将一些标准的按键，比如0－9，X－Z等模拟成标准按键，比如KEY_0,KEY-Z等，所以需要用到按键模拟，具体方法就是操作/dev/input/event1文件，向它写入个input_event结构体就可以模拟按键的输入了。 linux/in</div> </li> <li><a href="/article/685.htm" title="ContentProvider初体验" target="_blank">ContentProvider初体验</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/ContentProvider/1.htm">ContentProvider</a> <div>ContentProvider在安卓开发中非常重要。与Activity，Service，BroadcastReceiver并称安卓组件四大天王。在android中的作用是用来对外共享数据。因为安卓程序的数据库文件存放在data/data/packagename里面，这里面的文件默认都是私有的，别的程序无法访问。如果QQ游戏想访问手机QQ的帐号信息一键登录，那么就需要使用内容提供者COnte</div> </li> <li><a href="/article/812.htm" title="关于Spring MVC项目（maven）中通过fileupload上传文件" target="_blank">关于Spring MVC项目（maven）中通过fileupload上传文件</a> <span class="text-muted">843977358</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a><a class="tag" taget="_blank" href="/search/%E4%BF%AE%E6%94%B9%E5%A4%B4%E5%83%8F/1.htm">修改头像</a><a class="tag" taget="_blank" href="/search/%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6/1.htm">上传文件</a><a class="tag" taget="_blank" href="/search/upload/1.htm">upload</a> <div>Spring MVC 中通过fileupload上传文件，其中项目使用maven管理。 1.上传文件首先需要的是导入相关支持jar包：commons-fileupload.jar,commons-io.jar 因为我是用的maven管理项目，所以要在pom文件中配置（每个人的jar包位置根据实际情况定）  </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>