在html中<h>和<head>有什么不同

html-css05

在html中<h>和<head>有什么不同,第1张

1、<header>标签是 HTML 5 中的新标签,功能是定义文档的页眉(介绍信息)。在html5之前一般都是定义一个div,比如<div class="head"></div>,html5出现以后,主张语义化标签,选择器直接就写<header></head>就可以了。2、HTML中h元素<h1>到<h6>标签用来定义标题。<h1>定义最大的标题。<h6>定义最小的标题。由于 h 元素拥有确切的语义,因此要慎重地选择恰当的标签层级来构建文档的结构。例子:六个不同的 HTML 标题:<h1>这是标题 1</h1><h2>这是标题 2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6>

将h标签设定成内联方式(inline)就行了。例如:

<!doctype html>

<html>

    <head>

    <meta charset="utf-8">

    <title></title>

    <style>

        .hh { display: inline }

    </style>

    </head>

<body>

<h1>这是一行文字,自动换行</h1>

<h1>这是一行文字,自动换行</h1>

<h1 class='hh'>这是一行文字,不再换行</h1>

<h1 class='hh'>这是一行文字,不再换行</h1>

</body>

</html>

运行结果: