常见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)

相关推荐

  • ORM-mysql

    技术ORM-mysql ORM-mysql创建表,需要手动先创建数据库from sqlalchemy.ext.declarative import declarative_base
    from sqlal

    礼包 2021年12月20日
  • 信息安全工程师-软考中级-备考笔记:第十一章 网络物理隔离技术原理与应用

    技术信息安全工程师-软考中级-备考笔记:第十一章 网络物理隔离技术原理与应用 信息安全工程师-软考中级-备考笔记:第十一章 网络物理隔离技术原理与应用第11章 网络物理隔离技术原理与应用
    网络物理隔离概

    礼包 2021年11月14日
  • 如何解析PHP及配置文件

    技术如何解析PHP及配置文件这篇文章将为大家详细讲解有关如何解析PHP及配置文件,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。PHP是什么PHP是Hypertext
    Pr

    攻略 2021年11月23日
  • c++ string类

    技术c++ string类 c++ string类string类
    将StrVec类的一些变量进行全局替换就能得到String类
    1、string替换为char
    2、str替换为c,strs替换为c
    3、

    礼包 2021年12月3日
  • 如何进行Docker Swarm 集群环境搭建及弹性服务部署

    技术如何进行Docker Swarm 集群环境搭建及弹性服务部署如何进行Docker Swarm 集群环境搭建及弹性服务部署,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能

    攻略 2021年12月10日
  • spark的standalone模式采用的是(spark集群时配置什么环境变量)

    技术Spark中Standalone模式下Spark应用的整个启动过程是怎样的本篇文章为大家展示了Spark中Standalone模式下Spark应用的整个启动过程是怎样的,内容简明扼要并且容易理解,绝对能使你眼前一亮,

    攻略 2021年12月17日