可省略的html标签及其实践 （本文不讨论xhtml、xml语法）

原贴地址：http://moonless.net/demo/optional-tags/

有些html元素的结束标签是可选的，如：body、 colgroup、 dd、 dt、 head、 html、 li、 optgroup、 option、 p、 tbody、 td、 tfoot、 th、 thead、 tr 等

这些标签不一定需要结束是因为在多数情况下，它们的结束标签通过文档中的另一个标签隐式声明了。例如：在多数web页中，一个段落 <p> 后面通常跟着另一个段落或其它块级标签，浏览器会根据下一个段落的开始标签结束当前段落。

而像 <colgroup> 这样的标签，它们可以包含或不含类似 <col> 这样的特定标签。如果 <colgroup> 没包含 <col> ，即使不写 </colgroup> 也不会引起任何错误（列数可以通过span属性定义）。

√ 不写结束标签能提高页面加载速度

不写结束标签的最大好处是：由于这些标签实际占用了字符，省略它们可以让页面size变得更小。如果你正在寻找提高页面加载速度的方法，处理掉这些可选的结束标签是一个不错的开始。对那些有很多段落、表格的页面来说，这样做能节省不少开销。

√ 不写结束标签能避免textNode出现在元素前后

我们知道根据white-space processing model，源码中标签前后的空白字符在生成dom时，会按照规则进行忽略或合并。后者将成空白字符合并为一个空格，这会带来不少麻烦。

例如将一组块级元素 display 为 inline|inline-block 后，处理其间的空格会很痛苦。

× 不写结束标签可能带来的问题

这里列几个重要的：
写结束标签是为了约束结构
虽然省略了结束标签的web页能快速加载，但它也许马上会变成你的维护负担。 比如，为省略了结束标签的表格添加新行或列时你可能会觉得很痛苦。虽然能用插入缩进来解决，但这同时抵消了不写结束标签提高的那一点点工作效率。
css、js依赖完整元素
虽然多数浏览器可以显示并渲染标签没有闭合的元素，但主动闭合标签能明确js和css的行为。 如果你在使用非常精确的布局，并省去结束标签，这同时意味着放弃了对精度、健壮度的控制——你让浏览器自行判断标签的结束位置，但有时它很棒，有时它很囧……
结束标签有时不能省略
在HTML5中， </p> 标签在后面直接跟大约25种元素时可以被省略。但HTML5中有超过100种元素，你能记住可省略结束标签的每种情形吗？也许不省略它们更容易些。

可选的html标签及其约束

译注1：下表中，如非特别说明， 空白字符 在文档中、节点前后都是可以存在或忽略的

译注2：“空白字符”是指：空格(U+0020)、制表符(U+0009)、换行(U+000A)、回车(U+000D)、换页(U+000C)。

译注3：下表中，“元素”均指 nodeType=1 的dom节点）

注1：省略元素的开始标签并不意味着开始标签不存在，它仍是隐式存在的。例如，一个HTML文档总是有一个根html元素，尽管字符串 <html> 并未在文档中出现。）

注2：如果开始标签含有任何属性定义，开始标签不能省略

可省标签 省略前提
<html>
  • 它的内容不能以 注释 作为开始
</html>
<head>
  • 它是空的
  • 它的内容以元素作为开始
</head>
<body>
</body>
</li>
  • 在当前 li 元素后面的元素是 li
  • 当前 li 元素是父元素的最后一个子元素
</dt>
  • 在当前 dt 元素后面的元素是 dt 或 dd
</dd>
  • 在当前 dd 元素后面的元素是 dd 或 dt
  • 当前 dd 元素是父元素的最后一个子元素
</p>
</rt>
  • 在当前 rt 元素后面的元素是 rt 或 rp
  • 当前 rt 元素是父元素的最后一个子元素
</rp>
  • 在当前 rp 元素后面的元素是 rt 或 rp
  • 当前 rp 元素是父元素的最后一个子元素
</optgroup>
</option>
<colgroup>
  • 它不能是空的
  • 它的内容以 col 元素作为开始，同时在它前面的元素不能是省略了结束标签的 optgroup 。
</colgroup>
</thead>
<tbody>
  • 它不能是空的
  • 它的内容以tr元素作为开始，同时在它前面的元素不能是省略了结束标签的 tbody、thead、tfoot 。
</tbody>
  • 在当前 tbody 元素后面的元素是 tbody 或 tfoot
  • 当前 tbody 元素是父元素的最后一个子元素
</tfoot>
  • 在当前 tfoot 元素后面的元素是 tbody
  • 当前 tfoot 元素是父元素的最后一个子元素
</tr>
  • 在当前 tr 元素后面的元素是 tr
  • 当前 tr 元素是父元素的最后一个子元素
</td>
  • 在当前 td 元素后面的元素是 td 或 th
  • 当前 td 元素是父元素的最后一个子元素
</th>
  • 在当前 th 元素后面的元素是 td 或 th
  • 当前 th 元素是父元素的最后一个子元素

参考资料：

http://webdesign.about.com/od/htmltags/qt/optional-html-end-tags-when-to-include-them.htm

http://www.w3.org/TR/html5/syntax.html#optional-tags

http://www.w3.org/TR/html5/syntax.html#raw-text-elements

你可能感兴趣的:(html标签)

  • ＜电子幽灵＞前端第一件：HTML基础笔记下 靈镌sama 电子幽灵随手记前端html笔记
    HTML基础笔记（下）介绍费曼学习法最重要的部分，即把知识教给一个完全不懂的孩子——或者小白。为了更好的自我学习，也为了让第一次接触某个知识范畴的同学快速入门，我会把我的学习笔记整理成电子幽灵系列。提示：文章的是以解释-代码块-解释的结构呈现的。当你看到代码块并准备复制复现的时候，最好先保证自己看过了代码块前后的解释。＜电子幽灵＞前端第一件：HTML基础笔记上中，最基础的一部分HTML标签和已经以
  • Vue 3 中 h 方法详解 yqcoder 前端javascript开发语言
    在Vue3中，h方法是一个用于创建虚拟DOM节点的函数，它是创建渲染函数的核心工具。一、引入h方法import{h}from"vue";constMyComponent={render(){returnh("div","Hello,Vue3!");},};二、语法h(type,props?,children?)1.type必填参数，表示要创建的节点类型。字符串：表示HTML标签名，如'div'、'
  • 在 Vue 中使用 jQuery-UI 的踩坑记 qmzhna_ vue.jsjqueryui
    在使用leaflet开发的时候，有一个需求要在图层的popup上编辑信息，需要一个AutoComplete的组件。但是popup支持的是htmltemplate，只能通过js拼接HTML标签实现。不得已引入了jquery-ui中的AutoComplete组件来完成，在vue中使用jquery-ui过程中踩了不少坑。安装和引入jQuery和jQueryUI首先，我们需要在项目中安装jQuery和jQ
  • Vue实例及组件 Yannick_H Y-Y滴前端日志基本概念（笔记）vue.js前端javascript
    目录一、Vue实例的属性和方法1.什么是vue实例：又称为Vue组件（1）Vue2.0创建Vue组件方法（2）Vue3.0创建Vue组件的方法2.Vue组件的属性3.Vue组件中的函数（1）限流函数二、表单数据的双向绑定三、Vue组件的样式绑定1.为HTML标签绑定class属性（1）绑定class属性，由绑定变量来决定应用哪个样式（2）可以将样式直接设置成Vue组件中的数据对象2.绑定内联样式四
  • IDE：vscode常用插件 十秒耿直拆包选手 IDE&OSidevscode
    BetterComments一款美化注释的插件，可以根据不同种类的注释，显示不同的颜色，一目了然。BracketPairColorizer/BracketPairColorizer2这是一个找对象的插件，不是帮你们找对象啊，是帮你找到括号的另一半。HighlightMatchingTag这也是一个找对象的插件，找的是标签的对象，看我上一个插件的演示图片中，当我点击一下html标签，配对的标签就会出
  • Vue-10-前端框架Vue之应用基础标签的ref属性和TS中的接口泛型自定义类型 皮皮冰燃 Vue前端框架vue.js前端
    文章目录1html标签1.1App.vue1.1.1App.vue(vue2语法)1.1.2App.vue(vue3语法)1.2Person.vue1.3问题复现(App.vue)1.4解决方案(ref属性)1.4.1App.vue1.4.2Person.vue2组件标签2.1App.vue2.2Person.vue3TypeScript语法3.1接口3.1.1types/index.ts3.1.
  • html标签之form表单标签，用于数据提交 网小鱼的学习笔记 Pythonhtml前端
    table表单用户注册表单用户注册用户名:密码:性别:男女爱好:篮球足球游泳健身学历:专科本科研究生博士烈士照片:个人简介:结果展示
  • 2024-2025学年度下期《网页设计》期末模拟测试 梅洪 考试前端html
    一、单选题1.HTML文档的根标签是()A.B.C.D.2.用于定义段落内容的标签是：()A.B.C.D.3.网以下哪个属性用于定义CSS内联样式()A.classB.idC.styleD.src4.插入图片的正确HTML标签是：()A.B.C.D.5.以下哪个标签用于水平分隔线?()A.B.C.D.6.默认情况下，的字体大小比()A.大B.小C.相同D.无法比较7.CSS中设置字体颜色的属性是：
  • Vue.js 中的 h() 渲染函数：深入解析与应用 代码简单说 开发必备2025开发必备(限时特惠)vue.js前端javascript渲染函数
    引言在Vue.js框架中，h()函数是一个强大的工具，它允许开发者以编程方式创建虚拟DOM节点（VNodes）。这种能力不仅提供了灵活性，还有助于优化性能。本文将深入探讨h()函数的使用方法，并展示其在实际项目中的应用场景。一、h()渲染函数基础1.1语法概览h()函数接受三个参数，后两个参数是可选的：type：要创建的节点类型，可以是HTML标签、组件或函数式组件。props：节点的属性对象，包
  • Vue3 渲染函数 API（五） **之火 vue3vue.js前端框架Vue3
    h()h函数用于创建并返回一个虚拟节点（VNode）h(tag,//HTML标签名、组件对象或异步组件函数data,//一个包含组件的props/attrs/domProps/on等的对象children//子虚拟节点(VNodes)，由h()构建而成，//也可以使用字符串来生成“文本虚拟节点”)import{h,createApp}from'vue'constMyComponent={rende
  • 微博评论数据爬取 Jack-jlj python开发语言
    项目功能简介我们将实现的功能包括：✅输入任意微博ID，自动抓取其热评✅支持翻页抓取（通过max_id控制）✅随机等待防止反爬机制✅自动清洗评论内容中的HTML标签✅自动转换评论时间与用户性别字段✅评论内容+用户信息全量保存为CS所需环境bash复制编辑pipinstallrequestspandas核心代码解析1.工具函数：处理时间和性别字段python复制编辑deftrans_time(v_st
  • # 我使用过的 HTML + CSS 实践总结笔记（含说明） 希希不嘻嘻～傻希希 csshtml前端htmlcss笔记
    一、我用过的HTML标签常见结构与内容标签，构成网页的基本骨架和显示内容。类别标签列表说明文档结构,,,网页基础框架结构元信息,,设置网页编码、标题、内部样式等信息文字结构,,分段、换行、添加水平线样式辅助,,布局容器、内联文本、超链接标签标题标签~页面结构层级标题表格标签,,,表格结构与单元格设置表单标签,,,,用于创建表单与用户输入项图片插入用于网页中插入图片二、我用过的CSS属性控制网页外观
  • vscode编辑器好用插件大全 桉叶柒 vscode编辑器ide
    1.AutoCloseTag——自动闭合尾部的标签2.AtuoRenameTag——修改html标签自动帮你完成头部和尾部闭合标签的同步修改3.BracketPairColorizer——用于颜色匹配括号4.Chinese（Simplified）LanguagePackforVisualStudioCode——汉化VsCode5.CodeSpellChecker——代码拼写检查器6.EasyLES
  • Python爬虫实战：研究Bleach库相关技术 ylfhpy 爬虫项目实战python爬虫php开发语言htmljavascript
    一、引言1.1研究背景与意义随着互联网的快速发展，网络上的数据量呈爆炸式增长。网络爬虫作为一种自动获取网页内容的技术，能够高效地从互联网上收集所需信息，为数据分析、信息检索、舆情监测等应用提供基础。然而，爬取到的网页内容往往包含大量的HTML标签、JavaScript代码和其他潜在的安全风险，直接使用这些内容可能会导致XSS攻击、代码注入等安全问题。Bleach是Python中一个专门用于安全地处
  • Vue中虚拟DOM的原理与作用 一个儒雅随和的男子 vue.js前端javascript
    绪论首先我们先了解，DOM（DocumentObjectModel，文档对象模型）是浏览器对HTML/XML文档的结构化表示，它将文档解析为一个由节点（Node）和对象组成的树形结构（称为DOM树），允许程序（如JavaScript）动态访问、修改文档的内容、结构和样式。DOM的本质是树形结构：浏览器加载HTML后，会将其解析为逻辑上的树状结构，每个HTML标签、属性、文本都是一个节点（Node）
  • CSS选择器使用详解
    CSS选择器是CSS的核心组成部分，用于精准定位HTML元素并应用样式。以下是系统化的分类讲解：一、基础选择器元素选择器直接使用HTML标签名：css复制下载p{color:blue;}/*所有元素*/类选择器（Class）使用.前缀：css复制下载.warning{border:1pxsolidred;}/*class="warning"的元素*/ID选择器使用#前缀（文档中唯一）：css复制下
  • 2025.4.15 CSS与CSS盒子模型学习笔记 枣树一 css学习笔记
    一、CSS概述CSS（CascadingStyleSheets）：层叠样式表，用于控制网页的外观和格式。它通过将样式与HTML结构分离，提高了网页的可维护性和可扩展性。CSS的作用：设置字体、颜色、间距等视觉效果。控制布局，如页面的排版和元素的定位。提升用户体验，通过动画和交互效果增强页面的动态性。CSS的引入方式：内联样式：直接在HTML标签中使用style属性。例如：文本。这种方式优先级最高，
  • Web安全：XSS、CSRF等常见漏洞及防御措施 一小条咸鱼 前端
    Web安全：XSS、CSRF等常见漏洞及防御措施一、XSS（跨站脚本攻击）定义与原理XSS攻击指攻击者将恶意脚本（如JavaScript、HTML标签）注入到Web页面中，当用户访问该页面时，脚本在浏览器端执行，从而窃取用户信息、劫持会话或篡改页面内容。根据注入方式和持久性分为：存储型XSS：恶意脚本存储在服务器数据库（如评论、留言板），持久存在，每次用户访问时触发。反射型XSS：通过URL参数（
  • Visual studio 中使用ZenCoding BinField asphtml工具服务器css2010
    Zencoding是一种快速编写HTML/CSS代码的插件，针对不同的编辑器有很多不同的版本，下面有一个动态演示图：这里有一个下载地址：ZenCoding下载VS2010插件下载地址：点击打开链接安装完成之后VS的工具选项中就会有一个菜单：这时就可以在vs中快速输入html和css了但是这时只能输入基本的html标签，想输入asp控件怎么办，这就是本文编写的目的了，快速输入asp服务器控件代码首先
  • html中span隐藏属性,span标签的class属性 寒水微痕 html中span隐藏属性
    spanclass什么意思span英文为跨度的意思，但是在网页制作中它是html标签的一种完整标签为标签被用来组合文档中的行内元素。class在html中用来定义标签的样式，可重复利用，针对不同的标签它可以定义长宽高以及背景颜色等等...例如、,其中main为class名字在css你想不想使用js？如果用js的话，构造一个函数，window.οnlοad=function(){varoSpan=d
  • 从【0-1的HTML】第1篇：HTML简介 棉花糖超人 HTML前端html前端
    1HTML简介HTML是用来描述网页的一种语言,是超文本标记语言的缩写(HyperTextMarkupLanguage),不属于编程语言的范畴，属于一种标记语言。标记语言使用一套标记标签(Markuptag)，又称为标签,HTML就是使用标记标签来描述网页。1.2HTML标签1、HTML标签是由尖括号报文的关键词2、HTML标签通常是成对出现3、标签对中第一个标签称为开始标签，第一个标签是结束标签
  • 让用户忍不住点击的轮播广告！前端开发必学的电商黄金位实现技巧 html
    摘要本文基于一个电商广告轮播需求，修复并优化了原始代码中的语法错误和功能缺陷，实现了一个支持自动轮播、点击跳转的商品展示广告模块。该方案可直接应用于电商网站首页的促销广告位，提升用户购物体验和商品曝光率。描述在电商网站运营中，首页首屏的广告位至关重要。原始代码尝试实现一个420x400px的轮播广告位，展示电饭煲、加湿器、洗衣机、油烟机四款商品，但存在以下问题：HTML标签语法错误（如、）Java
  • 从网页结构到数据提取：Python 爬虫的精准定位 西攻城狮北 python爬虫实战案例
    引言1.理解爬虫基本原理1.1HTTP请求与响应2.网页的基本结构2.1HTML标签3.网页解析工具3.1使用BeautifulSoup3.1.1基本用法3.1.2CSS选择器3.2使用XPath3.2.1安装lxml4.数据提取实战案例4.1分析目标网站4.2编写爬虫代码使用BeautifulSoup提取数据使用XPath提取数据5.动态网页爬取5.1安装Selenium和浏览器驱动5.2Sel
  • 【零基础入门HTML】第一课：认识网页的“骨架” - HTML基础标签详解 上单带刀不带妹 html前端
    一切网页都是从HTML开始的。它就像建房子的骨架和砖块，决定了网页的结构和内容。今天，我就把我学到的最基础、最重要的HTML标签整理分享出来，希望能帮到同样刚开始的你。我们不讲太深奥的理论，就用最通俗易懂的方式，一起认识这些网页世界的“小积木”！一、HTML是什么？为什么需要它？想象一下你要搭建一个乐高模型：你需要图纸：告诉你哪里放窗户，哪里放门，哪里是墙。你需要积木：各种形状、颜色的砖块来构建结
  • HTML CSS 相关面经 Allez-G HTMLCSS面经html5css3
    页面导入样式，使用link与@import有什么区别（4）link是html标签@import是css独有的link是页面加载的时候同步加载，而@import是css加载完成后才加载link没有兼容性问题@import不能兼容ie以下的link支持dom操作，@import不可以描述块级元素与行内元素的区别？块级元素占一整行会自动换行垂直方向排列，行内元素与其他行内元素并排一行，水平方向排列块级元
  • *HTML `＜script＞` 标签中的核心属性解析：掌控脚本加载与执行的艺术 coding随想 JavaScripthtml前端
    HTML标签中的核心属性：掌控脚本加载与执行的艺术在网页开发中，标签是JavaScript的“入口”。它不仅决定了脚本如何加载和执行，还深刻影响着页面性能、安全性和跨域策略。本文将深入解析标签中常见的8个核心属性，帮助你更好地掌握前端开发中的关键细节。1.src：脚本的来源地址src是标签最基础的属性，用于指定外部JavaScript文件的路径。当浏览器遇到带有src的标签时，会暂停HTML解析，
  • PHP生成PDF方法 我是我们村的村长 phpphp
    TCPDF具有以下特性：1、支持页面页脚；2、支持HTML标签代码；3、支持jpg/png/gif/svg图形图像；4、支持表格；5、支持中文字符；（有些PDF类不支持中文或者处理中文相当麻烦）6、自动分页，自动页码，等等。如何使用您可以从TCPDF官网获取最新版本：http://www.tcpdf.org。官网提供了几十个示例以及说明文档，下载解压后一定要注意文件路径，如何使用TCPDF，可以从
  • Web 前端八股文之 HTML 核心知识问答 培风图南以星河揽胜 前端前端html
    目录一、HTML5基础概念1.什么是HTML5？它和HTML有什么关系？2.HTML5的DOCTYPE声明有什么作用？二、HTML标签相关1.HTML标签有哪些常见形式？2.请简述HTML5基本骨架中各主要标签的作用。3.标题标签4.图片标签有哪些重要属性？图片路径有哪几种类型？三、HTML列表与表格1.有序列表和无序列表的标签分别是什么？它们的type属性有哪些取值？2.表格标签由哪些组成？单元
  • java 通过正则表达式 获取纯文本信息 筱伢 javahtmlJava正则表达式HTMLString
    在java中，jeditorpane中，可以使用html格式，从而保证文本和图片的写入，为了对html中的文字部分设置样式，需要将文字部门全部提取出来，,在网上查出来的这段代码能删除html中的标签.publicstaticStringHtml2Text(StringinputString){StringhtmlStr=inputString;//含html标签的字符串StringtextStr=
  • MATLAB NLP 工具箱 文本预处理教程 tyatyatya MATLAB教程matlab自然语言处理开发语言
    文章目录前言一、文本预处理核心步骤二、MATLAB实现示例三、高级预处理技术四、预处理流程整合五、性能优化与注意事项六、实战案例：IMDB影评预处理前言以下是MATLAB自然语言处理(NLP)工具箱的文本预处理教程，涵盖核心步骤、代码实现及最佳实践。一、文本预处理核心步骤文本清理：去除HTML标签、特殊字符、数字等分词：将文本拆分为单词或子词大小写统一：通常转换为小写停用词过滤：移除无实际意义的高
  • jQuery 键盘事件keydown ,keypress ,keyup介绍 107x jsjquerykeydownkeypresskeyup
    本文章总结了下些关于jQuery 键盘事件keydown ,keypress ,keyup介绍，有需要了解的朋友可参考。 一、首先需要知道的是： 1、keydown() keydown事件会在键盘按下时触发. 2、keyup()  代码如下 复制代码 $('input').keyup(funciton(){      
  • AngularJS中的Promise bijian1013 JavaScriptAngularJSPromise
    一.Promise         Promise是一个接口，它用来处理的对象具有这样的特点：在未来某一时刻（主要是异步调用）会从服务端返回或者被填充属性。其核心是，promise是一个带有then()函数的对象。         为了展示它的优点，下面来看一个例子，其中需要获取用户当前的配置文件： var cu
  • c++ 用数组实现栈类 CrazyMizzz 数据结构C++
    #include<iostream> #include<cassert> using namespace std; template<class T, int SIZE = 50> class Stack{ private: T list[SIZE];//数组存放栈的元素 int top;//栈顶位置 public: Stack(
  • java和c语言的雷同 麦田的设计者 java递归scaner
    软件启动时的初始化代码，加载用户信息2015年5月27号 从头学java二 1、语言的三种基本结构：顺序、选择、循环。废话不多说，需要指出一下几点：      a、return语句的功能除了作为函数返回值以外，还起到结束本函数的功能，return后的语句 不会再继续执行。      b、for循环相比于whi
  • LINUX环境并发服务器的三种实现模型 被触发 linux
    服务器设计技术有很多，按使用的协议来分有TCP服务器和UDP服务器。按处理方式来分有循环服务器和并发服务器。 1  循环服务器与并发服务器模型 在网络程序里面，一般来说都是许多客户对应一个服务器，为了处理客户的请求，对服务端的程序就提出了特殊的要求。 目前最常用的服务器模型有： ·循环服务器：服务器在同一时刻只能响应一个客户端的请求 ·并发服务器：服
  • Oracle数据库查询指令 肆无忌惮_ oracle数据库
    20140920   单表查询 -- 查询************************************************************************************************************ -- 使用scott用户登录   -- 查看emp表   desc emp  
  • ext右下角浮动窗口 知了ing JavaScriptext
    第一种 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/
  • 浅谈REDIS数据库的键值设计 矮蛋蛋 redis
    http://www.cnblogs.com/aidandan/ 原文地址：http://www.hoterran.info/redis_kv_design 丰富的数据结构使得redis的设计非常的有趣。不像关系型数据库那样，DEV和DBA需要深度沟通，review每行sql语句，也不像memcached那样，不需要DBA的参与。redis的DBA需要熟悉数据结构，并能了解使用场景。
  • maven编译可执行jar包 alleni123 maven
    http://stackoverflow.com/questions/574594/how-can-i-create-an-executable-jar-with-dependencies-using-maven <build> <plugins> <plugin> <artifactId>maven-asse
  • 人力资源在现代企业中的作用 百合不是茶 HR 企业管理
    //人力资源在在企业中的作用人力资源为什么会存在，人力资源究竟是干什么的 人力资源管理是对管理模式一次大的创新，人力资源兴起的原因有以下点： 工业时代的国际化竞争，现代市场的风险管控等等。所以人力资源 在现代经济竞争中的优势明显的存在，人力资源在集团类公司中存在着 明显的优势(鸿海集团)，有一次笔者亲自去体验过红海集团的招聘，只 知道人力资源是管理企业招聘的 当时我被招聘上了，当时给我们培训 的人
  • Linux自启动设置详解 bijian1013 linux
    linux有自己一套完整的启动体系，抓住了linux启动的脉络，linux的启动过程将不再神秘。 阅读之前建议先看一下附图。 本文中假设inittab中设置的init tree为： /etc/rc.d/rc0.d /etc/rc.d/rc1.d /etc/rc.d/rc2.d /etc/rc.d/rc3.d /etc/rc.d/rc4.d /etc/rc.d/rc5.d /etc
  • Spring Aop Schema实现 bijian1013 javaspringAOP
    本例使用的是Spring2.5 1.Aop配置文件spring-aop.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmln
  • 【Gson七】Gson预定义类型适配器 bit1129 gson
    Gson提供了丰富的预定义类型适配器，在对象和JSON串之间进行序列化和反序列化时，指定对象和字符串之间的转换方式，   DateTypeAdapter   public final class DateTypeAdapter extends TypeAdapter<Date> { public static final TypeAdapterFacto
  • 【Spark八十八】Spark Streaming累加器操作（updateStateByKey) bit1129 update
    在实时计算的实际应用中，有时除了需要关心一个时间间隔内的数据，有时还可能会对整个实时计算的所有时间间隔内产生的相关数据进行统计。 比如： 对Nginx的access.log实时监控请求404时，有时除了需要统计某个时间间隔内出现的次数，有时还需要统计一整天出现了多少次404，也就是说404监控横跨多个时间间隔。   Spark Streaming的解决方案是累加器，工作原理是，定义
  • linux系统下通过shell脚本快速找到哪个进程在写文件 ronin47
    一个文件正在被进程写 我想查看这个进程 文件一直在增大 找不到谁在写 使用lsof也没找到 这个问题挺有普遍性的，解决方法应该很多，这里我给大家提个比较直观的方法。 linux下每个文件都会在某个块设备上存放，当然也都有相应的inode, 那么透过vfs.write我们就可以知道谁在不停的写入特定的设备上的inode。 幸运的是systemtap的安装包里带了inodewatch.stp，位
  • java-两种方法求第一个最长的可重复子串 bylijinnan java算法
    import java.util.Arrays; import java.util.Collections; import java.util.List; public class MaxPrefix { public static void main(String[] args) { String str="abbdabcdabcx";
  • Netty源码学习-ServerBootstrap启动及事件处理过程 bylijinnan javanetty
    Netty是采用了Reactor模式的多线程版本，建议先看下面这篇文章了解一下Reactor模式： http://bylijinnan.iteye.com/blog/1992325 Netty的启动及事件处理的流程，基本上是按照上面这篇文章来走的 文章里面提到的操作，每一步都能在Netty里面找到对应的代码 其中Reactor里面的Acceptor就对应Netty的ServerBo
  • servelt filter listener 的生命周期 cngolon filterlistenerservelt生命周期
    1. servlet    当第一次请求一个servlet资源时，servlet容器创建这个servlet实例，并调用他的 init(ServletConfig config)做一些初始化的工作，然后调用它的service方法处理请求。当第二次请求这个servlet资源时，servlet容器就不在创建实例，而是直接调用它的service方法处理请求，也就是说
  • jmpopups获取input元素值 ctrain JavaScript
    jmpopups 获取弹出层form表单 首先，我有一个div，里面包含了一个表单，默认是隐藏的，使用jmpopups时，会弹出这个隐藏的div，其实jmpopups是将我们的代码生成一份拷贝。 当我直接获取这个form表单中的文本框时，使用方法：$('#form input[name=test1]').val()；这样是获取不到的。 我们必须到jmpopups生成的代码中去查找这个值，$(
  • vi查找替换命令详解 daizj linux正则表达式替换查找vim
    一、查找 查找命令 /pattern<Enter> ：向下查找pattern匹配字符串 ?pattern<Enter>：向上查找pattern匹配字符串 使用了查找命令之后，使用如下两个键快速查找： n：按照同一方向继续查找 N：按照反方向查找 字符串匹配 pattern是需要匹配的字符串，例如： 1:  /abc<En
  • 对网站中的js,css文件进行打包 dcj3sjt126com PHP打包
    一，为什么要用smarty进行打包 apache中也有给js,css这样的静态文件进行打包压缩的模块，但是本文所说的不是以这种方式进行的打包，而是和smarty结合的方式来把网站中的js,css文件进行打包。 为什么要进行打包呢，主要目的是为了合理的管理自己的代码 。现在有好多网站，你查看一下网站的源码的话，你会发现网站的头部有大量的JS文件和CSS文件，网站的尾部也有可能有大量的J
  • php Yii: 出现undefined offset 或者 undefined index解决方案 dcj3sjt126com undefined
    在开发Yii 时，在程序中定义了如下方式：        if($this->menuoption[2] === 'test')，那么在运行程序时会报：undefined offset:2，这样的错误主要是由于php.ini 里的错误等级太高了，在windows下错误等级
  • linux 文件格式（1） sed工具 eksliang linuxlinux sed工具sed工具linux sed详解
    转载请出自出处： http://eksliang.iteye.com/blog/2106082 简介       sed 是一种在线编辑器，它一次处理一行内容。处理时，把当前处理的行存储在临时缓冲区中，称为“模式空间”（pattern space），接着用sed命令处理缓冲区中的内容，处理完成后，把缓冲区的内容送往屏幕。接着处理下一行，这样不断重复，直到文件末尾
  • Android应用程序获取系统权限 gqdy365 android
    引用 如何使Android应用程序获取系统权限         第一个方法简单点，不过需要在Android系统源码的环境下用make来编译：         1. 在应用程序的AndroidManifest.xml中的manifest节点
  • HoverTree开发日志之验证码 hvt .netC#asp.nethovertreewebform
    HoverTree是一个ASP.NET的开源CMS，目前包含文章系统，图库和留言板功能。代码完全开放，文章内容页生成了静态的HTM页面，留言板提供留言审核功能，文章可以发布HTML源代码，图片上传同时生成高品质缩略图。推出之后得到许多网友的支持，再此表示感谢！留言板不断收到许多有益留言，但同时也有不少广告，因此决定在提交留言页面增加验证码功能。ASP.NET验证码在网上找，如果不是很多，就是特别多
  • JSON API：用 JSON 构建 API 的标准指南中文版 justjavac json
    译文地址：https://github.com/justjavac/json-api-zh_CN 如果你和你的团队曾经争论过使用什么方式构建合理 JSON 响应格式， 那么 JSON API 就是你的 anti-bikeshedding 武器。 通过遵循共同的约定，可以提高开发效率，利用更普遍的工具，可以是你更加专注于开发重点：你的程序。 基于 JSON API 的客户端还能够充分利用缓存，
  • 数据结构随记_2 lx.asymmetric 数据结构笔记
    第三章 栈与队列 一．简答题 1. 在一个循环队列中，队首指针指向队首元素的  前一个    位置。  2.在具有n个单元的循环队列中，队满时共有  n-1  个元素。  3. 向栈中压入元素的操作是先  移动栈顶指针&n
  • Linux下的监控工具dstat 网络接口 linux
    1) 工具说明dstat是一个用来替换 vmstat,iostat netstat,nfsstat和ifstat这些命令的工具, 是一个全能系统信息统计工具. 与sysstat相比, dstat拥有一个彩色的界面, 在手动观察性能状况时, 数据比较显眼容易观察; 而且dstat支持即时刷新, 譬如输入dstat 3, 即每三秒收集一次, 但最新的数据都会每秒刷新显示. 和sysstat相同的是,
  • C 语言初级入门--二维数组和指针 1140566087 二维数组c/c++指针
    /* 二维数组的定义和二维数组元素的引用 二维数组的定义： 当数组中的每个元素带有两个下标时，称这样的数组为二维数组； (逻辑上把数组看成一个具有行和列的表格或一个矩阵); 语法： 类型名 数组名[常量表达式1][常量表达式2] 二维数组的引用： 引用二维数组元素时必须带有两个下标，引用形式如下： 例如： int a[3][4];  引用：
  • 10点睛Spring4.1-Application Event wiselyman application
    10.1 Application Event Spring使用Application Event给bean之间的消息通讯提供了手段 应按照如下部分实现bean之间的消息通讯 继承ApplicationEvent类实现自己的事件 实现继承ApplicationListener接口实现监听事件 使用ApplicationContext发布消息
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他