博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
重学前端(九)-head
阅读量:6478 次
发布时间:2019-06-23

本文共 1743 字,大约阅读时间需要 5 分钟。

元信息:描述自身的信息,元信息类标签,就是 HTML 用于描述文档自身的一类标签,它们通常出现在 head 标签中,一般都不会在页面被显示出来(与此相对,其它标签,如语义类标签,描述的是业务)。

一、定义和用法

 标签用于定义文档的头部,它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。复制代码

文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在 head 部分:

, 
,
,

二、提示和注释

提示:应该把 标签放在文档的开始处,紧跟在 后面。

提示:请记住始终为文档规定标题!

三、title标签

<title>title</title>

  • 网页的标题标签有效长度是64个字节,汉语是32个字。长出来的部分无益有弊。
  • 每个页面的Title标签不能相同,首页与列表页、详情页、内容页的标签不能一致,根据网页提供的内容的不同,设置合适的Title标签。
  • 标题标签中务必出现这个页面的关键词,或者关键字词组。关键词和关键字词组的位置也有关系。同样条件下,搜索引擎优先考虑关键词和关键字词组靠前的。
  • 标题标签中可以出现网站名字,这样能慢慢让我们的网站形成品牌意识。
  • 一个网页,不管多大多小,如果推广很多个关键词就要建立目录,多做新的关键词相关的网页。
  • Title标签设置要与内容相关,可以设置使用标题、关键字、概述等。
  • Title标签尽量要有原创性、修改性,采编过来的内容,不要拿来即用,要适当的修改,添加些原创因素,有助于提高网页搜索引擎的收录。

写法

1)网页标题-网页概述2)网页概述-网页标题3)网页标题4)关键词1-关键词2-关键词3-网页标题5)关键词1、关键词2、关键词3-网页标题6)关键词|关键词2|关键词3-网页标题7)关键词,关键词2,关键词3-网页标题8)网页标题-关键词,关键词2,关键词39)网页的标题标签(Title Tag)规范化例子:复制代码

四、meta标签

1、定义和用法

meta元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

meta 标签位于文档的头部,不包含任何内容。meta 标签的属性定义了与文档相关联的名称/值对。

meta 标签永远位于 head 元素内部。

复制代码

2、http-equiv

复制代码
  • no-cache: 先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存。
  • no-store: 不允许缓存,每次都要去服务器上,下载完整的响应。(安全措施)
  • public : 缓存所有响应,但并非必须。因为max-age也可以做到相同效果
  • private : 只为单个用户缓存,因此不允许任何中继进行缓存。(比如说CDN就不允许缓存private的响应)
  • maxage : 表示当前请求开始,该响应在多久内能被缓存和重用,而不去服务器重新请求。例如:max-age=60表示响应可以再缓存和重用 60 秒。

3、viewport

复制代码
  • width:页面宽度,可以取值具体的数字,也可以是 device-width,表示跟设备宽度相等。
  • height:页面高度,可以取值具体的数字,也可以是 device-height,表示跟设备高度相等。
  • initial-scale:初始缩放比例。
  • minimum-scale:最小缩放比例。
  • maximum-scale:最大缩放比例。
  • user-scalable:是否允许用户缩放。

meta属性太多!!!毕竟可以自己定义

转载于:https://juejin.im/post/5d09ea226fb9a07eff008c36

你可能感兴趣的文章
LVM常规操作记录梳理(扩容/缩容/快照等)
查看>>
try_module_get和module_put【转】
查看>>
Java刷题知识点之什么是cookie、什么是session、cookie和session有什么区别
查看>>
iOS: 复选框使用---第三方框架SSCheckBoxView-master
查看>>
美化Windows Mobile上的自定义ListView
查看>>
Hdu-1565 电网接入(1) (国家压缩dp获得冠军
查看>>
复杂进销存样例
查看>>
07. Web大前端时代之:HTML5+CSS3入门系列~H5 地理位置
查看>>
ArcGIS Server 开发系列(三)--漫游 Graphics data sources
查看>>
导入HDFS的数据到Hive
查看>>
Microsoft Windows Workflow Foundation 入门:开发人员演练
查看>>
RHEL系统下安装atlassian-jira-5
查看>>
1.5 MySql建表
查看>>
JIT与可见性
查看>>
java中用中国网建提供的SMS短信平台发送短信
查看>>
rails中validates_confirmation_of验证方法无效的解决办法
查看>>
Qt Creator介绍
查看>>
MS SQL 迁移数据库文件
查看>>
Design Pattern: Adapter 模式 - Object Adapter
查看>>
Robot Framework自动化测试(三)---Selenium API
查看>>