• 前端学习(二):head标签


    进击のpython

    *****

    前端学习——head标签


    head标签中的相关标签,是看不见摸不着的,仅仅是对应用于网页的一些基础信息(元信息)

    前面说的是青春版,完整的head应该是这样的

    !<!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
    
    </body>
    </html>
    

    meta标签

    charset

    这个是设置网站的字符集

    UTF-8 字多,有各种国家的语言,但是保存尺寸大,文件臃肿

    gb2312字少,只用中文和少数外语和符号,但是尺寸小,文件小巧

    你们公司是做日本动漫的,经常出现一些日语动漫的名字,网页要使用UTF-8

    如果用gb2312将无法显示日语

    你们公司就是中文网页,极度的追求网页的显示速度,要使用gb2312

    如果使用UTF-8将每个汉字多一个byte,所以5000个汉字,多5kb

    name

    主要用于页面的关键字和描述,是写给搜索引擎看的,关键字可以有多个用 ‘,’号隔开

    与之对应的属性值为content,主要是便于搜索引擎机器人查找信息和分类信息用的

    <meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
    

    就是你搜索这些关键字都能找到此网站

    <meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />
    

    设置Description页面描述,那么百度搜索结果,就能够显示这些语句

    这个技术叫做SEO(search engine optimization,搜索引擎优化)


    title标签

    主要用来告诉用户和搜索引擎这个网页的主要内容是什么

    搜索引擎可以通过网页标题,迅速的判断出当前网页的主题

    <title>我是测试!!!!</title>
    

    *****
    *****
  • 相关阅读:
    elasticsearch
    Python数据预处理(sklearn.preprocessing)—归一化(MinMaxScaler),标准化(StandardScaler),正则化(Normalizer, normalize)
    Pandas的Categorical Data
    详解FindBugs的各项检测器 .
    Oracle存储过程基本语法介绍
    关于MySQL的SLEEP(N)函数
    MYSql存储过程的作用及语法
    唯一约束 和 唯一索引 有什么区别?
    MySql避免重复插入记录
    [Ljava.lang.String和java.lang.String区别
  • 原文地址:https://www.cnblogs.com/jevious/p/11490871.html
Copyright © 2020-2023  润新知