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

相关推荐

  • 从数据库到可视化性能分析python

    技术从数据库到可视化性能分析python本篇内容主要讲解“从数据库到可视化性能分析python”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“从数据库到可视化性能分析pytho

    攻略 2021年11月26日
  • Elasticsearch有哪些面试题

    技术Elasticsearch有哪些面试题这篇文章主要为大家展示了“Elasticsearch有哪些面试题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Elasticsear

    攻略 2021年11月17日
  • C++ std::function的简单实现以及函数指针

    技术C++ std::function的简单实现以及函数指针 C++ std::function的简单实现以及函数指针敢在简历里写“精通C++”或“熟练掌握C++”的人,都已经被面试官问死了……
    今天闲

    礼包 2021年10月27日
  • 科目一考什么,驾照科目一考试技巧与口诀

    技术科目一考什么,驾照科目一考试技巧与口诀1科目一考什么、题目里有“口”的选50米,有“站”的选30米,叫“口五站三 剩下的全选150米,没有150的选最大。判断题全对。 2、有关公里的题目:城市街道选50公里,其余有3

    生活 2021年10月23日
  • SQL如何实现增删改查

    技术SQL如何实现增删改查这篇文章给大家分享的是有关SQL如何实现增删改查的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。SQL 是用于访问和处理数据库的标准的计算机语言。注意哟,SQL是一门语

    攻略 2021年12月1日
  • ESP32读取串口传感器数据

    技术ESP32读取串口传感器数据 ESP32读取串口传感器数据最近拿到一个九轴陀螺仪传感器,如图:该设备通过串口方式输出九轴数据,可用官方自带得上位机或者是sscom看到数据,官网提供了很多例程,但唯独

    礼包 2021年12月9日