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

2021-04-27 11:44:52 浏览数 (8478)

在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代码中常用的缩进使用规范，希望能对各位有所帮助。