或者:为什么我的HTML全部像古代滚动一样运行?
因此,您已经学习了基本的HTML概念和一些基本的HTML标签 ,并且您决定将一些HTML粘贴到CMS中 。 不幸的是,你的文章一起运行。 一切都是一段! 发生了什么?
不要惊慌。 了解你的浏览器如何解释换行符,并且你会很快修复这个问题......或者至少,简单地说。
浏览器忽略了大部分空白
HTML是关于标记普通文本的。 当文本出现在羊皮纸上时,普通的文本以巨型块的形式出现在一起。 今天,我们将文本分成几段 。
你可能不会考虑很多段落。 他们只是发生。 你按下ENTER,就是这样。
但HTML是不同的。 浏览器尽力过滤出看起来不重要的信息。 你需要了解这是如何工作的,所以你不会感到困惑。
假设你输入了一大堆空格:
我觉得自己很累你的平淡无奇的浏览器将给这个清晰的翻译:
我觉得自己很累
我们现在不再是Word了,托托。 浏览器忽略额外的间距 。 它们将多个空间缩小到一个空间。
浏览器也会忽略你的换行符 。
无论如何,我觉得自己喜欢赚钱,但是大家都很讨厌CAPITALS。你的浏览器使这个:
无论如何,我觉得自己喜欢赚钱,但是大家都很讨厌CAPITALS。
如果你来自文字处理器世界,这种行为会令人吃惊。 事实上,它给了你很大的自由。
段落
但你可能还想要段落。 这里是:
和 p>。
这是一段。 p>
这是另一段,即使它在同一行。 即使我刚刚进入两个换行符,这仍然是第二段的一部分。 现在我要关闭第二段。 p>
仔细查看
和 p>标签,然后查看浏览器的功能。
这是一段。 这是另一段,尽管它在同一行。 即使我刚刚进入两个换行符,这仍然是第二段的一部分。 现在我要关闭第二段。
看到? 浏览器确实完全忽略了你的换行符。 它只关心标签。
通常,当然,理智的选择是将您的段落与换行符匹配:
这是一段。 p>
这是另一段。 p>
但换行符仅适用于您。 浏览器忽略它们。
添加一堆
标签可能很乏味。 在这里和那里添加斜体是一回事。 每次开始新的段落时都必须添加标签。
可是等等! 有希望! 不要跑回你的文字处理器尖叫。
您的CMS可能会尊重您的空白行
幸运的是,一些CMS设计为在幕后为您自动插入段落标签 。 您可以简单地在段落之间插入一个空白行 ,然后CMS完成剩下的工作。
这是一段。 没有标签! 这是另一个 em>段落。如果你的CMS有这个功能,你会得到:
这是一段。 没有标签! 这是另一段。
为什么这个工作? 在CMS将您的文章作为网页吐出之前,它会添加必要的
标签。
您的CMS可能会自动执行此操作。 如果没有,您可以启用此功能。
按两次为段落命中
在文字处理器中,通常在段落之间只敲击一次ENTER。 这些段落是单行的,但文字处理软件包装它们。
在HTML中,您想要在段落之间按两次ENTER 。 如果您的CMS自动添加
标签,则可能需要空行。
HTML换行符不同
在浏览器中,段落之间有空间。 如果你只是想结束一条线,在下一行之前没有空格呢? 没问题。 有一个换行标签。