行内元素与块级元素比较全面的区别和转换

原文出自:http://blog.csdn.net/sykent/article/details/7738408

感谢原创作者


引言

一次偶然的面试遇到的题目,虽然当时知道块级元素和行内元素的区别,但是没有仔细去想。

一、行内元素与块级元素

块级元素列表
定义地址
定义表格标题
定义列表中定义条目
定义文档中的分区或节
定义列表
定义列表中的项目
定义一个框架集
创建 HTML 表单

定义最大的标题

定义副标题

定义标题

定义标题
定义标题
定义最小的标题

创建一条水平线
元素为 fieldset 元素定义标题
  • 标签定义列表项目
    </td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 为那些不支持框架的浏览器显示文本,于 frameset 元素内部</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <noscript></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义在脚本未被执行时的替代内容</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <ol></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义有序列表</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <ul></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义无序列表</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <p></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 标签定义段落</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <pre></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义预格式化的文本</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <table></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 标签定义 HTML 表格</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <tbody></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 标签表格主体(正文)</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <td></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 表格中的标准单元格</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <tfoot></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义表格的页脚(脚注或表注)</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <th></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义表头单元格</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <thead></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 标签定义表格的表头</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <tr></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义表格中的行</td> </tr> </tbody> </table> <table style="line-height:21px;width:550px;border-collapse:collapse;font-family:Verdana, Arial, Tahoma;color:rgb(71,71,71);font-size:12px;"> <caption style="font-size:13px;font-weight:bold;"> 行内元素列表 </caption> <tbody> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <a></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 标签可定义锚</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <abbr></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 表示一个缩写形式</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <acronym></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义只取首字母缩写</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <b></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 字体加粗</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <bdo></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 可覆盖默认的文本方向</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <big></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 大号字体加粗</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <br></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 换行</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <cite></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 引用进行定义</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <code></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义计算机代码文本</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <dfn></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义一个定义项目</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <em></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义为强调的内容</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <i></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 斜体文本效果</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <img></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 向网页中嵌入一幅图像</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <input></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 输入框</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <kbd></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义键盘文本</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <label></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 标签为 input 元素定义标注(标记)</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <q></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义短的引用</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <samp></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义样本文本</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <select></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 创建单选或多选菜单</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <small></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 呈现小号字体效果</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 组合文档中的行内元素</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <strong></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 语气更强的强调的内容</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <sub></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义下标文本</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <sup></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义上标文本</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <textarea></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 多行的文本输入控件</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <tt></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 打字机或者等宽的文本效果</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <var></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义变量</td> </tr> </tbody> </table> <table style="line-height:21px;width:550px;border-collapse:collapse;font-family:Verdana, Arial, Tahoma;color:rgb(71,71,71);font-size:12px;"> <caption style="font-size:13px;font-weight:bold;"> 可变元素素列表--可变元素为根据上下文语境决定该元素为块元素或者内联元素 </caption> <tbody> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <button></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 按钮</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <del></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 定义文档中已被删除的文本</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <iframe></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 创建包含另外一个文档的内联框架(即行内框架)</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <ins></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 标签定义已经被插入文档中的文本</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <map></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 客户端图像映射(即热区)</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <object></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> object对象</td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> <script></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-top-color:rgb(183,209,126);border-left-style:solid;border-top-style:solid;border-right-color:rgb(183,209,126);border-right-style:solid;border-left-color:rgb(183,209,126);"> 客户端脚本</td> </tr> </tbody> </table> <p><span style="font-size:10px;"></span><br><span style="font-size:18px;">二、行内元素与块级函数的三个区别</span></p> <p><span style="font-size:18px;">1.行内元素与块级元素直观上的区别</span></p> <p><span style="font-size:18px;">行内元素会在一条直线上排列,都是同一行的,水平方向排列</span></p> <p><span style="font-size:18px;">块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。</span></p> <p><span style="font-size:18px;">2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。</span></p> <p><span style="font-size:18px;">3.行内元素与块级元素属性的不同,主要是盒模型属性上</span></p> <p><span style="font-size:18px;">行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效</span></p> <p><span style="font-size:18px;"><br> 三、行内元素转换为块级元素</span></p> <p><span style="font-size:18px;">display:block (字面意思表现形式设为块级)</span></p> <p><span style="font-size:18px;"><br></span></p> <p><span style="font-size:18px;">//Howard 2016-06-16</span></p> <p><span style="font-size:18px;">补充来自这里的内容:http://bbs.aiyingli.com/forum.php?mod=viewthread&tid=10043</span></p> <p><span style="font-size:18px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;"><br></span></span></p> <p><span style="font-size:18px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;">大多数html元素被定义为两种:块级元素、行业元素(内联元素)</span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;"></span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;">块级元素与行内元素(内联元素)之间的区别主要是:</span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;"></span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;">1、块级元素可以包含行业元素,也可以包含块级元素,行内元素不能包含块级元素,块级元素在浏览器显示时通常会以新行来开始或者结束,内联元素在显示时通常不会以新行开始</span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;"></span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;">2、块级元素可以设置宽高,内联元素在你没有将其转换成块级元素之前是无法设置它的宽高的,内联元素的宽高总是随着自身内容的增减去扩大缩小</span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;"></span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;">注: 很多同学刚开始学习的时候是不是经常遇到这种情况,我当初刚学的时候就郁闷到了,那时候我的观念里面还没有块级元素与行内元素(内联元素)</span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;"></span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;">3、块级元素与行内元素的属性不一样,块级元素设置margin和padding是正常的, 内联元素设置margin和padding的上下是无效的,但是可以使用(line-height)设置它的行高</span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;"></span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;">注: 当你遇到这种情况,可以使用disply:block和display:inline-block;属性进行转换,就可以正常的设置margin和padding,但是如果你不会使用那当真是悲剧了</span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;"></span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;">级元素与行内元素(内联元素)之间的转换主要是:</span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;"></span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;">行内元素转换为块级元素:display:inline-block; 元素为行内块元素。有宽高属性,但不独占一行。</span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;"></span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;">display: block;元素有宽高属性,并且独占一行显示。</span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;"></span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;">块级元素转换为行内元素:display:inline;</span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;"></span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"><span style="font-size:14px;color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;">具体可以试试:</span><br style="color:rgb(68,68,68);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"></span></p> <div class="blockcode" style="overflow:hidden;color:rgb(102,102,102);border:1px solid rgb(204,204,204);font-family:Tahoma, Helvetica, SimSun, sans-serif;font-size:14px;line-height:21px;"> <div id="code_bpk"> <ol> <li style="font-family:Monaco, Consolas, 'Lucida Console', 'Courier New', serif;font-size:12px;line-height:1.8em;">     <div style= "display:inline "> html5前端开发分享一 </div><br></li> <li style="font-family:Monaco, Consolas, 'Lucida Console', 'Courier New', serif;font-size:12px;line-height:1.8em;"> <br></li> <li style="font-family:Monaco, Consolas, 'Lucida Console', 'Courier New', serif;font-size:12px;line-height:1.8em;">     <div style= "display:block "> html5前端开发分享二</div><br></li> <li style="font-family:Monaco, Consolas, 'Lucida Console', 'Courier New', serif;font-size:12px;line-height:1.8em;"> <br></li> <li style="font-family:Monaco, Consolas, 'Lucida Console', 'Courier New', serif;font-size:12px;line-height:1.8em;">     <div style= "display:inline-block ">html5前端开发分享三 </div></li> </ol> </div> <span style="margin-left:43px;font-size:12px;color:rgb(51,102,153) !important;">复制代码</span> </div> <div> <span style="margin-left:43px;font-size:12px;color:rgb(51,102,153) !important;"><br></span> </div> <br> <p></p> <p><span style="font-size:18px;"><br></span></p> <p><span style="font-size:18px;"><br></span></p> </div> <br> <p></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1292629334196035584"></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">你可能感兴趣的:(Web-H5-CSS3-JS)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/107.htm" title="web报表工具FineReport常见的数据集报错错误代码和解释" target="_blank">web报表工具FineReport常见的数据集报错错误代码和解释</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/web%E6%8A%A5%E8%A1%A8/1.htm">web报表</a><a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81/1.htm">代码</a><a class="tag" taget="_blank" href="/search/%E5%8F%AF%E8%A7%86%E5%8C%96%E5%B7%A5%E5%85%B7/1.htm">可视化工具</a> <div>在使用finereport制作报表,若预览发生错误,很多朋友便手忙脚乱不知所措了,其实没什么,只要看懂报错代码和含义,可以很快的排除错误,这里我就分享一下finereport的数据集报错错误代码和解释,如果有说的不准确的地方,也请各位小伙伴纠正一下。 &nbsp; NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码</div> </li> <li><a href="/article/234.htm" title="Java的WeakReference与WeakHashMap" target="_blank">Java的WeakReference与WeakHashMap</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%B1%E5%BC%95%E7%94%A8/1.htm">弱引用</a> <div>首先看看 WeakReference wiki 上 Weak reference 的一个例子: public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea</div> </li> <li><a href="/article/361.htm" title="Linux——(hostname)主机名与ip的映射" target="_blank">Linux——(hostname)主机名与ip的映射</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/hostname/1.htm">hostname</a> <div>一、 什么是主机名 无论在局域网还是INTERNET上,每台主机都有一个IP地址,是为了区分此台主机和彼台主机,也就是说IP地址就是主机的门牌号。但IP地址不方便记忆,所以又有了域名。域名只是在公网(INtERNET)中存在,每个域名都对应一个IP地址,但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的; 主机名是用于什么的呢? 答:在一个局域网中,每台机器都有一个主</div> </li> <li><a href="/article/488.htm" title="oracle 常用技巧" target="_blank">oracle 常用技巧</a> <span class="text-muted">18289753290</span> <div>oracle常用技巧 ①复制表结构和数据 &nbsp; create table &nbsp;temp_clientloginUser as &nbsp; select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into &nbsp;mytable &nbsp;select &nbsp;* &nb</div> </li> <li><a href="/article/615.htm" title="使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException" target="_blank">使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/exception/1.htm">exception</a> <div>有一个线上环境使用的是c3p0数据库,为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou</div> </li> <li><a href="/article/742.htm" title="IT系统分析师如何学习大数据" target="_blank">IT系统分析师如何学习大数据</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>我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢?学习大数据的最佳方法就是先从了解信息系统是如何工作着手,尤其是数据库和基础设施。同样在开始前还需要了解大数据工具,如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能</div> </li> <li><a href="/article/869.htm" title="spring学习——简介" target="_blank">spring学习——简介</a> <span class="text-muted">a-john</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>Spring是一个开源框架,是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发,从简单性,可测试性和松耦合的角度而言,任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性,</div> </li> <li><a href="/article/996.htm" title="自定义颜色的xml文件" target="_blank">自定义颜色的xml文件</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt; &lt;resources&gt; &lt;color name=&quot;white&quot;&gt;#FFFFFF&lt;/color&gt; &lt;color name=&quot;black&quot;&gt;#000000&lt;/color&gt; &</div> </li> <li><a href="/article/1123.htm" title="运营到底是做什么的?" target="_blank">运营到底是做什么的?</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E8%BF%90%E8%90%A5%E5%88%B0%E5%BA%95%E6%98%AF%E5%81%9A%E4%BB%80%E4%B9%88%E7%9A%84%EF%BC%9F/1.htm">运营到底是做什么的?</a> <div>文章来源:夏叔叔(微信号:woshixiashushu),欢迎大家关注!很久没有动笔写点东西,近些日子,由于爱狗团产品上线,不断面试,经常会被问道一个问题。问:爱狗团的运营主要做什么?答:带着用户一起嗨。为什么是带着用户玩起来呢?究竟什么是运营?运营到底是做什么的?那么,我们先来回答一个更简单的问题——互联网公司对运营考核什么?以爱狗团为例,绝大部分的移动互联网公司,对运营部门的考核分为三块——用</div> </li> <li><a href="/article/1250.htm" title="js面向对象类和对象" target="_blank">js面向对象类和对象</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/1.htm">面向对象</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0%E5%88%9B%E5%BB%BA%E7%B1%BB%E5%92%8C%E5%AF%B9%E8%B1%A1/1.htm">函数创建类和对象</a> <div>接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下&nbsp; ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似 &nbsp; 下面介绍一些js的类和对象的创建的技术 &nbsp; 一:类和对</div> </li> <li><a href="/article/1377.htm" title="web.xml之资源管理对象配置 resource-env-ref" target="_blank">web.xml之资源管理对象配置 resource-env-ref</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/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>resource-env-ref元素来指定对管理对象的servlet引用的声明,该对象与servlet环境中的资源相关联 &lt;resource-env-ref&gt; &lt;resource-env-ref-name&gt;资源名&lt;/resource-env-ref-name&gt; &lt;resource-env-ref-type&gt;查找资源时返回的资源类</div> </li> <li><a href="/article/1504.htm" title="Create a composite component with a custom namespace" target="_blank">Create a composite component with a custom namespace</a> <span class="text-muted">sunjing</span> <div>https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace &nbsp; When you developed a composite component the namespace you would be seeing would </div> </li> <li><a href="/article/1631.htm" title="【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter" target="_blank">【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>&nbsp;一、复本集为什么要加入Arbiter这个角色 回答这个问题,要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber? An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a </div> </li> <li><a href="/article/1758.htm" title="Javascript开发笔记" target="_blank">Javascript开发笔记</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div> 获取iframe内的元素 通常我们使用window.frames[&quot;frameId&quot;].document.getElementById(&quot;divId&quot;).innerHTML这样的形式来获取iframe内的元素,这种写法在IE、safari、chrome下都是通过的,唯独在fireforx下不通过。其实jquery的contents方法提供了对if</div> </li> <li><a href="/article/1885.htm" title="Web浏览器Chrome打开一段时间后,运行alert无效" target="_blank">Web浏览器Chrome打开一段时间后,运行alert无效</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/chorme/1.htm">chorme</a><a class="tag" taget="_blank" href="/search/alert/1.htm">alert</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E6%95%88/1.htm">无效</a> <div>今天在开发的时候,突然间发现alert在chrome浏览器就没法弹出了,很是怪异。 试了试其他浏览器,发现都是没有问题的。 开始想以为是chorme浏览器有啥机制导致的,就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。 这样开发的结果,如果客户在使用的时候没有提示,那会带来致命的体验。哎,没啥办法了 就关闭浏览器重启。 &nbsp; 结果就好了,这也太怪异了。难道是cho</div> </li> <li><a href="/article/2012.htm" title="编程之美-高效地安排会议 图着色问题 贪心算法" target="_blank">编程之美-高效地安排会议 图着色问题 贪心算法</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a> <div> import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美 高效地安排会议 图着色问题 贪心算法 * 假设要用很多个教室对一组</div> </li> <li><a href="/article/2139.htm" title="机器学习相关概念和开发工具" target="_blank">机器学习相关概念和开发工具</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>基本概念: 机器学习(Machine Learning, ML)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。 它是人工智能的核心,是使计算机具有智能的根本途径,其应用遍及人工智能的各个领域,它主要使用归纳、综合而不是演绎。 开发工具 M</div> </li> <li><a href="/article/2266.htm" title="[宇宙经济学]关于在太空建立永久定居点的可能性" target="_blank">[宇宙经济学]关于在太空建立永久定居点的可能性</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%BB%8F%E6%B5%8E/1.htm">经济</a> <div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点</div> </li> <li><a href="/article/2393.htm" title="oracle 11g database control 证书错误" target="_blank">oracle 11g database control 证书错误</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E8%AF%81%E4%B9%A6%E9%94%99%E8%AF%AF/1.htm">证书错误</a><a class="tag" taget="_blank" href="/search/oracle+11G+%E5%AE%89%E8%A3%85/1.htm">oracle 11G 安装</a> <div>oracle 11g database control 证书错误&nbsp; win7 安装完oracle11后打开 Database control 后,会打开em管理页面,提示证书错误,点“继续浏览此网站”,还是会继续停留在证书错误页面 解决办法: 是 KB2661254 这个更新补丁引起的,它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告:</div> </li> <li><a href="/article/2520.htm" title="Java I/O之用FilenameFilter实现根据文件扩展名删除文件" target="_blank">Java I/O之用FilenameFilter实现根据文件扩展名删除文件</a> <span class="text-muted">游其是你</span> <a class="tag" taget="_blank" href="/search/FilenameFilter/1.htm">FilenameFilter</a> <div>在Java中,你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。 在这个例子中,我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 </div> </li> <li><a href="/article/2647.htm" title="C语言数组的简单以及一维数组的简单排序算法示例,二维数组简单示例" target="_blank">C语言数组的简单以及一维数组的简单排序算法示例,二维数组简单示例</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/array/1.htm">array</a> <div># include &lt;stdio.h&gt; int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数,并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i&lt;5; ++i) printf(&quot;%d\n&quot;,</div> </li> <li><a href="/article/2774.htm" title="PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引,普通的 UNIQUE 唯一索引" target="_blank">PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引,普通的 UNIQUE 唯一索引</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/primary/1.htm">primary</a> <div>PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引,普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引,用于在一篇文章中,检索文本信息的。举个例子来说,比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段:会员编号&nbsp;&nbsp;&nbsp;INT会员姓名&nbsp;&nbsp;</div> </li> <li><a href="/article/2901.htm" title="java集合辅助类 Collections、Arrays" target="_blank">java集合辅助类 Collections、Arrays</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/Collections/1.htm">Collections</a><a class="tag" taget="_blank" href="/search/Arrays/1.htm">Arrays</a><a class="tag" taget="_blank" href="/search/HashCode/1.htm">HashCode</a> <div>&nbsp; Arrays、Collections &nbsp; 1 )数组集合之间转换 public static &lt;T&gt; List&lt;T&gt; asList(T... a) { return new ArrayList&lt;&gt;(a); } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;a)Arrays.asL</div> </li> <li><a href="/article/3028.htm" title="Spring Security(10)——退出登录logout" target="_blank">Spring Security(10)——退出登录logout</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/logout/1.htm">logout</a><a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/%E9%80%80%E5%87%BA%E7%99%BB%E5%BD%95/1.htm">退出登录</a><a class="tag" taget="_blank" href="/search/logout-url/1.htm">logout-url</a><a class="tag" taget="_blank" href="/search/LogoutFilter/1.htm">LogoutFilter</a> <div>&nbsp; &nbsp; &nbsp; &nbsp;要实现退出登录的功能我们需要在http元素下定义logout元素,这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的,此时我们默认退出登录的URL为“/j_spring_secu</div> </li> <li><a href="/article/3155.htm" title="透过源码学前端 之 Backbone 三 Model" target="_blank">透过源码学前端 之 Backbone 三 Model</a> <span class="text-muted">逐行分析JS源代码</span> <a class="tag" taget="_blank" href="/search/backbone/1.htm">backbone</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%90/1.htm">源码分析</a><a class="tag" taget="_blank" href="/search/js%E5%AD%A6%E4%B9%A0/1.htm">js学习</a> <div>Backbone 分析第三部分&nbsp;&nbsp;Model 概述: Model 提供了数据存储,将数据以JSON的形式保存在 Model的 attributes里, 但重点功能在于其提供了一套功能强大,使用简单的存、取、删、改数据方法,并在不同的操作里加了相应的监听事件, 如每次修改添加里都会触发 change,这在据模型变动来修改视图时很常用,并且与collection建立了关联。 </div> </li> <li><a href="/article/3282.htm" title="SpringMVC源码总结(七)mvc:annotation-driven中的HttpMessageConverter" target="_blank">SpringMVC源码总结(七)mvc:annotation-driven中的HttpMessageConverter</a> <span class="text-muted">乒乓狂魔</span> <a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a> <div>这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter,然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍: public interface HttpMessageConverter&lt;T&gt; { /** * Indicate</div> </li> <li><a href="/article/3409.htm" title="分布式基础知识和算法理论" target="_blank">分布式基础知识和算法理论</a> <span class="text-muted">bluky999</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E8%87%B4%E6%80%A7%E5%93%88%E5%B8%8C/1.htm">一致性哈希</a><a class="tag" taget="_blank" href="/search/paxos/1.htm">paxos</a> <div>&nbsp; 分布式基础知识和算法理论 BY NODEXY@2014.8.12 本文永久链接:http://nodex.iteye.com/blog/2103218 &nbsp; 在大数据的背景下,不管是做存储,做搜索,做数据分析,或者做产品或服务本身,面向互联网和移动互联网用户,已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍,在完善自我知识体系的同</div> </li> <li><a href="/article/3536.htm" title="Android Studio的.gitignore以及gitignore无效的解决" target="_blank">Android Studio的.gitignore以及gitignore无效的解决</a> <span class="text-muted">bell0901</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/gitignore/1.htm">gitignore</a> <div>  github上.gitignore模板合集,里面有各种.gitignore :&nbsp;https://github.com/github/gitignore   自己用的Android Studio下项目的.gitignore文件,对github上的android.gitignore添加了       # OSX files      //mac os下      .DS_Store </div> </li> <li><a href="/article/3663.htm" title="成为高级程序员的10个步骤" target="_blank">成为高级程序员的10个步骤</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a> <div>What 软件工程师的职业生涯要历经以下几个阶段:初级、中级,最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。 &nbsp; Why 得到更多的报酬!因为你的薪水会随着你水平的提高而增加 提升你的职业生涯。成为了高级软件工程师之后,就可以朝着架构师、团队负责人、CTO 等职位前进 历经更大的挑战。随着你的成长,各种影响力也会提高。 </div> </li> <li><a href="/article/3790.htm" title="mongdb在linux下的安装" target="_blank">mongdb在linux下的安装</a> <span class="text-muted">xtuhcy</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>一、查询linux版本号: lsb_release -a&nbsp; LSB Version: &nbsp; &nbsp;:base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa</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>