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

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

运行结果:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7050585.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-01
下一篇2023-04-01

发表评论

登录后才能评论

评论列表(0条)

    保存