meta标签

H4 浮动 流式 定位 普通
H5 弹性盒布局 多栏布局 响应式布局 双飞翼布局

images 存放图片的图像档
首页默认名称 index.html default.html
浏览器起查看作用
meta 解读元素信息的标签 元信息标签
meta utf-8 字符编码(防止文本乱码)专注于移动端 (Gb2312 专注于PC和数据库的字符编码)

viewport用于获取设备的可视窗口
width=device-width用于获取设备的宽度
initial-scale 自动缩放为原来的1倍
max-scale最大为原来的1倍缩放
min-scale 最小为原来的1倍
user-scalable=no 禁止用户对整个页面进行缩放
no是html关键字
none是css关键字
IE=edge,chrome=1 用于选择内核较高的浏览器进行使用 专注于IE8的模拟器渲染方式

<meta name="format-detection" content="telephone=no,email=no,address=no">
format-detection“格式检测”,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置:
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<meta name="format-detection" content="address=no" >
telephone禁止数字作为电话进行拨打
email 禁止发送空邮件
address 禁止地址跳转到地图
浏览器模拟器手机尺寸
Iphone4 320480px
Iphone5 320
568px
Iphone6 375667px
Iphone6p 414
736px

<head>标签中可以存放的标签

行内样式优先级最高
内部样式次之
外部样式最低

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言:最近学习前端,看到head里面设置了好多属性,在此记录下。学习于 博客 1.viewport 一、含义 手机...
    Cyrill阅读 1,127评论 0赞 0
  • 对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,今天我们就来说说移动平台的...
    MYS_iOS_8801阅读 770评论 0赞 1
  • W3School say meta 标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的...
    bpup阅读 903评论 0赞 0
  • 常见的meta标签 定义和用法: 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎...
    PYFang阅读 1,725评论 1赞 2
  • (注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!)(注2:更多内容请查看我的目录。) ...
    love丁酥酥阅读 1,145评论 2赞 3

友情链接更多精彩内容