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

html-css010

在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>

12.2.nbspHTMLnbsph1nbsph2nbsph3nbsph4nbsph5nbsph6nbsp标签h,h1,h2,h3,h4,h5,h6nbsp标签nbsp--nbsp表示文章的标题nbspnbspnbspnbsp*nbsph标签是成对出现的,以amplthampgt开始,以amplt/hampgt结束nbspnbspnbspnbsp*nbsp属性:nbspnbspnbspnbspnbspnbspnbspnbspnbspnbsponbspCommonnbsp--nbsp一般属性nbspnbspnbspnbsp*nbsp引用网址:http://www.dreamdu.com/xhtml/tag_h/示例ampltbodyampgtnbspamplthampgt文章的主标题amplt/hampgtnbspampltpampgt介绍amplt/pampgtnbspampltsectionampgtnbspnbspampltpampgt....amplt/pampgtnbspnbspamplthampgt文章的二级标题amplt/hampgtnbspnbspampltpampgt....amplt/pampgtnbspnbspamplthampgt另一个二级标题amplt/hampgtnbspnbspampltpampgt....amplt/pampgtnbspamplt/sectionampgtnbspampltsectionampgtnbspnbspampltpampgt....amplt/pampgtnbspnbspamplthampgt下一个二级标题amplt/hampgtnbspnbspampltpampgt....amplt/pampgtnbspnbspampltsectionampgtnbspnbspnbspamplthampgt三级标题amplt/hampgtnbspnbspnbspampltpampgt....amplt/pampgtnbspnbspamplt/sectionampgtnbspamplt/sectionampgtamplt/bodyampgtHTMLnbsphnbsp标签与nbspsectionnbsp标签事例HTMLnbsphnbsp标签示例延伸阅读nbspnbspnbspnbsp*nbspHTMLnbsp按标题显示在一个页面中h1应该只出现一次,因为它代表了文章的主标题

将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>

运行结果: