如何在HTML代码中使用预先设置格式的文本标记

2022-05-16    分类: 网站建设


网站建设中,当您将文本添加到Web页面的HTML代码中(例如在段落元素中)时,您几乎无法控制这些文本行将在何处断开或将使用的间距。这是因为Web浏览器将根据包含文本的区域根据需要对文本进行流动。这包括响应式网站建设技术,将有一个非常流畅的布局,根据大小的屏幕被用来查看页面。当HTML文本到达其包含区域的末尾时,它将在需要的地方打断一行。因此,浏览器在确定文本如何断开方面发挥了更大的作用,如何在HTML代码中使用预先设置格式的文本标记呢?
在添加间距以创建特定格式或布局方面,HTML无法识别添加到代码中的间距,包括空格键、制表符或回车符。如果在一个单词和后面的单词之间加20个空格,浏览器将只显示一个空格。这就是所谓的空白崩溃,它实际上是HTML的概念之一,许多刚进入这个行业的人最初都很难理解这一概念。他们期望HTML空白在像MicrosoftWord这样的程序中的工作方式,但这根本不是HTML空白的工作方式。在大多数情况下,对任何HTML文档中的文本的正常处理正是您所需要的,但在其他情况下,您可能实际上想要更多地控制文本的具体间距以及换行的位置,这就是预先格式化的文本。

许多年前,人们通常会看到带有预先格式化的文本块的网页,使用

pre
标记按照键入本身的格式定义页面的各部分,这对于Web设计人员来说是一种快速而简单的方法,可以使文本按照自己的意愿显示。这是在CSSforLayout兴起之前,当时的Web设计人员真的被困住了,试图通过使用表格和其他纯HTML的方法来强制进行布局。这(有点)起了反作用,因为预先格式化的文本被定义为文本,其中的结构是由排版约定而不是HTML呈现定义的。今天,这个标记不再被使用,因为CSS允许我们以比试图将外观强制添加到HTML中更有效的方式来指示视觉样式,并且因为Web标准规定了结构(HTML)和样式(CSS)的明确分离。但是,也可能有一些预先设置格式的文本是有意义的,比如您想要强制换行的邮件地址,或者诗歌的例子,换行对于内容的阅读和整体流程是必不可少的。
下面是使用HTML<pre>标记的一种方法:
<pre>
Twas brillig and the slithey toves
Did gyre and gimble
in the wabe
</pre>
需要注意的一点是,在HTML5中,不再支持<;pre>;元素的“宽度”属性。在HTML4.01中,宽度指定一行将包含的字符数,但对于HTML5及更高版本,这一点已被删除。

新闻名称:如何在HTML代码中使用预先设置格式的文本标记
本文URL:https://www.cdcxhl.com/news35/154085.html

成都网站建设公司_创新互联,为您提供静态网站定制网站品牌网站制作服务器托管面包屑导航网站改版

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

绵阳服务器托管