首页 > 其他分享 >HTML/HTML5常用标签和属性

HTML/HTML5常用标签和属性

时间:2022-09-07 00:57:13浏览次数:97  
标签:定义 标签 nbsp 列表 HTML HTML5 type 属性

HTML/HTML5 常用标签和属性

四、标题标签

TIP

h 系列标签表示 “标题” 含义,h 是 headline 的意思

1、h1~h6 标签

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

关于 h 标签详细解读

  • <h1></h1>标签的内容对于搜索引擎来说非常重要,相当于一篇文章的标题(主题)
  • 应该将当前页面重要的内容放到 <h1></h1>标签中
  • 关于h1 ~ h6 标签的使用 以百度百科

  • (opens new window)为标准
  • <h1></h1>标签在一个网页中只能放置一个,否则会被搜索引擎视为作弊
<h1>我是h1标题标签</h1>
<h2>我是h2标题标签</h2>
<h3>我是h3标题标签</h3>
<h4>我是h4标题标签</h4>
<h5>我是h5标题标签</h5>
<h6>我是h6标题标签</h6>

2、h 标签在 SEO 优化中的设置技巧

① 不同类型页面的设置

  • 首页:网站首页的 H1 通常是网站 logo,强调 alt 的内容,而 alt 属性是网站首页标题,包含核心关键词,H2 标注分类页面,H3 标注内容页面标题链接。
  • 列表页(栏目页):H1 设置为分类名称,H2 是子分类名称,H3 设置为内容页面标题链接。
  • 内容页(产品详情页、文章页):H1 设置文章标题名称,H2 标注列表名称,H3 标注相关文章。

② H 标签包含关键词

  • H 标签是一个强调性的标签,因此,H1 标签中,必须包含核心关键词,H2、H3 标签可以适当的包含长尾关键词

③ 页面 H 标签的数量。

  • 一个页面上只能有 1 个 H1 标签,可以包含不等的 H2-H6 标签。从结构化的角度看,有 H3 就要有 H1、H2。

详细解读,h 标签的 SEO 优化

标签:定义,标签,nbsp,列表,HTML,HTML5,type,属性
From: https://www.cnblogs.com/1jiayi/p/jiayi_HTML5_2.html

相关文章

  • HTML核心标签和属性
    1、文档声明、文档结构、功能标签注:HTML/HTML5骨架相关基础标签文档声明 <!DOCTYPE>用于告诉浏览器此文档的类型是什么处于<html>标签之前。用于告诉浏览器此文......
  • html+css
    第一章<html><!--解释器--><!DOCTYPEhtml><head> <!--字符集--> <metahttp-equiv="content-type"content="text/html;charset=utf-8"/> <!--刷新跳转--> <meta......
  • JS实现点击一个a标签就为其增加一个class,并移除其他同作用的a标签中的class
    html:<ul><li><aclass="list-group-itemtext-center"href="#">中心简介</a></li><li><aclass="list-group-itemtext-center"href="#">师资队伍</......
  • JS实现html列表分页功能
    html代码<divclass="page-block"><divclass="pagepage-1"><ul><liclass="article-hover"><divclass="info-content">......
  • HTML常用标签
    已经正式开始JavaWeb的学习了,但是感觉我们的起步有点晚,可能因为我们学习的重点在网页后台的原因?现在才学网页的知识。之前也看了些视频,但是前端知识确实好多没记住,所以写一......
  • 我写了一个 HTML 画布数据网格,所以你不必
    我写了一个HTML画布数据网格,所以你不必GlideDataGridinallitsCanvasbasedglory对于Web开发人员来说,HTML5画布是一个非常强大且未被充分利用的工具。它也......
  • 日常开发记录-dangerouslyUseHTMLString:true; 属性的作用
    将dangerouslyUseHtmlString属性设置为true,message就会被当做HTML片段处理。  案例demo:this.$notify({title:'HTML片段',dangerously......
  • 动画标签 HTML CSS JavaScript
    动画标签HTMLCSSJavaScript动画标签HTMLCSSJavaScript免费下载HTML:<linkrel="样式表"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1......
  • 带有弹出窗口的社交媒体图标(仅限 HTML + 纯 CSS)
    带有弹出窗口的社交媒体图标(仅限HTML+纯CSS)带有弹出窗口的社交媒体图标(仅限HTML+纯CSS)免费下载HTML:<ulclass="wrapper"><liclass="iconfacebook"><......
  • Day01初识HTML
    HTML+CSS+JavaScript结构+表现+交互重点:1.表单及表单应用​1.表单初级验证什么是HTMLHyperTextMarkupLanguage(超文本语言)超文本包括:文字,......