meta
写在<head></head>标签内,配置不同的属性,实现不同的功能:
3秒之后,自动跳转到百度
<meta http-equiv="refresh" content="3;http://www.baidu.com">
视口宽度等于屏幕宽度
<meta name="viewport" content="width=device-width, initial-scale=1.0">
width=device-width
:表示视口宽度等于屏幕宽度。 viewport 在 Web 移动端的时候会用到。
定义“关键词”
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
搜索引擎根据关键字识别网页内容
定义“页面描述”
<meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />
搜索引擎搜到网页后,会显示网页描述
base
写在<head></head>标签内,指定基础的路径。指定之后,所有的 a 链接都是以这个路径为基准。
<base href="/">