资讯专栏INFORMATION COLUMN

HTML标题

since1986 / 903人阅读

摘要:定义最小的标题。标题很重要请确保将标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。应该将用作主标题最重要的,其后是次重要的,再其次是,以此类推。标签参考手册的标签参考手册提供了有关这些标题及其属性的更多信息。

在 HTML 文档中,标题很重要。

HTML 标题

标题(Heading)是通过

-

等标签进行定义的。

定义最大的标题。

定义最小的标题。

实例

This is a heading

This is a heading

This is a heading

亲自试一试

注释:浏览器会自动地在标题的前后添加空行。

注释:默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。

标题很重要

请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

HTML 水平线


标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

实例

This is a paragraph


This is a paragraph


This is a paragraph

亲自试一试

提示:使用水平线 (


标签) 来分隔文章中的小节是一个办法(但并不是唯一的办法)。

HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释是这样写的:

实例

亲自试一试

注释:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。

提示:合理地使用注释可以对未来的代码编辑工作产生帮助。

HTML 提示 - 如何查看源代码

您一定曾经在看到某个网页时惊叹道 “WOW! 这是如何实现的?”

如果您想找到其中的奥秘,只需要单击右键,然后选择“查看源文件”(IE)或“查看页面源代码”(Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。

来自本页的实例

标题
如何在 HTML 文档中显示标题。
隐藏的注释
如何在 HTML 源代码中插入注释。
水平线
如何插入水平线。

HTML 标签参考手册

W3School 的标签参考手册提供了有关这些标题及其属性的更多信息。

您将在本教程下面的章节中学到更多有关 HTML 标签和属性的知识。

标签描述
定义 HTML 文档。
定义文档的主体。

to

定义 HTML 标题

定义水平线。
定义注释。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1584.html

相关文章

  • html学习一

    摘要:列表的列表有有序列表和无序列表无序列表有序列表块元素大多数元素被定义为块级元素或内联元素。例子内联元素在显示时通常不会以新行开始。元素元素是内联元素,可用作文本的容器。当与一同使用时,元素可用于为部分文本设置样式属性。 简介 标题 段落 什么是HTML? HTML 是用来描述网页的一种语言: HTML 指的是超文...

    xorpay 评论0 收藏0
  • 前端修炼の道:第一个 HTML 页面

    摘要:可见对一个页面正确渲染很重要。和标签对用于标识页面的头部区域,和之间的内容都属于头部区域中的内容。是一个辅助性标签,对页面可以进行很多方面的特性的设置。当页面没有设置字符集时,浏览器会使用默认的字符编码显示。 showImg(https://segmentfault.com/img/bVbjNkI?w=900&h=383); 往期回顾 在 1.2 节介绍 HTML 语言时讲到:HTML...

    JasonZhang 评论0 收藏0
  • 每日前端进阶第三题:说一说你对HTML5语义化的理解

    摘要:作者陈大鱼头链接背景最近高级前端工程师刘小夕在上开了个每个工作日布一个前端相关题的,怀着学习的心态我也参与其中,以下为我的回答,如果有不对的地方,非常欢迎各位指出。如果你采用正宗川菜做法,最后只需加入花生米,炒拌几下就可以起锅了。 作者:陈大鱼头 github: KRISACHAN 链接:github.com/YvetteLau/S… 背景:最近高级前端工程师 刘小夕 在 github 上...

    番茄西红柿 评论0 收藏0
  • 每日前端进阶第三题:说一说你对HTML5语义化的理解

    摘要:作者陈大鱼头链接背景最近高级前端工程师刘小夕在上开了个每个工作日布一个前端相关题的,怀着学习的心态我也参与其中,以下为我的回答,如果有不对的地方,非常欢迎各位指出。如果你采用正宗川菜做法,最后只需加入花生米,炒拌几下就可以起锅了。 作者:陈大鱼头 github: KRISACHAN 链接:github.com/YvetteLau/S… 背景:最近高级前端工程师 刘小夕 在 github 上...

    番茄西红柿 评论0 收藏0
  • 每日前端进阶第三题:说一说你对HTML5语义化的理解

    摘要:作者陈大鱼头链接背景最近高级前端工程师刘小夕在上开了个每个工作日布一个前端相关题的,怀着学习的心态我也参与其中,以下为我的回答,如果有不对的地方,非常欢迎各位指出。如果你采用正宗川菜做法,最后只需加入花生米,炒拌几下就可以起锅了。 作者:陈大鱼头 github: KRISACHAN 链接:github.com/YvetteLau/S… 背景:最近高级前端工程师 刘小夕 在 github 上...

    Kaede 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<