HTML基础知识(4)
HTML标签学习
1.1.1标题标签
<h1>1</h1>
<h2>2</h2>
<h3>3</h3>
<h4>4</h4>
<h5>5</h5>
<h6>6</h6>
➢ 标题标签一共有几个?分别表示什么含义?
• h1标签:一级标题
• h2标签:二级标题
• h3标签:三级标题
• h4标签:四级标题
• h5标签:五级标题
• h6标签:六级标题
➢ 标题标签有哪些特点?
• 文字都有加粗
• 文字都有变大,但是从h1 → h6文字逐渐减小
• 独占一行
1.2.1段落标签
场景:在新闻和文章的页面中,用于分段显示
➢ 代码:
<p></p>
➢ 语义:段落
➢ 特点:
• 段落之间存在间隙
• 独占一行
1.3.1换行标签
➢ 场景:让文字强制换行显示
➢ 代码:
<br> 单标签
➢ 语义:换行
➢ 特点:
• 单标签
• 让文字强制换行
1.4.1水平线标签
➢ 场景:分割不同主题内容的水平线
➢ 代码:
<hr>
➢ 语义:主题的分割转换
➢ 特点:
• 单标签
• 在页面中显示一条水平线
1.5.1文本格式化标签
➢ 场景:需要让文字加粗、下划线、倾斜、删除线等效果
➢ 代码:
如果文本很重要用英文标签强调
➢ 语义:突出重要性的强调语境
2.1.1标签语义化
➢ 实际项目开发中选择标签的原则:标签语义化
• 即:根据语义选择对应正确的标签
• 如:需要写标题,就使用h系列标签
• 如:需要写段落,就使用p标签
• ……
➢ 好处:
• 对人:好理解,好记忆
• 对机器:有利于机器解析,对搜索引擎(SEO)有帮助
➢ 推荐:
• strong、ins、em、del,表示的强调语义更强烈!
版权声明:
作者:zhuim521
链接:https://zhuimwl.com/24.html
来源:追梦博客
文章版权归作者所有,未经允许请勿转载。

共有 0 条评论