常见html5语义化标签有哪些

技术常见html5语义化标签有哪些这篇文章主要介绍“常见html5语义化标签有哪些”,在日常操作中,相信很多人在常见html5语义化标签有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”

本文主要介绍“常见的html5语义标签有哪些”。在日常操作中,相信很多人对于常见的html5语义标签有什么疑惑。边肖查阅了各种资料,整理出简单易用的操作方法,希望能帮助大家解答“常见的html5语义标签有哪些”的疑惑!接下来,请和边肖一起学习!

语义HTML:用最合适的HTML元素标记的内容。

优点:1

改善无障碍环境;2架S-EO;三

结构清晰,易于维护;

(HTML5旧的内联元素被分类为短语内容)

通用容器:div——块级通用容器;Span——短语内容没有语义容器。

如果语义不合适,不要欺负弓,=。

=诚实地使用div。

标题/题名:简短、描述性、独特(提高搜索引擎排名)。

搜索引擎会用标题作为索引来判断页面的主要内容。一个有效的标题应该包含几个与页面内容密切相关的关键词。建议把标题的核心内容放在前60个字符。

HN/HN: H2 ~ H7分级标题,用于创建页面信息的分级关系。

对于搜索引擎,如果标题与搜索词匹配,这些标题将被赋予很高的权重,尤其是h2。

页眉/页眉:页眉通常包括网站徽标、主导航、全网站链接和搜索框。

它也适用于在页面内标记一组介绍性或可导航的内容。

导航/导航:标签导航,仅用于文档中的重要链接组。

Html5规范不建议辅助页脚链接使用nav,除非页脚再次显示顶级全局导航或包含招聘信息等重要链接。

主要内容:一页的主要内容。一页只能使用一次。如果它是一个web应用程序,它围绕着它的主要功能。

Article/article:包含类似报纸的内容==||据了解,它是指文档、页面、应用程序或独立的容器。

文章可以嵌套文章,只要内部文章和外部文章之间的关系是部分和整体。

版块/版块:一组主题相似的内容,例如,一个网站的主页可以分为简介、新闻条目、联系方式等版块。

如果你只是想添加样式,请使用div!

一旁/一旁:指定备注栏,包括报价、侧栏、一组文章链接、广告、友情链接、相关产品列表等。

如果放在主位,应该和内容紧密相关。

页脚/页脚:只有当父页面为正文时,页脚才是整个页面的页脚。

小/小:指定细则,输入免责声明、备注、签名、版权。

仅适用于短语,不应用于标记具有“使用条款”和“隐私政策”长度的法律声明。

Strong/strong:表示内容的重要性。

Em/em:标记的内容是有重点的(很多是用来提高段落文本的语义)。

标记/标记:突出显示文本(黄色)以提醒读者。

在HTML5中,em是唯一表示强调的元素,强则表示重要。

B/b:出于实用目的提醒读者的一段文字,不传达任何额外的重要性。

I/i:不同于其他单词==|||这个翻译真的.

图/图:创建一个图表(默认为40px左右的边距)。

图标题/图标题:图的标题必须是嵌入图中的第一个或最后一个元素。

引用/引证:注明引用或参考文献,如书名、歌名、电影、音乐会、规范、报纸或法律文件等。

它只是用来指出处本身,而不是引用出处。

Blockquoto/blockquoto:引用文本,默认显示新的一行。

Q/q:短引号(跨浏览器问题,尽量避免使用)。

您可以在blockquoto和q元素上使用cite属性(而不是cite元素!),对搜索引擎自动化工具有用。Cite="URL "指的是源地址。

时间/时间:标记时间。Datetime属性遵循特定的格式。如果忽略此属性,文本内容必须采用合法的日期或时间格式。

与s标签不再相关的时间。

缩写/缩写:解释缩写。使用title属性提供全名,只有在第一次使用时才可以。

缩写[title]{ border-bottom :1 px dot

ed #000; }

<dfn></dfn>:定义术语元素,与定义必须紧挨着,可以在描述列表dl元素中使用。

<address></address>:作者、相关人士或组织的联系信息(电子邮件地址、指向联系信息页的链接)。

如果提供整个页面的作者联系信息,一般放在页面级footer里。不能包含文档或者文档等其他内容。

<del></del>:移除的内容。

<ins></ins>:添加的内容。

少有的既可以包围块级,又可以包围短语内容的元素。

<code></code>:标记代码。包含示例代码或者文件名 (< <  > >)

<pre></pre>:预格式化文本。保留文本固有的换行和空格。

<meter></meter>:表示分数的值或者已知范围的测量结果。如投票结果。

例如:<meter value="0.2" title=”Miles“>20%completed</meter>

<progress></progress>:完成进度。可通过js动态更新value。

到此,关于“常见html5语义化标签有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注网站,小编会继续努力为大家带来更多实用的文章!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/73035.html

(0)

相关推荐

  • ps怎么做倒影,倒影后期ps是怎么做出来的

    技术ps怎么做倒影,倒影后期ps是怎么做出来的手机一键制作“倒影”特效ps怎么做倒影:想给照片后期制作成“倒影”画面,小月分享一个方便快捷的方法,基本一键制作。比如:下图的冰雪城堡倒影特效原图就是一张城堡雪景图如果想更逼

    生活 2021年11月1日
  • Postgresql性能相关操作系统及数据库说明

    技术Postgresql性能相关操作系统及数据库说明本篇内容主要讲解“Postgresql性能相关操作系统及数据库说明”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Postg

    攻略 2021年11月9日
  • monkey软件如何使用(monkey工具使用方法)

    技术Monkey工具怎么用这篇文章给大家介绍Monkey工具怎么用,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。 今天我来讲一下最近上手的一款工具---------monkey。Api网站上是

    攻略 2021年12月24日
  • 会计科目分类,关于会计科目的分类有哪些

    技术会计科目分类,关于会计科目的分类有哪些会计对象会计科目分类、会计要素和会计科目 徐经长 张广龙/文
    会计对象、会计要素和会计科目的关系,是中级会计实务中的一个重要的理论问题。众所周知,从事会计实务的同志几乎每天都要

    生活 2021年10月20日
  • 柯基不断尾有什么坏处,柯基从小就断尾,它会痛吗

    技术柯基不断尾有什么坏处,柯基从小就断尾,它会痛吗柯基犬断尾当然会痛啊柯基不断尾有什么坏处,我们能做的就是在最恰当的时间,采用最恰当的方法,将它们的疼痛和伤害降到最低。一、那么所有的柯基犬都会断尾吗?其实也不是,比如以下

    生活 2021年10月25日
  • 没有sa密码无法集成windows身份验证登录的解决方法

    技术没有sa密码无法集成windows身份验证登录的解决方法今天就跟大家聊聊有关没有sa密码无法集成windows身份验证登录的解决方法,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这

    攻略 2021年12月1日