这个是html文档一般都有的元素。
1. 介绍
元素基本所有浏览器都支持,它提供页面的元信息,比如描述、关键字、web服务等
位于文档头部的内部,将以名称/值对出现
2. 属性
注意:如果没有name属性,那么名称/值对中的名称将采用http-equiv
3. 模板
meta标签属性其中,
charset是HTML5中的新属性,用来定义字符集。
keywords用来定义唯一的关键字,一般比较简短明了,用于搜索引擎的。
description定义web页面的描述,准确反映网页的内容。搜索引擎可以找到网页的一个方式。
author定义页面的作者
refresh页面的重定向和刷新,content里面是多少时间后刷新(秒)。如果加了url,则会重定向到指定的网页。
上述代码表示5s后自动跳转到百度网页。
4. 移动设备
这里解释一下一个概念
响应式页面设计理念:页面的设计与开发可以根据用户的行为和使用的设备环境来进行智能的调整和布局,实现一个网站兼容多个终端,兼容性问题。
meta标签属性其中,
viewport用于优化移动浏览器的显示。
width是宽度(数值/device-width设备宽度)
height是高度(数值/device-height设备高度)
initial-scale初始的缩放比例
minimum-scale允许用户缩放的最小比例
maximum-scale允许用户缩放的最大比例
user-scalable是否允许用户手动缩放(no/yes)
注意:如果initial-scale=1用在非响应式网站中,那么页面将以100%的宽度渲染,用户必须手动缩放或是移动页面来看页面内容。如果initial-scale=1和user-scalable=no或maximum-scale=1同时使用,那么用户将不能进行缩放网页来查看内容,页面其他内容将看不见。
webAPP全屏模式
这里meta作用是删除默认的苹果工具栏和菜单栏,实现全屏模式。content有yes/no两个值。当不加这个meta时,默认是显示工具栏和菜单栏的。
隐藏或设置状态栏的颜色
这个必须在开启webAPP全屏模式才有效,所以要配合上一个使用。
其中content有三个值,black黑色,default白色,black-translucent灰色半透明
添加到主屏幕后的标题
将页面添加到手机主屏幕中的标题的定义。
注意:以上三个标签一般都是连在一起用的,主要是针对苹果手机,ios设备私有属性
忽略数字自动识别为号码,忽略识别邮箱,禁止跳转至地图
//上述也可以连起来写
其他
有道云笔记参考:http://note.youdao.com/noteshare?id=44e8435b80d1a14e5510d6468845f981&sub=23F9CB208B8B4161B4C8580FF7E442B9
HTML中<;meta>;标签如何正确使用
HTML中标签如何正确使用 如果我们在浏览器中按下F12或者Ctrl+shift+J,便可以打开开发者工具,在element中即可看到
元素中有不少< ...html中meta标签及用法理解
自己一直想成为高级前端开发工程师,而自学.奈何最近感觉自学收效甚微,一度迷茫. 不破不立,打算改变这样的状态. 春节后上班第一天,今年打算好好实现自己的前端梦想. 重新整理.总结前端技术. 废话,就不 ...
HTML中Meta标签中http-equiv属性小结
HTML中Meta标签中http-equiv的用法: 1.Ex ...
HTML中Meta标签中http-equiv属性
HTML中Meta标签中http-equiv的用法: 1.Ex ...
HTML中meta标签作用及属性总结
在前端开发中编写html静态网页模板时,head标签内总是会带上许多meta标签,大多数时候并不十分了解这些标签的具体作用,只是别人写了我们也写上吧! 今天小编特意查询了一下关于网页中meta标签的作 ...
爬虫技术 -- 进阶学习(十一)【补充】获取html中meta标签中的content的内容
上一篇网易新闻页面信息抓取 -- htmlagilitypack搭配scrapysharp中提及了很多如何快速抓取html中的文本的语句, 但是meta标签中的content内容的抓取,没有提及到! ...
HTMl中Meta标签详解以及meta property=og标签含义
meta是用来在HTML文档中模拟HTTP协议的响应头报文.META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的
标记和标记之 ...HTML中Meta标签大全
在网页的HTML源代码中一个重要的代码“”(即通常所说的META标签).META标签用来描述一个HTML网页文档的属性,例如作者.日期和时间.网页描述.关键词.页面刷新等. 1.META标签的keyw ...
HTML中META标签的使用
一.META标签简介 元素可提供有关页面的元信息,元数据总是以名称/值的形式被成对传递的. 标签位于文档的头部,不包含任何内容.
Html中meta标签详解--以前经常忽略的
W3School介绍:http://www.w3school.com.cn/html5/html5_meta.asp meta是用来在HTML文档中模拟HTTP协议的响应头报文. meta 标签的用处 ...
随机推荐
jqgrid no url reset
如果发现 jqgrid 在运行中出现次错误,可能是以下原因 $('#@(ViewBag.tabcid + "_grid")').jqGrid('navGrid', '#@(View ...
CSS3属性选择通配符
CSS3增加了更多的CSS选择器,可以实现更简单但是更强大的功能,比如:nth-child()等. Attribute selectors:在属性中可以加入通配符,包括^,$,* [att^=val] ...
hdu 1286:找新朋友(数论,欧拉函数)
找新朋友 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submis ...
SANS top 20
What Are the Controls?The detailed Consensus Audit Guidelines are posted at http://www.sans.org/cag/ ...
Linux下,查看网络配置(IP,Gateway,DNS)
查看IP [root@localhost ~]# ifconfigem1 Link encap:Ethernet HWaddr F0:1F:AF:D6:17:DD ...
随记1(#define a 10和const int a=10)
正是求职笔试旺季,前几天听说有人遇到此题:#define a 10 和const int a=10的区别,废话不多说,下面来解释一下: #define 指令是定义符号常量 const 定义的是常变 ...
Android性能检测--traceview工具各个参数的意思
Android性能检测 traceview的使用方法 1. 把android-sdk-windows\tools路径加到Path当中 2. 编写测试代码: package com.wwj.tracev ...
Spring Boot 2.x基础教程:工程结构推荐
Spring Boot框架本身并没有对工程结构有特别的要求,但是按照最佳实践的工程结构可以帮助我们减少可能会遇见的坑,尤其是Spring包扫描机制的存在,如果您使用最佳实践的工程结构,可以免去不少特殊 ...
spring boot - 整合jpa
org.springframework.bootspring- ...