编程学习:html中标题标签、段落标签、换行标签、水平线标签、文本格式化标签的说明

2022-06-13 695阅读

温馨提示:这篇文章已超过863天没有更新,请注意相关的内容是否还可用!

编程学习:html中标题标签、段落标签、换行标签、水平线标签、文本格式化标签的说明

Snipaste_2022-06-10_18-11-28.png

标题标签一共有几个?分别表示什么含义?

h1标签:一级标题 h2标签:二级标题 h3标签:三级标题 h4标签:四级标题 h5标签:五级标题 h6标签:六级标题

<body>
   <!-- ctrl+D快捷键为快速多次选择同一内容,例如h1标签里面的1,1级标题里面的1,可以同时选中,然后更改为想要的内容。 -->
   <h1>1级标题</h1>
   <h2>2级标题</h2>
   <h3>3级标题</h3>
   <h4>4级标题</h4>
   <h5>5级标题</h5>
   <h6>6级标题</h6>
</body>

标题标签有哪些特点? 文字都有加粗 文字都有变大,但是从h1→h6文字逐渐减小 独占一行

段落标签

场景:在新闻和文章的页面中,用于分段显示 代码:<p>我是一段文字</p> 语义:段落 特点: 段落之间存在间隙 独占一行

换行标签

场景:让文字强制换行显示 代码:<br> 语义:换行 特点: 单标签 让文字强制换行

水平线标签

场景: 分割不同主题内容的水平线 代码:·<hr> 语义:主题的分割转换 特点: 单标签 在页面中显示一条水平线

文本格式化标签的介绍

场景:需要让文字加粗、下划线、倾斜、删除线等效果

代码:

编程学习:html中标题标签、段落标签、换行标签、水平线标签、文本格式化标签的说明

语义:突出重要性的强调语境

<body>
   <b>加粗</b>
   <strong>加粗</strong>
   <u>下划线</u>
   <ins>下划线</ins>
   <i>倾斜</i>
   <em>倾斜</em>
   <s>删除线</s>
   <del>删除线</del>
</body>
标签语义化

实际项目开发中选择标签的原则:

标签语义化

即:根据语义选择对应正确的标签

如:需要写标题,就使用h系列标签

如:需要写段落,就使用p标签

好处:

对人:好理解,好记忆

对机器:有利于机器解析,对搜索引擎(SEO)有帮助

推荐: strong、ins、em、del,表示的强调语义更强烈!

免责声明:本文来自网络搜集,不代表我的生活随笔的观点和立场,如有侵权请联系本平台处理。