可省略的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标签)

  • 文本编辑器markdown语法 花北城 科技随笔Markdown
    markdown语法1.介绍Markdown是一种使用一定的语法将普通的文本转换成HTML标签文本的编辑语言，它的特点是可以使用普通的文本编辑器来编写，只需要按照特定的语法标记就可以得到丰富多样的HTML格式的文本。2.标题分级"#"->一级标题"##"->二级标题"###"->三级标题3.分割线使用三个或以上的“-”或者“*”表示(混合的不行)4.斜体和粗体使用(*或者_)和(**或者__)分别
  • html知识点总结 软件技术NINI html笔记html前端
    HTML（HyperTextMarkupLanguage）总结可以从其定义、基本结构、常用标签以及网页开发工具等多个方面进行阐述。一、HTML定义HTML是一种超文本标记语言，它不是一种编程语言，而是一种用于描述网页内容的标记语言。HTML文档由HTML标签和文本内容组成，这些标签告诉浏览器如何显示页面上的内容。HTML的发展始于1990年，由Web之父TimBerners-Lee发布，并随着互联
  • HTML5之基础、元信息标签 Programmer.杨 前端技术-HTMLhtmlmetaheadtitle标签
    标签声明位于文档中最前面的位置，处于标签之前。声明不是一个HTML标签，它是告知Web浏览器该页面使用了哪种HTML版本（规范），浏览器用此版本（规范）对该文档进行解析，渲染。可声明的DTD有三种：分别是严格版本（strict）、过渡版本（transitional）、以及基于框架的版本（frameset），若文档不遵循其DTD规范，则此文档中的代码不但不能通过代码校验，并且有可能无法正常显示。文档
  • 第二百一十六节 JSF教程 - JSF基本标签、JSF表单文本框示例 程序猿小D 开发语言java反射jvmjdkJSF
    JSF教程-JSF基本标签JSF提供了一个标准的HTML标签库，它们被渲染成相应的html输出。为了使用这些标签，我们需要在html节点中使用以下URI的命名空间。JSF基本标签以下是JSF2.0中的重要基本标签。标签描述h:inputTexttype=“text"的HTML输入，文本框。h:inputSecrettype=“password"的HTML输入，文本框。h:inputTextarea
  • 标签属性 lbon
    使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。其基本语法格式如下：内容在上面的语法中，1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。3.任何标签的属性都有默认值，省略该属性则取默认值。采取键值对的格式key="value"的格式比如:属性是宽度值是400建议：尽量不
  • innerHTML与XSS攻击 贾明恣 JavaScript前端进阶htmljavascripthtml5
    HTML5为所有元素提供了一个innerHTML属性，既能获取对象的内容又能向对象插入内容属性值：HTML标签/文本浏览器会将属性值解析为相应的DOM树HTML解析器在浏览器中是底层代码比JavaScript方法快很多，同时意味着替换元素上的关联事件处理程序和JavaScript对象需要手动删除。插入script和style元素的时候需要看具体的浏览器XSS攻击XSS攻击通常指的是通过利用网页开发
  • Django模板语法和ModelForm Q_M_Y_Y djangodjangopython
    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时
  • BeautifulSoup：Python网页解析库详解 零 度° pythonbeautifulsouppython
    BeautifulSoup是一个Python库，用于从HTML或XML文件中提取数据。它能够通过简单的方法处理复杂的HTML文档，并且很容易就能找到你需要的标签和数据。BeautifulSoup的主要特点易于使用：BeautifulSoup提供了简洁的API来提取HTML标签。灵活：可以与lxml、html5lib或html.parser等解析器一起使用。强大：支持导航、搜索、修改解析树等功能。常
  • scrapy学习笔记0827 github_czy scrapy学习笔记
    1.总之先启动先安装scrapy，pipinstallscrapy创建scrapy项目，生成的项目结构应该如图所示，scrapystartprojectexample选择需要爬取的页面并分析，这里选定的页面是Allproducts|BookstoScrape-Sandbox一个供给爬虫学者练手的网站，我们需要爬取上面的书籍信息，解析我们需要的内容在那一段html标签里可以使用浏览器自带的开发者工具
  • 30分钟从零开始入门拿下 HTML Y_3_7 html前端javahtml5程序人生面试学习方法
    ⭐HTML⭐主要内容认识HTML的基本结构,学习常⽤的HTML标签.1.HTML基础1.1什么是HTMLHTML(HyperTextMarkupLanguage),超⽂本标记语⾔.超⽂本:⽐⽂本要强⼤.通过链接和交互式⽅式来组织和呈现信息的⽂本形式.不仅仅有⽂本,还可能包含图⽚,⾳频,或者⾃已经审阅过它的学者所加的评注、补充或脚注等等.标记语⾔:由标签构成的语⾔HTML的标签都是提前定义好的,使⽤
  • vscode 实用插件 lt要努力 其他vscode前端vscode插件vscode实用插件
    CodeGeeXAI插件，有点牛逼Chinese(Simplified)LanguagePackforVisualStudioCode设置中文显示openinbrowser从浏览器中查看html文件，使用系统的当前默认浏览器OneDarkPro设置vscode的颜色，这个颜色比默认的黑色更淡，对眼睛没有那么的刺眼AutoCloseTag自动补全html标签AutoImport自动导入包插件Auto
  • CSS学习 无柳丶先生 css前端
    CSS全称CascadingStyleSheets一种样式表语言，为html标签修饰定义外观，分工不同CSS与HTML关系html是网页的内容css是网页的样式（结构）行内样式表只能对所在标签进行修饰，优先级最高，相对用的少微博内嵌样式表平常练习用的多，写在style标签内.p1{   color:aqua;      font-size:25px;      font-family:宋体;   
  • HTML标签大合集入门指南 稿子不爱 前端html
    欢迎来到HTML标签的入门指南！在这里，我们将通过一种结构化的方式来介绍HTML的基本标签和它们的用法。无论你是新手还是想要回顾基础知识，这篇文章都将为你提供有用的信息。HTML文档结构在开始编写HTML文档之前，我们需要了解其基本结构。网页的基本结构HTML标签大合集入门欢迎来到HTML标签大合集入门指南DOCTYPE:是声明页面标准的标签。html:主文档标签。head:包含页面的头部信息，如
  • HTML 标签大合集：一文入门 彼方᭄゛ঞ HTML基础html前端
    导语欢迎来到我们关于HTML标签的全面指南！如果你是网页设计的新手，或者只是想快速回顾一下HTML的基础知识，那么你来对地方了。HTML（超文本标记语言）是构建网页的基石，它定义了网页的结构和内容。在本文中，我们将通过一系列示例来探索HTML的核心元素，帮助你理解如何使用它们来创建引人注目的网页。块级元素与内联元素块级元素块级元素通常用于创建页面结构的“块”，它们在页面中占据整行显示。：块级元素，
  • 前端HTML相关知识 Xiao Tong333 html前端
    1.什么是HTMLHTML指的是超文本标记语言(HyperTextMarkupLanguage)。超文本:是指页面内可以包含图片、链接、声音,视频等内容标记:标签(通过标记符号来告诉浏览器网页内容该如何显示)浏览器根据不同的HTML标签，解析成我们看到的网页2.HTML的特点HTML不是编程语言，而是标记语言。HTML使用标签的形式来标识网页的不同组成部分HTML文档包含了HTML标签和文本HTM
  • 一文掌握：HTML标签使用全攻略，打造完美网页布局！ Caleb-niu html前端
    HTML（超文本标记语言）是构建网页的基石。通过不同的标签，HTML定义了网页的结构和内容。了解各种HTML标签的用法是前端开发的基础。本文将回顾HTML中常见标签的用法，并介绍它们在实际开发中的应用。一、结构性标签这个标签声明文档类型，并指定HTML5标准。它应该是HTML文档的第一行。HTML文档的根元素，包含了整个网页的内容。包含文档的元数据，如标题、字符集声明、链接到CSS文件等。页面标题
  • html文档组成三要素,解析CSS基本组成三要素 jeanne4101 html文档组成三要素
    你对CSS的基本语法是否熟悉，这里和大家分享一下，CSS基本语法很简单主要由三个要素组成,分别是选择符、属性和值。CSS中选择符就是赋予内部或者外部样式表的名字，选择符可以是一个HTML标签，或者一个HTML中定义的元素ID。CSS基本语法-选择符、属性和值CSS基本语法很简单主要由三个要素组成,分别是选择符、属性和值。选择符选择符就是赋予内部或者外部样式表的名字,选择符可以是一个HTML标签,或
  • 前台解析html标签,前端知识HTML常用标签 Hank君 前台解析html标签
    什么是结构表现行为html用于描述页面的结构css用于控制页面中元素的样式javascript用于响应用户操作html超文本标记语言负责三个要素中的结构一个最基本的HTML页面：Documenthtml标签HTML中的标记指的就是标签。HTML使用标记标签来描述网页。标签内容标签名>一级标题我是一个段落p也是一个元素，em是p的子元素，p是em的父元素。内容html5声明怪异模式为了兼容一些旧的模
  • 如何创建HTML文档的基本要素 TYIV20TIR17VGL H5html5前端前端框架css
    HTML文档也被称为网页【扩展名为.html或者.htm】创建HTML文档打开vscode-文件-新建.html文件，输入!或html:5+回车生成文档基本代码文档基本代码说明文档类型声明不是一个标签，是一条声明、命令作用：告知浏览器以什么样的标准解析文档它是HTML5标准网页声明，告知浏览器用HTML5标准解析。注意：声明不是HTML标签，只是一条指令。声明必须是HTML文档的第一行，位于标签之
  • 使用art-template.js 填充数据是html代码不能直接在页面显示 goodTime_luo7
    最近使用art-template.js遇到的坑，数据是一段html代码，页面上展示的标签并没有被解析。我一开始以为是因为数据加了引号所以不能显示，然后对它进行数据转换但并没有效果，最后发现是art-template把html标签给转义了，相当于标签被当成文本显示在了页面上。搞清楚原因，下面我们来看下解决办法：比如{{content}}写成{{#content}}就可以哈哈哈哈，是不是很简单。还有一
  • Web前端：HTML篇（一） 梓仁沐白 Web前端htmlcssjavascript
    HTML简介：超文本标记语言（英语：HyperTextMarkupLanguage，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用HTML来建立自己的WEB站点，HTML运行在浏览器上，由浏览器来解析。一个简单的实例这是页面标题这是一个标题这是一个段落。运行结果：HTML标签如前所述，HTML是一种标记语言，使用各种标签来格式化内容。这些标签被封装在角括号内.除了一些标签外，大多数标
  • html中引入css样式表的三种方式,css引用的几种方式是什么？ weixin_39719585
    HTML怎么引用CSS样式？css引用的几种方式是什么？下面本篇文章就来给大家介绍一下在HTML中引用CSS样式的几种方法，希望对大家有所帮助。1、行内式在HTML标签中，使用style属性设置CSS样式。网页中css的导入方式2、嵌入式将CSS样式集中写在HTML页面的style标签中a{color:blue}嵌入式一般写在head中，对于单个页面来说，这种方式很方便。3、导入式CSS@impo
  • Uncaught ReferenceError: getFormData is not defined at HTMLButtonElement.onclick 鹿易斯 javascript前端jquery
    场景：HTMLjQuery问题描述使用HTML标签的属性onclick调用JavaScript中方法时报错UncaughtReferenceError:getFormDataisnotdefinedatHTMLButtonElement.onclick提交$(function(){functiongetFormData(){varserializeResult=$("#userform").ser
  • html页面退出用什么函数,html页面调用js文件里的函数报错onclick is not defined处理方法... Liu Titanium html页面退出用什么函数
    今天处理html标签里的onclick功能的时候总是报错：UncaughtReferenceError:dosaveisnotdefined(…)找了半天都没发现错在哪，最后发现原来是我写法不对，正确写法如下：html：js：dosave=function(){alert("成功啦！");}错误写法一般有以下两种，很致命：functiondosave(){alert("会报错！！");}和vard
  • 使用JavaScript写拖拽案例 诶呦我那个暴脾气 前端前端拖拽案例JavaScript
    //设置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
  • HTML—基本介绍 Black—slience html前端
    HTML是一种超文本标记语言(HyperTextMarkupLanguage)，用于创建网页的标记语言超文本：是指页面内可以包含图片、链接、声音、视频等内容标记：HTML富含大量的标签供程序员使用，通过标记符号来规定指定内容的样式浏览器最终根据不同的HTML标签，解析成日常中所看到的网页HTML文件基本格式(HTML5版本)网页标题标签体闭合标签(封闭的区间)②自闭合标签，没有修饰的内容-->加粗
  • Svelte之基础知识一 开心就是最好 SvelteSvelte
    文章目录参考资料什么是Svelte？简介添加数据`{}`动态属性`{}`嵌套组件HTML标签`@html`创建一个应用程序反应性能力赋值`on:click={}`声明`$:`语句`$:{}`更新数组和对象属性Declaringprops`export`属性对象传递`{...xxx}`逻辑if语句`{#ifxxx}...{/if}`else语句`{#ifxxx}...{:else}...{/if}`
  • 微信小程序 --- 常用样式和组件 前端 贾公子 2024--微信小程序微信小程序小程序
    常用样式和组件1.组件和样式介绍在开Web网站的时候：页面的结构由HTML进行编写，例如：经常会用到div、p、span、img、a等标签页面的样式由CSS进行编写，例如：经常会采用.class、#id、element等选择器但在小程序中不能使用HTML标签，也就没有DOM和BOM，同时仅仅支持部分CSS选择器不过不用担心，小程序中提供了同样的角色：其中WXML充当的就是类似HTML的角色，只不过
  • HTML的特殊字符 fly in the sky ! 前端html前端
    HTML的特殊字符有些特殊的字符在html文件中是不能直接表示的，例如:空格，小于号()，按位与(&)。空格 示例代码：运行结果：由于html标签就是用,就会发生混淆.小于号<示例代码：运行效果：大于号>示例代码：运行效果：按位与&示例代码：
  • 前端| Day6:Flex布局（黑马笔记） Sunshine.King 前端前端笔记css3
    Day6:Flex布局目录Day6:Flex布局一、标准流二、浮动1.基本使用2.产品区域布局HTML标签CSS样式3.清除浮动场景搭建额外标签法单伪元素法双伪元素法overfow法三、Flex布局1.Flex组成2.主轴对齐方式3.侧轴对齐方式4.修改主轴方向5.弹性伸缩比6.弹性盒子换行7.行内对齐方式四、综合案例抖音解决方案HTML标签CSS样式一、标准流标准流也叫文档流，指的是标签在页面中
  • 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其他