我发现应聘web前端工程师的时候，有时候面试官会问到行元素和块元素的区别，今天小总结一下，共勉之！
以图例来表述行内元素和块级元素的区别会直观些：
行内元素em标签
可见行标签与块标签的区别：
行标签：内容撑开宽度，不可以控制宽和高，它的宽和高随标签里的内容而改变
块标签：撑满行(默认) ，可以用样式控制其宽和高
但行标签img，textarea，select，input是可以设置宽和高并且有效的
转换：
如果要将行内元素转换成块级元素，只需要在该标签内设置样式display:block。
比如：
效果：
所有行内元素和块级元素标签，红色为常见的：
块级元素列表
|
定义地址 |
|
定义表格标题 |
|
定义列表中定义条目 |
|
定义文档中的分区或节 |
|
定义列表 |
|
定义列表中的项目 |
|
定义一个框架集 |
|
创建 HTML 表单 |
|
定义最大的标题 |
|
定义副标题 |
|
定义标题 |
|
定义标题 |
|
定义标题 |
|
定义最小的标题 |
|
创建一条水平线 |
|
元素为 fieldset 元素定义标题 |
|
标签定义列表项目 |
| <![CDATA[</span></td>
<td><span style="font-family:Arial;font-size:16px;">为那些不支持框架的浏览器显示文本，于 frameset 元素内部</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><noscript></span></td>
<td><span style="font-family:Arial;font-size:16px;">定义在脚本未被执行时的替代内容</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><ol></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">定义有序列表</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><ul></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">定义无序列表</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><p></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">标签定义段落</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><pre></span></td>
<td><span style="font-family:Arial;font-size:16px;">定义预格式化的文本</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><table></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">标签定义 HTML 表格</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><tbody></span></td>
<td><span style="font-family:Arial;font-size:16px;">标签表格主体（正文）</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><td></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">表格中的标准单元格</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><tfoot></span></td>
<td><span style="font-family:Arial;font-size:16px;">定义表格的页脚（脚注或表注）</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><th></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">定义表头单元格</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><thead></span></td>
<td><span style="font-family:Arial;font-size:16px;">标签定义表格的表头</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><tr></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">定义表格中的行</span></td>
</tr>
</tbody>
</table>
<table>
<caption>
<span style="font-family:Arial;"><strong>行内元素列表</strong></span>
</caption>
<tbody>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><a></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">标签可定义锚</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><abbr></span></td>
<td><span style="font-family:Arial;font-size:16px;">表示一个缩写形式</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><acronym></span></td>
<td><span style="font-family:Arial;font-size:16px;">定义只取首字母缩写</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><b></span></td>
<td><span style="font-family:Arial;font-size:16px;">字体加粗</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><bdo></span></td>
<td><span style="font-family:Arial;font-size:16px;">可覆盖默认的文本方向</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><big></span></td>
<td><span style="font-family:Arial;font-size:16px;">大号字体加粗</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><br></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">换行</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><cite></span></td>
<td><span style="font-family:Arial;font-size:16px;">引用进行定义</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><code></span></td>
<td><span style="font-family:Arial;font-size:16px;">定义计算机代码文本</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><dfn></span></td>
<td><span style="font-family:Arial;font-size:16px;">定义一个定义项目</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><em></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">定义为强调的内容</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><i></span></td>
<td><span style="font-family:Arial;font-size:16px;">斜体文本效果</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><img></span></td>
<td><span style="font-family:Arial;font-size:16px;">向网页中嵌入一幅图像</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><input></span></td>
<td><span style="font-family:Arial;font-size:16px;">输入框</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><kbd></span></td>
<td><span style="font-family:Arial;font-size:16px;">定义键盘文本</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><label></span></td>
<td><span style="font-family:Arial;font-size:16px;">标签为 input 元素定义标注（标记）</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><q></span></td>
<td><span style="font-family:Arial;font-size:16px;">定义短的引用</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><samp></span></td>
<td><span style="font-family:Arial;font-size:16px;">定义样本文本</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><select></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">创建单选或多选菜单</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><small></span></td>
<td><span style="font-family:Arial;font-size:16px;">呈现小号字体效果</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><span></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">组合文档中的行内元素</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><strong></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">语气更强的强调的内容</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><sub></span></td>
<td><span style="font-family:Arial;font-size:16px;">定义下标文本</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><sup></span></td>
<td><span style="font-family:Arial;font-size:16px;">定义上标文本</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><textarea></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">多行的文本输入控件</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;"><tt></span></td>
<td><span style="font-family:Arial;font-size:16px;">打字机或者等宽的文本效果</span></td>
</tr>
<tr>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;"><var></span></td>
<td><span style="font-family:Arial;font-size:16px;color:#ff6666;">定义变量</span></td>
</tr>
</tbody>
</table>
<span style="font-family:Arial;font-size:16px;"><br></span>
<p><br></p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1292655452806520832"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(html标签)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1835231486664601600.htm"
title="文本编辑器markdown语法" target="_blank">文本编辑器markdown语法</a>
<span class="text-muted">花北城</span>
<a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80%E9%9A%8F%E7%AC%94/1.htm">科技随笔</a><a class="tag" taget="_blank" href="/search/Markdown/1.htm">Markdown</a>
<div>markdown语法1.介绍Markdown是一种使用一定的语法将普通的文本转换成HTML标签文本的编辑语言，它的特点是可以使用普通的文本编辑器来编写，只需要按照特定的语法标记就可以得到丰富多样的HTML格式的文本。2.标题分级"#"->一级标题"##"->二级标题"###"->三级标题3.分割线使用三个或以上的“-”或者“*”表示(混合的不行)4.斜体和粗体使用(*或者_)和(**或者__)分别</div>
</li>
<li><a href="/article/1833742154019729408.htm"
title="html知识点总结" target="_blank">html知识点总结</a>
<span class="text-muted">软件技术NINI</span>
<a class="tag" taget="_blank" href="/search/html%E7%AC%94%E8%AE%B0/1.htm">html笔记</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>HTML（HyperTextMarkupLanguage）总结可以从其定义、基本结构、常用标签以及网页开发工具等多个方面进行阐述。一、HTML定义HTML是一种超文本标记语言，它不是一种编程语言，而是一种用于描述网页内容的标记语言。HTML文档由HTML标签和文本内容组成，这些标签告诉浏览器如何显示页面上的内容。HTML的发展始于1990年，由Web之父TimBerners-Lee发布，并随着互联</div>
</li>
<li><a href="/article/1833662348959772672.htm"
title="HTML5之基础、元信息标签" target="_blank">HTML5之基础、元信息标签</a>
<span class="text-muted">Programmer.杨</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF-HTML/1.htm">前端技术-HTML</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/meta/1.htm">meta</a><a class="tag" taget="_blank" href="/search/head/1.htm">head</a><a class="tag" taget="_blank" href="/search/title/1.htm">title</a><a class="tag" taget="_blank" href="/search/%E6%A0%87%E7%AD%BE/1.htm">标签</a>
<div>标签声明位于文档中最前面的位置，处于标签之前。声明不是一个HTML标签，它是告知Web浏览器该页面使用了哪种HTML版本（规范），浏览器用此版本（规范）对该文档进行解析，渲染。可声明的DTD有三种：分别是严格版本（strict）、过渡版本（transitional）、以及基于框架的版本（frameset），若文档不遵循其DTD规范，则此文档中的代码不但不能通过代码校验，并且有可能无法正常显示。文档</div>
</li>
<li><a href="/article/1832348271473946624.htm"
title="第二百一十六节 JSF教程 - JSF基本标签、JSF表单文本框示例" target="_blank">第二百一十六节 JSF教程 - JSF基本标签、JSF表单文本框示例</a>
<span class="text-muted">程序猿小D</span>
<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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8F%8D%E5%B0%84/1.htm">反射</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/JSF/1.htm">JSF</a>
<div>JSF教程-JSF基本标签JSF提供了一个标准的HTML标签库，它们被渲染成相应的html输出。为了使用这些标签，我们需要在html节点中使用以下URI的命名空间。JSF基本标签以下是JSF2.0中的重要基本标签。标签描述h:inputTexttype=“text"的HTML输入，文本框。h:inputSecrettype=“password"的HTML输入，文本框。h:inputTextarea</div>
</li>
<li><a href="/article/1831967249930481664.htm"
title="标签属性" target="_blank">标签属性</a>
<span class="text-muted">lbon</span>
<div>使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。其基本语法格式如下：内容在上面的语法中，1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。3.任何标签的属性都有默认值，省略该属性则取默认值。采取键值对的格式key="value"的格式比如:属性是宽度值是400建议：尽量不</div>
</li>
<li><a href="/article/1830680029906956288.htm"
title="innerHTML与XSS攻击" target="_blank">innerHTML与XSS攻击</a>
<span class="text-muted">贾明恣</span>
<a class="tag" taget="_blank" href="/search/JavaScript%E5%89%8D%E7%AB%AF%E8%BF%9B%E9%98%B6/1.htm">JavaScript前端进阶</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>HTML5为所有元素提供了一个innerHTML属性，既能获取对象的内容又能向对象插入内容属性值：HTML标签/文本浏览器会将属性值解析为相应的DOM树HTML解析器在浏览器中是底层代码比JavaScript方法快很多，同时意味着替换元素上的关联事件处理程序和JavaScript对象需要手动删除。插入script和style元素的时候需要看具体的浏览器XSS攻击XSS攻击通常指的是通过利用网页开发</div>
</li>
<li><a href="/article/1829839826938064896.htm"
title="Django模板语法和ModelForm" target="_blank">Django模板语法和ModelForm</a>
<span class="text-muted">Q_M_Y_Y</span>
<a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>ModelForm或者Form组件的作用:生成HTML标签对POST过来的表单数据进行验证直接将数据保存到数据库获取表单错误信息Django的管道操作模板时间格式化显示{{item.event_start|date:“Y-m-dH:i:s”}}{{bio|truncatewords:“30”}}{{my_list|first|upper}}{{name|lower}}Mysql时间转Python时</div>
</li>
<li><a href="/article/1829822932243804160.htm"
title="BeautifulSoup：Python网页解析库详解" target="_blank">BeautifulSoup：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/beautifulsoup/1.htm">beautifulsoup</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>BeautifulSoup是一个Python库，用于从HTML或XML文件中提取数据。它能够通过简单的方法处理复杂的HTML文档，并且很容易就能找到你需要的标签和数据。BeautifulSoup的主要特点易于使用：BeautifulSoup提供了简洁的API来提取HTML标签。灵活：可以与lxml、html5lib或html.parser等解析器一起使用。强大：支持导航、搜索、修改解析树等功能。常</div>
</li>
<li><a href="/article/1829759005682135040.htm"
title="scrapy学习笔记0827" target="_blank">scrapy学习笔记0827</a>
<span class="text-muted">github_czy</span>
<a class="tag" taget="_blank" href="/search/scrapy/1.htm">scrapy</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>
<div>1.总之先启动先安装scrapy，pipinstallscrapy创建scrapy项目，生成的项目结构应该如图所示，scrapystartprojectexample选择需要爬取的页面并分析，这里选定的页面是Allproducts|BookstoScrape-Sandbox一个供给爬虫学者练手的网站，我们需要爬取上面的书籍信息，解析我们需要的内容在那一段html标签里可以使用浏览器自带的开发者工具</div>
</li>
<li><a href="/article/1829738462832586752.htm"
title="30分钟从零开始入门拿下 HTML" target="_blank">30分钟从零开始入门拿下 HTML</a>
<span class="text-muted">Y_3_7</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</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/%E9%9D%A2%E8%AF%95/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>
<div>⭐HTML⭐主要内容认识HTML的基本结构,学习常⽤的HTML标签.1.HTML基础1.1什么是HTMLHTML(HyperTextMarkupLanguage),超⽂本标记语⾔.超⽂本:⽐⽂本要强⼤.通过链接和交互式⽅式来组织和呈现信息的⽂本形式.不仅仅有⽂本,还可能包含图⽚,⾳频,或者⾃已经审阅过它的学者所加的评注、补充或脚注等等.标记语⾔:由标签构成的语⾔HTML的标签都是提前定义好的,使⽤</div>
</li>
<li><a href="/article/1829730522553741312.htm"
title="vscode 实用插件" target="_blank">vscode 实用插件</a>
<span class="text-muted">lt要努力</span>
<a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vscode%E6%8F%92%E4%BB%B6/1.htm">vscode插件</a><a class="tag" taget="_blank" href="/search/vscode%E5%AE%9E%E7%94%A8%E6%8F%92%E4%BB%B6/1.htm">vscode实用插件</a>
<div>CodeGeeXAI插件，有点牛逼Chinese(Simplified)LanguagePackforVisualStudioCode设置中文显示openinbrowser从浏览器中查看html文件，使用系统的当前默认浏览器OneDarkPro设置vscode的颜色，这个颜色比默认的黑色更淡，对眼睛没有那么的刺眼AutoCloseTag自动补全html标签AutoImport自动导入包插件Auto</div>
</li>
<li><a href="/article/1829643274059608064.htm"
title="CSS学习" target="_blank">CSS学习</a>
<span class="text-muted">无柳丶先生</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>CSS全称CascadingStyleSheets一种样式表语言，为html标签修饰定义外观，分工不同CSS与HTML关系html是网页的内容css是网页的样式（结构）行内样式表只能对所在标签进行修饰，优先级最高，相对用的少微博内嵌样式表平常练习用的多，写在style标签内.p1{ color:aqua; font-size:25px; font-family:宋体; </div>
</li>
<li><a href="/article/1828946296946388992.htm"
title="HTML标签大合集入门指南" target="_blank">HTML标签大合集入门指南</a>
<span class="text-muted">稿子不爱</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>欢迎来到HTML标签的入门指南！在这里，我们将通过一种结构化的方式来介绍HTML的基本标签和它们的用法。无论你是新手还是想要回顾基础知识，这篇文章都将为你提供有用的信息。HTML文档结构在开始编写HTML文档之前，我们需要了解其基本结构。网页的基本结构HTML标签大合集入门欢迎来到HTML标签大合集入门指南DOCTYPE:是声明页面标准的标签。html:主文档标签。head:包含页面的头部信息，如</div>
</li>
<li><a href="/article/1828890571238895616.htm"
title="HTML 标签大合集：一文入门" target="_blank">HTML 标签大合集：一文入门</a>
<span class="text-muted">彼方᭄゛ঞ</span>
<a class="tag" taget="_blank" href="/search/HTML%E5%9F%BA%E7%A1%80/1.htm">HTML基础</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>导语欢迎来到我们关于HTML标签的全面指南！如果你是网页设计的新手，或者只是想快速回顾一下HTML的基础知识，那么你来对地方了。HTML（超文本标记语言）是构建网页的基石，它定义了网页的结构和内容。在本文中，我们将通过一系列示例来探索HTML的核心元素，帮助你理解如何使用它们来创建引人注目的网页。块级元素与内联元素块级元素块级元素通常用于创建页面结构的“块”，它们在页面中占据整行显示。：块级元素，</div>
</li>
<li><a href="/article/1828729941907304448.htm"
title="前端HTML相关知识" target="_blank">前端HTML相关知识</a>
<span class="text-muted">Xiao Tong333</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>1.什么是HTMLHTML指的是超文本标记语言(HyperTextMarkupLanguage)。超文本:是指页面内可以包含图片、链接、声音,视频等内容标记:标签(通过标记符号来告诉浏览器网页内容该如何显示)浏览器根据不同的HTML标签，解析成我们看到的网页2.HTML的特点HTML不是编程语言，而是标记语言。HTML使用标签的形式来标识网页的不同组成部分HTML文档包含了HTML标签和文本HTM</div>
</li>
<li><a href="/article/1828072837894729728.htm"
title="一文掌握：HTML标签使用全攻略，打造完美网页布局！" target="_blank">一文掌握：HTML标签使用全攻略，打造完美网页布局！</a>
<span class="text-muted">Caleb-niu</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>HTML（超文本标记语言）是构建网页的基石。通过不同的标签，HTML定义了网页的结构和内容。了解各种HTML标签的用法是前端开发的基础。本文将回顾HTML中常见标签的用法，并介绍它们在实际开发中的应用。一、结构性标签这个标签声明文档类型，并指定HTML5标准。它应该是HTML文档的第一行。HTML文档的根元素，包含了整个网页的内容。包含文档的元数据，如标题、字符集声明、链接到CSS文件等。页面标题</div>
</li>
<li><a href="/article/1827536591715921920.htm"
title="html文档组成三要素,解析CSS基本组成三要素" target="_blank">html文档组成三要素,解析CSS基本组成三要素</a>
<span class="text-muted">jeanne4101</span>
<a class="tag" taget="_blank" href="/search/html%E6%96%87%E6%A1%A3%E7%BB%84%E6%88%90%E4%B8%89%E8%A6%81%E7%B4%A0/1.htm">html文档组成三要素</a>
<div>你对CSS的基本语法是否熟悉，这里和大家分享一下，CSS基本语法很简单主要由三个要素组成,分别是选择符、属性和值。CSS中选择符就是赋予内部或者外部样式表的名字，选择符可以是一个HTML标签，或者一个HTML中定义的元素ID。CSS基本语法-选择符、属性和值CSS基本语法很简单主要由三个要素组成,分别是选择符、属性和值。选择符选择符就是赋予内部或者外部样式表的名字,选择符可以是一个HTML标签,或</div>
</li>
<li><a href="/article/1827536339374010368.htm"
title="前台解析html标签,前端知识HTML常用标签" target="_blank">前台解析html标签,前端知识HTML常用标签</a>
<span class="text-muted">Hank君</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%8F%B0%E8%A7%A3%E6%9E%90html%E6%A0%87%E7%AD%BE/1.htm">前台解析html标签</a>
<div>什么是结构表现行为html用于描述页面的结构css用于控制页面中元素的样式javascript用于响应用户操作html超文本标记语言负责三个要素中的结构一个最基本的HTML页面：Documenthtml标签HTML中的标记指的就是标签。HTML使用标记标签来描述网页。标签内容标签名>一级标题我是一个段落p也是一个元素，em是p的子元素，p是em的父元素。内容html5声明怪异模式为了兼容一些旧的模</div>
</li>
<li><a href="/article/1827531800226918400.htm"
title="如何创建HTML文档的基本要素" target="_blank">如何创建HTML文档的基本要素</a>
<span class="text-muted">TYIV20TIR17VGL</span>
<a class="tag" taget="_blank" href="/search/H5/1.htm">H5</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/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>HTML文档也被称为网页【扩展名为.html或者.htm】创建HTML文档打开vscode-文件-新建.html文件，输入!或html:5+回车生成文档基本代码文档基本代码说明文档类型声明不是一个标签，是一条声明、命令作用：告知浏览器以什么样的标准解析文档它是HTML5标准网页声明，告知浏览器用HTML5标准解析。注意：声明不是HTML标签，只是一条指令。声明必须是HTML文档的第一行，位于标签之</div>
</li>
<li><a href="/article/1827101567917060096.htm"
title="使用art-template.js 填充数据是html代码不能直接在页面显示" target="_blank">使用art-template.js 填充数据是html代码不能直接在页面显示</a>
<span class="text-muted">goodTime_luo7</span>
<div>最近使用art-template.js遇到的坑，数据是一段html代码，页面上展示的标签并没有被解析。我一开始以为是因为数据加了引号所以不能显示，然后对它进行数据转换但并没有效果，最后发现是art-template把html标签给转义了，相当于标签被当成文本显示在了页面上。搞清楚原因，下面我们来看下解决办法：比如{{content}}写成{{#content}}就可以哈哈哈哈，是不是很简单。还有一</div>
</li>
<li><a href="/article/1826829454714957824.htm"
title="Web前端：HTML篇（一）" target="_blank">Web前端：HTML篇（一）</a>
<span class="text-muted">梓仁沐白</span>
<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/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>HTML简介：超文本标记语言（英语：HyperTextMarkupLanguage，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用HTML来建立自己的WEB站点，HTML运行在浏览器上，由浏览器来解析。一个简单的实例这是页面标题这是一个标题这是一个段落。运行结果：HTML标签如前所述，HTML是一种标记语言，使用各种标签来格式化内容。这些标签被封装在角括号内.除了一些标签外，大多数标</div>
</li>
<li><a href="/article/1826431426665476096.htm"
title="html中引入css样式表的三种方式,css引用的几种方式是什么？" target="_blank">html中引入css样式表的三种方式,css引用的几种方式是什么？</a>
<span class="text-muted">weixin_39719585</span>
<div>HTML怎么引用CSS样式？css引用的几种方式是什么？下面本篇文章就来给大家介绍一下在HTML中引用CSS样式的几种方法，希望对大家有所帮助。1、行内式在HTML标签中，使用style属性设置CSS样式。网页中css的导入方式2、嵌入式将CSS样式集中写在HTML页面的style标签中a{color:blue}嵌入式一般写在head中，对于单个页面来说，这种方式很方便。3、导入式CSS@impo</div>
</li>
<li><a href="/article/1826399785154867200.htm"
title="Uncaught ReferenceError: getFormData is not defined at HTMLButtonElement.onclick" target="_blank">Uncaught ReferenceError: getFormData is not defined at HTMLButtonElement.onclick</a>
<span class="text-muted">鹿易斯</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a>
<div>场景：HTMLjQuery问题描述使用HTML标签的属性onclick调用JavaScript中方法时报错UncaughtReferenceError:getFormDataisnotdefinedatHTMLButtonElement.onclick提交$(function(){functiongetFormData(){varserializeResult=$("#userform").ser</div>
</li>
<li><a href="/article/1826399152892899328.htm"
title="html页面退出用什么函数,html页面调用js文件里的函数报错onclick is not defined处理方法..." target="_blank">html页面退出用什么函数,html页面调用js文件里的函数报错onclick is not defined处理方法...</a>
<span class="text-muted">Liu Titanium</span>
<a class="tag" taget="_blank" href="/search/html%E9%A1%B5%E9%9D%A2%E9%80%80%E5%87%BA%E7%94%A8%E4%BB%80%E4%B9%88%E5%87%BD%E6%95%B0/1.htm">html页面退出用什么函数</a>
<div>今天处理html标签里的onclick功能的时候总是报错：UncaughtReferenceError:dosaveisnotdefined(…)找了半天都没发现错在哪，最后发现原来是我写法不对，正确写法如下：html：js：dosave=function(){alert("成功啦！");}错误写法一般有以下两种，很致命：functiondosave(){alert("会报错！！");}和vard</div>
</li>
<li><a href="/article/1769345566535385088.htm"
title="使用JavaScript写拖拽案例" target="_blank">使用JavaScript写拖拽案例</a>
<span class="text-muted">诶呦我那个暴脾气</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%8B%96%E6%8B%BD%E6%A1%88%E4%BE%8B/1.htm">拖拽案例</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div>//设置HTML标签中的css样式。//用全局选择器（*）把HTML中的默认样式去掉。//设置一个拖拽用的div盒子。使用绝对定位。css代码：*{margin:0;padding:0;list-style:none;}#box{width:100px;height:100px;background-color:hotpink;position:absolute;cursor:move;}HTML</div>
</li>
<li><a href="/article/1767489491175538688.htm"
title="HTML—基本介绍" target="_blank">HTML—基本介绍</a>
<span class="text-muted">Black—slience</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>HTML是一种超文本标记语言(HyperTextMarkupLanguage)，用于创建网页的标记语言超文本：是指页面内可以包含图片、链接、声音、视频等内容标记：HTML富含大量的标签供程序员使用，通过标记符号来规定指定内容的样式浏览器最终根据不同的HTML标签，解析成日常中所看到的网页HTML文件基本格式(HTML5版本)网页标题标签体闭合标签(封闭的区间)②自闭合标签，没有修饰的内容-->加粗</div>
</li>
<li><a href="/article/1767005673431851008.htm"
title="Svelte之基础知识一" target="_blank">Svelte之基础知识一</a>
<span class="text-muted">开心就是最好</span>
<a class="tag" taget="_blank" href="/search/Svelte/1.htm">Svelte</a><a class="tag" taget="_blank" href="/search/Svelte/1.htm">Svelte</a>
<div>文章目录参考资料什么是Svelte？简介添加数据`{}`动态属性`{}`嵌套组件HTML标签`@html`创建一个应用程序反应性能力赋值`on:click={}`声明`$:`语句`$:{}`更新数组和对象属性Declaringprops`export`属性对象传递`{...xxx}`逻辑if语句`{#ifxxx}...{/if}`else语句`{#ifxxx}...{:else}...{/if}`</div>
</li>
<li><a href="/article/1763150741217828864.htm"
title="微信小程序 --- 常用样式和组件" target="_blank">微信小程序 --- 常用样式和组件</a>
<span class="text-muted">前端 贾公子</span>
<a class="tag" taget="_blank" href="/search/2024/1.htm">2024</a><a class="tag" taget="_blank" href="/search/--/1.htm">--</a><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><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><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
<div>常用样式和组件1.组件和样式介绍在开Web网站的时候：页面的结构由HTML进行编写，例如：经常会用到div、p、span、img、a等标签页面的样式由CSS进行编写，例如：经常会采用.class、#id、element等选择器但在小程序中不能使用HTML标签，也就没有DOM和BOM，同时仅仅支持部分CSS选择器不过不用担心，小程序中提供了同样的角色：其中WXML充当的就是类似HTML的角色，只不过</div>
</li>
<li><a href="/article/1759962727138291712.htm"
title="HTML的特殊字符" target="_blank">HTML的特殊字符</a>
<span class="text-muted">fly in the sky !</span>
<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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>HTML的特殊字符有些特殊的字符在html文件中是不能直接表示的，例如:空格，小于号()，按位与(&)。空格 示例代码：运行结果：由于html标签就是用,就会发生混淆.小于号<示例代码：运行效果：大于号>示例代码：运行效果：按位与&示例代码：</div>
</li>
<li><a href="/article/1759904066709843968.htm"
title="前端| Day6:Flex布局（黑马笔记）" target="_blank">前端| Day6:Flex布局（黑马笔记）</a>
<span class="text-muted">Sunshine.King</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
<div>Day6:Flex布局目录Day6:Flex布局一、标准流二、浮动1.基本使用2.产品区域布局HTML标签CSS样式3.清除浮动场景搭建额外标签法单伪元素法双伪元素法overfow法三、Flex布局1.Flex组成2.主轴对齐方式3.侧轴对齐方式4.修改主轴方向5.弹性伸缩比6.弹性盒子换行7.行内对齐方式四、综合案例抖音解决方案HTML标签CSS样式一、标准流标准流也叫文档流，指的是标签在页面中</div>
</li>
<li><a href="/article/49.htm"
title="辗转相处求最大公约数" target="_blank">辗转相处求最大公约数</a>
<span class="text-muted">沐刃青蛟</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E6%BC%8F%E6%B4%9E/1.htm">漏洞</a>
<div>无言面对”江东父老“了，接触编程一年了，今天发现还不会辗转相除法求最大公约数。惭愧惭愧！
为此，总结一下以方便日后忘了好查找。
1.输入要比较的两个数a,b
忽略：2.比较大小（因为后面要的是大的数对小的数做%操作）
3.辗转相除（用循环不停的取余，如a%b,直至b=0）
4.最后的a为两数的最大公约数
&</div>
</li>
<li><a href="/article/176.htm"
title="F5负载均衡会话保持技术及原理技术白皮书" target="_blank">F5负载均衡会话保持技术及原理技术白皮书</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/F5/1.htm">F5</a><a class="tag" taget="_blank" href="/search/%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1/1.htm">负载均衡</a>
<div>一.什么是会话保持？ 在大多数电子商务的应用系统或者需要进行用户身份认证的在线系统中，一个客户与服务器经常经过好几次的交互过程才能完成一笔交易或者是一个请求的完成。由于这几次交互过程是密切相关的，服务器在进行这些交互过程的某一个交互步骤时，往往需要了解上一次交互过程的处理结果，或者上几步的交互过程结果，服务器进行下</div>
</li>
<li><a href="/article/303.htm"
title="Object.equals方法：重载还是覆盖" target="_blank">Object.equals方法：重载还是覆盖</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/generics/1.htm">generics</a><a class="tag" taget="_blank" href="/search/override/1.htm">override</a><a class="tag" taget="_blank" href="/search/overload/1.htm">overload</a>
<div>本文译自StackOverflow上对此问题的讨论。
原问题链接
在阅读Joshua Bloch的《Effective Java（第二版）》第8条“覆盖equals时请遵守通用约定”时对如下论述有疑问：
“不要将equals声明中的Object对象替换为其他的类型。程序员编写出下面这样的equals方法并不鲜见，这会使程序员花上数个小时都搞不清它为什么不能正常工作：”
pu</div>
</li>
<li><a href="/article/430.htm"
title="初始线程" target="_blank">初始线程</a>
<span class="text-muted">15700786134</span>
<div> 暑假学习的第一课是讲线程，任务是是界面上的一条线运动起来。
既然是在界面上，那必定得先有一个界面，所以第一步就是，自己的类继承JAVA中的JFrame，在新建的类中写一个界面，代码如下：
public class ShapeFr</div>
</li>
<li><a href="/article/557.htm"
title="Linux的tcpdump" target="_blank">Linux的tcpdump</a>
<span class="text-muted">被触发</span>
<a class="tag" taget="_blank" href="/search/tcpdump/1.htm">tcpdump</a>
<div>用简单的话来定义tcpdump，就是：dump the traffic on a network，根据使用者的定义对网络上的数据包进行截获的包分析工具。 tcpdump可以将网络中传送的数据包的“头”完全截获下来提供分析。它支 持针对网络层、协议、主机、网络或端口的过滤，并提供and、or、not等逻辑语句来帮助你去掉无用的信息。
实用命令实例
默认启动
tcpdump
普通情况下，直</div>
</li>
<li><a href="/article/684.htm"
title="安卓程序listview优化后还是卡顿" target="_blank">安卓程序listview优化后还是卡顿</a>
<span class="text-muted">肆无忌惮_</span>
<a class="tag" taget="_blank" href="/search/ListView/1.htm">ListView</a>
<div>最近用eclipse开发一个安卓app，listview使用baseadapter，里面有一个ImageView和两个TextView。使用了Holder内部类进行优化了还是很卡顿。后来发现是图片资源的问题。把一张分辨率高的图片放在了drawable-mdpi文件夹下，当我在每个item中显示，他都要进行缩放，导致很卡顿。解决办法是把这个高分辨率图片放到drawable-xxhdpi下。
&nb</div>
</li>
<li><a href="/article/811.htm"
title="扩展easyUI tab控件，添加加载遮罩效果" target="_blank">扩展easyUI tab控件，添加加载遮罩效果</a>
<span class="text-muted">知了ing</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a>
<div>(function () {
$.extend($.fn.tabs.methods, {
//显示遮罩
loading: function (jq, msg) {
return jq.each(function () {
var panel = $(this).tabs(&</div>
</li>
<li><a href="/article/938.htm"
title="gradle上传jar到nexus" target="_blank">gradle上传jar到nexus</a>
<span class="text-muted">矮蛋蛋</span>
<a class="tag" taget="_blank" href="/search/gradle/1.htm">gradle</a>
<div>原文地址：
https://docs.gradle.org/current/userguide/maven_plugin.html
configurations {
deployerJars
}
dependencies {
deployerJars "org.apache.maven.wagon</div>
</li>
<li><a href="/article/1065.htm"
title="千万条数据外网导入数据库的解决方案。" target="_blank">千万条数据外网导入数据库的解决方案。</a>
<span class="text-muted">alleni123</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>从某网上爬了数千万的数据，存在文本中。
然后要导入mysql数据库。
悲剧的是数据库和我存数据的服务器不在一个内网里面。。
ping了一下， 19ms的延迟。
于是下面的代码是没用的。
ps = con.prepareStatement(sql);
ps.setString(1, info.getYear())............;
ps.exec</div>
</li>
<li><a href="/article/1192.htm"
title="JAVA IO InputStreamReader和OutputStreamReader" target="_blank">JAVA IO InputStreamReader和OutputStreamReader</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/JAVA.io%E6%93%8D%E4%BD%9C+%E5%AD%97%E7%AC%A6%E6%B5%81/1.htm">JAVA.io操作 字符流</a>
<div>这是第三篇关于java.io的文章了，从开始对io的不了解-->熟悉--->模糊，是这几天来对文件操作中最大的感受，本来自己认为的熟悉了的，刚刚在回想起前面学的好像又不是很清晰了，模糊对我现在或许是最好的鼓励 我会更加的去学 加油！：
JAVA的API提供了另外一种数据保存途径，使用字符流来保存的，字符流只能保存字符形式的流
字节流和字符的难点：a,怎么将读到的数据</div>
</li>
<li><a href="/article/1319.htm"
title="MO、MT解读" target="_blank">MO、MT解读</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/GSM/1.htm">GSM</a>
<div>MO= Mobile originate，上行，即用户上发给SP的信息。MT= Mobile Terminate，下行，即SP端下发给用户的信息；
上行:mo提交短信到短信中心下行:mt短信中心向特定的用户转发短信，你的短信是这样的，你所提交的短信，投递的地址是短信中心。短信中心收到你的短信后，存储转发，转发的时候就会根据你填写的接收方号码寻找路由，下发。在彩信领域是一样的道理。下行业务：由SP</div>
</li>
<li><a href="/article/1446.htm"
title="五个JavaScript基础问题" target="_blank">五个JavaScript基础问题</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/call/1.htm">call</a><a class="tag" taget="_blank" href="/search/apply/1.htm">apply</a><a class="tag" taget="_blank" href="/search/this/1.htm">this</a><a class="tag" taget="_blank" href="/search/Hoisting/1.htm">Hoisting</a>
<div>下面是五个关于前端相关的基础问题，但却很能体现JavaScript的基本功底。
问题1：Scope作用范围
考虑下面的代码：
(function() {
var a = b = 5;
})();
console.log(b);
什么会被打印在控制台上？
回答：
上面的代码会打印 5。
&nbs</div>
</li>
<li><a href="/article/1573.htm"
title="【Thrift二】Thrift Hello World" target="_blank">【Thrift二】Thrift Hello World</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Hello+world/1.htm">Hello world</a>
<div>本篇，不考虑细节问题和为什么，先照葫芦画瓢写一个Thrift版本的Hello World，了解Thrift RPC服务开发的基本流程
1. 在Intellij中创建一个Maven模块，加入对Thrift的依赖，同时还要加上slf4j依赖，如果不加slf4j依赖，在后面启动Thrift Server时会报错
<dependency>
</div>
</li>
<li><a href="/article/1700.htm"
title="【Avro一】Avro入门" target="_blank">【Avro一】Avro入门</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/%E5%85%A5%E9%97%A8/1.htm">入门</a>
<div>本文的目的主要是总结下基于Avro Schema代码生成，然后进行序列化和反序列化开发的基本流程。需要指出的是，Avro并不要求一定得根据Schema文件生成代码，这对于动态类型语言很有用。
1. 添加Maven依赖
<?xml version="1.0" encoding="UTF-8"?>
<proj</div>
</li>
<li><a href="/article/1827.htm"
title="安装nginx+ngx_lua支持WAF防护功能" target="_blank">安装nginx+ngx_lua支持WAF防护功能</a>
<span class="text-muted">ronin47</span>
<div>需要的软件:LuaJIT-2.0.0.tar.gz nginx-1.4.4.tar.gz &nb</div>
</li>
<li><a href="/article/1954.htm"
title="java-5.查找最小的K个元素-使用最大堆" target="_blank">java-5.查找最小的K个元素-使用最大堆</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
import java.util.Arrays;
import java.util.Random;
public class MinKElement {
/**
* 5.最小的K个元素
* I would like to use MaxHeap.
* using QuickSort is also OK
*/
public static void</div>
</li>
<li><a href="/article/2081.htm"
title="TCP的TIME-WAIT" target="_blank">TCP的TIME-WAIT</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a>
<div>原文连接：
http://vincent.bernat.im/en/blog/2014-tcp-time-wait-state-linux.html
以下为对原文的阅读笔记
说明：
主动关闭的一方称为local end，被动关闭的一方称为remote end
本地IP、本地端口、远端IP、远端端口这一“四元组”称为quadruplet，也称为socket
1、TIME_WA</div>
</li>
<li><a href="/article/2208.htm"
title="jquery ajax 序列化表单" target="_blank">jquery ajax 序列化表单</a>
<span class="text-muted">coder_xpf</span>
<a class="tag" taget="_blank" href="/search/Jquery+ajax+%E5%BA%8F%E5%88%97%E5%8C%96/1.htm">Jquery ajax 序列化</a>
<div>
checkbox 如果不设定值，默认选中值为on；设定值之后，选中则为设定的值
<input type="checkbox" name="favor" id="favor" checked="checked"/>
$("#favor&quo</div>
</li>
<li><a href="/article/2335.htm"
title="Apache集群乱码和最高并发控制" target="_blank">Apache集群乱码和最高并发控制</a>
<span class="text-muted">cuisuqiang</span>
<a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91/1.htm">并发</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E7%BE%A4/1.htm">集群</a><a class="tag" taget="_blank" href="/search/%E4%B9%B1%E7%A0%81/1.htm">乱码</a>
<div>都知道如果使用Http访问，那么在Connector中增加URIEncoding即可，其实使用AJP时也一样，增加useBodyEncodingForURI和URIEncoding即可。
最大连接数也是一样的，增加maxThreads属性即可，如下，配置如下：
<Connector maxThreads="300" port="8019" prot</div>
</li>
<li><a href="/article/2462.htm"
title="websocket" target="_blank">websocket</a>
<span class="text-muted">dalan_123</span>
<a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a>
<div>一、低延迟的客户端-服务器 和 服务器-客户端的连接
很多时候所谓的http的请求、响应的模式，都是客户端加载一个网页，直到用户在进行下一次点击的时候，什么都不会发生。并且所有的http的通信都是客户端控制的，这时候就需要用户的互动或定期轮训的，以便从服务器端加载新的数据。
通常采用的技术比如推送和comet（使用http长连接、无需安装浏览器安装插件的两种方式：基于ajax的长</div>
</li>
<li><a href="/article/2589.htm"
title="菜鸟分析网络执法官" target="_blank">菜鸟分析网络执法官</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
<div>
最近在论坛上看到很多贴子在讨论网络执法官的问题。菜鸟我正好知道这回事情.人道"人之患好为人师" 手里忍不住,就写点东西吧. 我也很忙.又没有MM,又没有MONEY....晕倒有点跑题.
OK,闲话少说,切如正题. 要了解网络执法官的原理. 就要先了解局域网的通信的原理.
前面我们看到了.在以太网上传输的都是具有以太网头的数据包. </div>
</li>
<li><a href="/article/2716.htm"
title="Android相对布局属性全集" target="_blank">Android相对布局属性全集</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>RelativeLayout布局android:layout_marginTop="25dip" //顶部距离android:gravity="left" //空间布局位置android:layout_marginLeft="15dip //距离左边距
// 相对于给定ID控件android:layout_above 将该控件的底部置于给定ID的</div>
</li>
<li><a href="/article/2843.htm"
title="Tomcat内存设置详解" target="_blank">Tomcat内存设置详解</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/tomcat%E5%86%85%E5%AD%98%E8%AE%BE%E7%BD%AE/1.htm">tomcat内存设置</a>
<div>Java内存溢出详解
一、常见的Java内存溢出有以下三种：
1. java.lang.OutOfMemoryError: Java heap space ----JVM Heap（堆）溢出JVM在启动的时候会自动设置JVM Heap的值，其初始空间(即-Xms)是物理内存的1/64，最大空间(-Xmx)不可超过物理内存。
可以利用JVM提</div>
</li>
<li><a href="/article/2970.htm"
title="Java6 JVM参数选项" target="_blank">Java6 JVM参数选项</a>
<span class="text-muted">greatwqs</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jvm%E5%8F%82%E6%95%B0/1.htm">jvm参数</a><a class="tag" taget="_blank" href="/search/JVM+Options/1.htm">JVM Options</a>
<div>Java 6 JVM参数选项大全（中文版）
作者：Ken Wu
Email: ken.wug@gmail.com
转载本文档请注明原文链接 http://kenwublog.com/docs/java6-jvm-options-chinese-edition.htm！
本文是基于最新的SUN官方文档Java SE 6 Hotspot VM Opt</div>
</li>
<li><a href="/article/3097.htm"
title="weblogic创建JMC" target="_blank">weblogic创建JMC</a>
<span class="text-muted">i5land</span>
<a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a><a class="tag" taget="_blank" href="/search/jms/1.htm">jms</a>
<div>进入 weblogic控制太
1.创建持久化存储
--Services--Persistant Stores--new--Create FileStores--name随便起--target默认--Directory写入在本机建立的文件夹的路径--ok
2.创建JMS服务器
--Services--Messaging--JMS Servers--new--name随便起--Pers</div>
</li>
<li><a href="/article/3224.htm"
title="基于 DHT 网络的磁力链接和BT种子的搜索引擎架构" target="_blank">基于 DHT 网络的磁力链接和BT种子的搜索引擎架构</a>
<span class="text-muted">justjavac</span>
<a class="tag" taget="_blank" href="/search/DHT/1.htm">DHT</a>
<div>上周开发了一个磁力链接和 BT 种子的搜索引擎 {Magnet & Torrent}，本文简单介绍一下主要的系统功能和用到的技术。
系统包括几个独立的部分：
使用 Python 的 Scrapy 框架开发的网络爬虫，用来爬取磁力链接和种子；
使用 PHP CI 框架开发的简易网站；
搜索引擎目前直接使用的 MySQL，将来可以考虑使</div>
</li>
<li><a href="/article/3351.htm"
title="sql添加、删除表中的列" target="_blank">sql添加、删除表中的列</a>
<span class="text-muted">macroli</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
<div>添加没有默认值：alter table Test add BazaarType char(1)
有默认值的添加列：alter table Test add BazaarType char(1) default(0)
删除没有默认值的列：alter table Test drop COLUMN BazaarType
删除有默认值的列：先删除约束（默认值）alter table Test DRO</div>
</li>
<li><a href="/article/3478.htm"
title="PHP中二维数组的排序方法" target="_blank">PHP中二维数组的排序方法</a>
<span class="text-muted">abc123456789cba</span>
<a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F/1.htm">排序</a><a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a>
<div><?php/*** @package BugFree* @version $Id: FunctionsMain.inc.php,v 1.32 2005/09/24 11:38:37 wwccss Exp $*** Sort an two-dimension array by some level </div>
</li>
<li><a href="/article/3605.htm"
title="hive优化之------控制hive任务中的map数和reduce数" target="_blank">hive优化之------控制hive任务中的map数和reduce数</a>
<span class="text-muted">superlxw1234</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/hive%E4%BC%98%E5%8C%96/1.htm">hive优化</a>
<div>一、 控制hive任务中的map数: 1. 通常情况下，作业会通过input的目录产生一个或者多个map任务。 主要的决定因素有： input的文件总个数，input的文件大小，集群设置的文件块大小(目前为128M, 可在hive中通过set dfs.block.size;命令查看到，该参数不能自定义修改)；2. </div>
</li>
<li><a href="/article/3732.htm"
title="Spring Boot 1.2.4 发布" target="_blank">Spring Boot 1.2.4 发布</a>
<span class="text-muted">wiselyman</span>
<a class="tag" taget="_blank" href="/search/spring+boot/1.htm">spring boot</a>
<div>Spring Boot 1.2.4已于6.4日发布，repo.spring.io and Maven Central可以下载(推荐使用maven或者gradle构建下载)。
这是一个维护版本，包含了一些修复small number of fixes,建议所有的用户升级。
Spring Boot 1.3的第一个里程碑版本将在几天后发布，包含许多</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>]]> |
