HTML中基本形式

最新推荐文章于 2024-01-17 11:16:42 发布

qq_39355295

最新推荐文章于 2024-01-17 11:16:42 发布

阅读量155

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_39355295/article/details/102710546

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>标题</title>
</head>

一、介绍

在日常的html代码中，很多的头标签是自动生成的，我们写body中内容，但是有时候我们还需要注意头部的内容这对于用户体验性有很大的帮助。

二、标签说明

1、字符串的编码格式

<meta charset="UTF-8">

2、可视区域的展示样式：
(1)width:可视区域的宽度，值可为数字或关键词device-width
(2) intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
(3) maximum-scale用户可将页面放大的程度，1.0将禁止用户放大到实际尺寸之上。minimum-scale=1.0同理是最小的缩放程度。
(4)user-scalable:是否可对页面进行缩放，no 禁止缩放

 <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0">

3、mate默认显示苹果的工具栏和菜单栏，content如果设置为yes表示确认删除工具栏和菜单栏。

<meta name=”apple-mobile-web-app-capable” content=”yes” />

4、控制状态栏显示样式
默认样式如下：
在这里插入图片描述

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

上面我们设置为黑色了，所以样式改为如下所示：
在这里插入图片描述
5、使用IE内核浏览器来访问，会渲染至该浏览器的最高版本。
举例：比如你使用IE9浏览器，那么就算在兼容模式切换至IE7，但仍会渲染成IE9的样子

 <meta http-equiv="X-UA-Compatible" content="ie=edge">

qq_39355295

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML中基本形式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0...
复制链接

扫一扫

专栏目录