HTML缩进标签怎么用？代码需要遵循什么规范？

猿友 2021-04-27 11:44:52 浏览数 (6539)

在HTML中展现内容的过程中按照内容的不同，展现的格式也会有不同要求，像是一些博客类的站点就会需要用到HTML缩进标签，今天W3Cschool小编就来和大家简单介绍一下相关的规范和效果。

第一种通过em按字符距离进行缩进

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
    p {text-indent:1em;} 
    </style>
</head>
<body>

使用以上代码可以实现段落开头缩进两个字符距离。

第二种通过px按像素距离进行缩进

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
    p {text-indent:14px;} 
    </style>
</head>
<body>

使用以上代码可以实现段落开头缩进10像素距离。

以上就是HTML代码中常用的缩进使用规范，希望能对各位有所帮助。