前端学习(二):head标签
2024-08-31 02:25:07
进击の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>
*****
*****
最新文章
- 3D游戏中的画质与效率适配
- C#_技巧:.net下C++调用C#的dll
- [LeetCode] 435 Non-overlapping Intervals
- 转:不应该不知道C++的常用库
- 地图坐标转换 -- 火星坐标与GPS坐标
- BZOJ 4131 并行博弈
- 小圣求职记A:腾讯篇
- stm32中.bss和.data段是在哪里初始化的
- sql2005如何附加数据库
- 虚函数—c++的灵魂
- 【虚拟化实战】容灾设计之四VPLEX
- leetcode--003 LRU cache
- Vijos P1066 弱弱的战壕【多解,线段树,暴力,树状数组】
- 硬件能力与智能AI-Zoomla!逐浪CMS2 x3.9.2正式发布
- 遍历对象属性(for in、Object.keys、Object.getOwnProperty)
- pepperoni-app-kit
- C# 16进制转 Brush 颜色对象
- [转][C#][WebApi]
- float double 如何存储
- v-if案例解析(element-ui form-item 结合 v-if 动态生成rule规则\表单元素,表单无法验证问题剖析 )