复制p和div文本的区别
p标签是HTML中的段落元素,div标签是文档流内容元素,二者作为元素,都可以直接装载文本。拷贝页面里p和div内的文本,得到的效果却是不尽一致,具体表现为,纯p标签内的文本,行与行之间会多出一个空行,div的则没有。如下两个文本块,它们通过CSS设置之后,从外观上看毫无区别,试着分别拷贝其内容到下面的文本框或系统的记事本里看看效果:
文本一:
爆竹声中一岁除,
春风送暖入屠苏。
千门万户曈曈日,
总把新桃换旧符。
文本二:
爆竹声中一岁除,
春风送暖入屠苏。
千门万户曈曈日,
总把新桃换旧符。
两个文本块中,第一个每一行都是用P标签封装,第二个每一行则用DIV标签加载。拷贝后可以观察到两个文本块各自的行和行之间的明显差别:P标签文本,行与行间都有一个空行,div标签文本行与行间则紧密衔接、没有空行。
有一个老生常谈的问题,就是,如何快捷删除从网页复制来的文本的空白行。这个问题针对的其实就是P标签,p来自paragraph(段落),主要用做文本容器(比如回帖文字段落),默认有内外边距;div来源于division(区划),可以装载文本,更多用于划分文档流区域(比如帖子父元素),默认内外边距都为0。导致二者的文本复制效果不同则源于各自的功用设计,它们设计的用途本来不一样,只是大家都可以装载文本而已。