一丶 HTML5中支持的元素

HTML5 — 知识总结篇《III》【文本元素】_元素
链接:元素周期表

二丶 span

HTML5基本都会删除没有语义的元素,但是span很特殊,原因:利用三原色法则解释即可!

三丶 过去与现在对元素的分类

过去:某些元素在显示时会独占一行(块级元素),而某些元素不会(行级元素);

现在:HTML5,已经弃用这种说法。(面试加分项),在HTML5 中叫做内容类别!来自W3C官方标准的说法!

四丶 style=“display: inline;”

让内容不换行,就算是标题,或者其它元素都不会换行了!所以再一次说明了CSS决定了显示效果

五丶 pre

【1】空白折叠原则

在源代码中的连续空白字符(空格、换行、制表),在页面显示时,都会被折叠为一个空格

【2】格式

在pre元素中的内容不会出现空白折叠,所以在pre元素内部出现的内容,会按照源代码格式出现在页面上

【3】通常

该元素通常用于在网页中显示一些代码。

【4】本质

pre 元素功能的本质:它有一个默认的css属性

六丶 code

显示代码时,通常外面套code元素,code表示代码区域,这么做是为了让浏览器更好的理解为里面放的东西是,这样就能做到万无一失的显示了!

例如:

<code>
	<pre>
		var i = 2;
		if(i){
			console.log(i);
		}	
	</pre>
</code>

也可以写成:

	<code style="white-space:pre">
		var i = 2;
		if(i){
			console.log(i);
		}	
	</code>