• 回顾meta原数据标签(2),前端基础


    前言

    上次内容回顾meta的概念,和关键字,视窗两个属性的使用,因为内容还是比较多的,所以分开来讲,下面继续上次内容开始。

    copyright

    copyright表示要设定网页版权信息,content中定义网页版权的具体信息。

     
    
    • 1

    author

    author表示设定作者信息,在content中定义具体的信息。

    不会在页面显示,只会在源码中显示制作者的姓名及个人信息。

     
    
    • 1

    description

    description表示设置页面描述,content中定义描述页面的具体信息。

    设置页面描述也是为了便于搜索引擎的查找,它用来描述网页的主题等,与关键字一样,设置的页面描述也不会在网页中显示出来。算是对关键字keywords的补充吧

     
    
    • 1

    repaly-to

    repaly-to表示设定联系人的邮箱,content中定义联系人的具体邮箱。

     
    
    • 1

    build

    build表示设定建立网站的日期,content中定义具体日期。

     
    
    • 1

    robots

    robots表示搜索方式,content中定义搜索的具体方式。

    • All:可以搜索当前网页和链接的网页
    • Index:可以搜索当前网页
    • Nofollow:不能搜索链接的网页
    • Noindex:不能搜索当前网页
    • None: 不能搜索当前网页和链接的网页

    我发现了一个问题,每一个值又牵扯到好多东西,有机会还是要详细讲讲的。

     
    
    • 1

    语义化

    语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。常见的html标签有

    • 用于规定文档或节的页眉,就是头部
    • 规定文档的主内容 ,就是主体内容
    • 定义文档或节的页脚 ,就是底部

    为啥要语义化呢

    • 标签语义化有助于构架良好的HTML结构,有利于搜索引擎的建立索引、抓取。 还更易查找、测试、调试
    • 有利于不同设备的解析(屏幕阅读器,盲人阅读器等)就比如有人写代码全div,那怎么分清头部,导航,主体,底部呢
    • 有利于构建清晰的结构,有利于团队的开发、维护,提高代码的可维护性和健壮性

    总结

    不要觉得有些东西没用,这样是为了语义化,语义化是什么,语义化是指根据内容的结构化,选择合适的标签,便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。开发者要方便,浏览器解析也要方便啊。而且语义化了之后,会方便残疾人阅读啊,那些视觉障碍的人可以通过页面朗读来听内容。本次算是把name给讲完了,还剩下http-equiv没讲呢,任重而道远啊,下次内容再带大家回顾http-equiv的属性吧,以及html5新增的一些属性。

    好啦,本节内容就总结到这里。我的文章都是学习过程中的总结,希望能够和小伙伴们共同进步共同学习,如果发现错误,也欢迎留言指出,我及时更正。

  • 相关阅读:
    【余贞侠】- c语言程序设计第二、三章课后习题答案
    Unity的WebGL平台动态加载glb/gltf测试
    C++11并发支持库函数std::call_once
    数学建模【对粒子群算法中惯性权重和学习因子的改进】
    【HDLBits 刷题 9】Circuits(5)Finite State Manchines 1-9
    Linux- tmux工具的使用
    C# 语言的面向对象技术
    使用 WordPress快速个人建站指南
    初学者如何学习编程(从2014到2023年十年编程工作总结)
    【机器学习】分类与预测算法的评价与优化
  • 原文地址:https://blog.csdn.net/web2022050903/article/details/126604586