• 回顾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新增的一些属性。

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

  • 相关阅读:
    数据库之-元数据 DatabaseMetaData 初学
    处理器ChannelHandler的线程安全问题
    Spring Event事件发布机制
    JavaScipt设计模式初探-代理模式(三) 虚拟代理
    SQL基础练习题(mysql)
    px转rem插件postcss-plugin-px2rem使用方法(浏览器缩放页面自适应)
    Java8中List转Map报错“java.lang.IllegalStateException: Duplicate key”
    Spring事务底层源码剖析
    MySQL调优篇:单机数据库如何在高并发场景下健步如飞?
    【小程序项目开发-- 京东商城】uni-app开发之轮播图
  • 原文地址:https://blog.csdn.net/web2022050903/article/details/126604586