h5h7有什么区别

哈,得从接触H5 标签那天开始说起H5 和H7 了。
那时我还是一个网页设计的初学者,对HTML标签的理解还很模糊。

我记得有一次我在一个关于“如何养猫”的教程网站上工作。
页面内容丰富,标题丰富。
起初,我愚蠢地认为 HTML 中包含 H5 和 H7 ,并认为我可以用它们来区分标题大小,但后来我意识到 H7 标签根本不存在。
当时我很困惑,想知道这个HTML是否需要更新。

后来我发现,对于HTML标签H1 到H6 来说,数字越小,标题级别越高,字体也越大。
因此,H5 的字体大小比H7 大,所以H5 对于大标题更好,而H7 (虽然理论上确实存在)对于小标题更好。

例如,标题H1 “如何养猫指南”下,我将内容分为H2 、H3 、H4 、H5 、H6 从选择猫品种到喂养时间表,一切都很容易理解。
这种级别的配置对于用户体验和 SEO 都极其重要。
这有助于用户快速找到他们想要查看的内容,并帮助搜索引擎了解页面结构。

说实话,我花了很多时间来区分标题的大小。
但现在想起来,还蛮有趣的。
尽管标准 HTML 中不存在 H7 标签,但了解这些标签级别的差异对于网页设计师来说仍然非常有用。
它不仅可以改善用户体验,还可以提高您的网站在搜索引擎中的排名。
因此,H7 虽然是理论性的,但理解它对我们的工作是非常有用的。

html语言格式

你说得对,HTML 是你真正需要从基础开始学习的东西。
但上次指导新人建网站的时候,我发现光记住这些标签是不够的……
你看,我2 02 3 年在上海培训的学生一开始都很认真,抄你的笔记,不漏一拍。
结果,如果让他们自己写一个简单的网站,那就太头疼了。
问题主要出在属性上。

比如align和bgcolor,现在谁还在用? CSS 现在用于控制布局和背景颜色。
当我向他们演示时,我直接删除了 <body bgcolor="lightblue"> 并将其重写为 ,他们感觉好多了。
另外,align标签现在基本被放弃了,使用CSS text-align或者margin更加灵活。

还有href和src,这两个都用得比较多。
不过,我提醒他们,当您键入超链接时,不要只是键入“单击此处”。
最好加上target="_blank",不然在新标签页打开新页面会很烦人。
上次有学生忘记添加,客户抱怨跳转太突然,体验不好。

最有趣的是标签

一名学生正在写一篇博客文章,想要将每个句子换行。
结果,整篇文章充满了换行符,网站看起来就像一台打字机。
我告诉他
是单个标签,最好使用

段落标签。
他还询问
在 HTML5 中是否已被弃用。
我说它没有被弃用,但

应该很早以前就被使用了。

现在仅用于特殊场景,例如在密码输入框中保持段落不变。

所以你看,仅仅知道标签和属性是不够的,你还需要知道何时使用它们,何时不使用它们。
我对它们的总结是:会使用CSS的不需要标签属性,会使用语义标签的不需要装饰标签。
你看到,虽然都是粗体,但是更语义化,搜索引擎会给你加分。
也是如此。

不管怎样,学习HTML首先要了解基本框架,然后才能编写常用的标签,但最重要的是要了解其背后的逻辑。
不要死记硬背属性。
知道这个属性存在,但优先考虑 CSS 和语义标签。
我还在想这个问题,是不是应该给他们做点作业,从CSS开始......

2.文本标签-HTML基础

要学习 HTML,首先创建一个静态页面。
页面由四个主要部分组成:文本、图像、链接和视频。

在本章中,您需要了解六个标签:标题、段落、图像、链接、列表和表单。

h1 最大,h6 最小。
一页只能有一个h1 ,h2 到h6 可以随意使用。

h1 是歌曲标题,h2 –h6 是字幕。

使用

表示段落,添加 u 表示下划线。
很简单,对吧?你自己看看吧。

保持文章格式清晰,设置一级二级三级标题的方法详解

一级标题:标题格式的基本方式
坦率地说,标题格式就像文章的骨架,直接决定了读者能否快速理解要点。
使用正确的标签可以节省大量的解释时间,尤其是像h3 这样的中级标题,这会让文章的结构立即清晰。

副标题:H3 标签使用场景
先说最重要的,h3 标签适合划分模块。
在我们去年运行的项目中,当有 3 ,000 个用户访问它时,页面层次结构分解为 h3 的越好,加载速度就越快。
另外需要注意的是标签p必须连接在h3 下。
不要空跳。
否则,行话称为雪崩效应。
事实上,前部的轻微延迟会降低整个后部的性能。
还有另一个重要的细节。
同一页面上的 h3 文件不要超过 5 个。
如果太多,读者很容易眼花缭乱。

一开始我以为h3 和h2 没有太大区别,后来发现不对。
h2 是整篇文章的重头戏,h3 是具体章节的导航。
等等,还有别的事。
h3 样式完全由CSS控制,所以不要只写标签。

三级标题:匹配标题层次和内容深度
三级标题(H4 )适合分析复杂的概念。
例如,在编写教程时,第二级标题可以是“安装步骤”,第三级标题可以是“下载依赖库(大约需要5 分钟)”。
很多人不注意这一点。
三级标题的层次感直接决定了读者能否顺应你的思路。

老实说,这很令人困惑。
很多人混淆了h3 和h4 ,导致浏览器默认显示出现错误。
建议使用统一的数字顺序,例如正文为h3 ,分项为h4 ,这样SEO和阅读体验是双赢的。

结尾建议
标题不是一堆标签,而是对读者的一个命题。
尝试将文章分成几个段落,然后回头看看标题级别是否真正概括了内容,这会很有帮助。