html5前端的head怎么写？

最新推荐文章于 2024-03-17 11:50:58 发布
最新推荐文章于 2024-03-17 11:50:58 发布
阅读量250 收藏
点赞数
文章标签： 前端 ui javascript ViewUI
原文链接：https://my.oschina.net/u/2433082/blog/818567
版权 
<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <title>Amaze UI Examples</title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="{{assets}}i/favicon.png">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="{{assets}}i/app-icon72x72@2x.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">

  <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
  <!--
  <link rel="canonical" href="http://www.example.com/">
  -->

</head>
<body>
...

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<![endif]-->

</body>
</html>

 说明：

1、移动优先

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

禁止用户进行缩放

2、渲染引擎

由于目前国内有一些x核浏览器，指定网页使用 webkit 引擎渲染，下面的代码，只对 360浏览器6.5+有效

<meta name="renderer" content="webkit">

 3、防止页面被植入莫名其妙的广告

<meta http-equiv="Cache-Control" content="no-siteapp" />

转载于:https://my.oschina.net/u/2433082/blog/818567

chengxiong5395
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Head First HTML5 Programming（中文版）
03-16
Head First HTML5 Programming（中文版）| Eric Freeman / Elisabeth Robson | 中国电力出版社 | 出版年: 2012-9 ⚠️注意：这本书网上有很多扫描版本的资源，但其实都是同一份PDF文件，里面的页面大小不统一，且...
前端基础-HTML5新特性
01-20
HTML5是前端开发中的一个重要里程碑，它带来了许多新的特性和改进，使得网页开发更为高效且具有更好的用户体验。本文将详细探讨HTML5的新特性，主要集中在语法简化、语法宽松和语义化标签的引入。 首先，HTML5在...
心得：HTML的head部分的书写顺序
林中路
04-23 1483
HTML的head区域其实是很重要的一块内容，以往都会很重视Body区域的内容，对这一区域比较轻视，最近才抽空总结了一下head部分的书写顺序，都是根据自己以前的经验和教训得来的，也许有不正确的地方，之后再修正。一般的书写顺序：<!doctype html> <html> <head> <meta> <!--meta标签紧跟着head开始标签来写，如果有多个每个一行-->
入门Web前端开发 ＜header＞
m0_74364380的博客
10-21 2282
入门Web前端开发一、了解web前端HTML、CSS之导学宇宙第一编辑器VS Codechrome浏览器深入了解网站开发web前端三大核心技术二、关于HTMLHTML基本结构和属性HTML初始代码HTML中的注释标题与段落文本修饰标签图片属性引入文件的地址路径跳转锚点特殊符号无序列表有序列表定义列表 一、了解web前端 HTML、CSS之导学 什么是HTML？ HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻
HTML基础：head头部标签包含的8种形式详解
最新发布
u013179804的博客
03-17 1221
虽然<head>标签不直接影响页面的展示，但它在网页开发中扮演着至关重要的角色。<head>标签包含了页面的元信息和引用外部资源的声明，这些信息决定了页面的结构、样式和行为，直接影响着用户的浏览体验和搜索引擎的优化。因此，在编写 HTML 文档时，务必要充分理解并正确使用<head>标签，以确保页面能够正常加载、呈现，并达到预期的效果。好了，以上，本节完。排版：云桃桃 | 图片设计：云桃桃作者介绍：云桃桃，在写作的程序媛。终身学习者，陪你一起编程，一起写作❤️。
前端学习（二）：head标签
爱吃西瓜的夏天
09-08 274
进击のpython 前端学习——head标签 head标签中的相关标签，是看不见摸不着的，仅仅是对应用于网页的一些基础信息(元信息) 前面说的是青春版，完整的head应该是这样的 !<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <met...
关于html<head>部分怎么写的一些思考
晴晴晴的博客
07-17 1075
关于html部分怎么写的一些思考 在编辑器里直接!+tab键就可以写好一个 html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-
web前端工程-html5详解.docx
10-12
Web 前端工程 - HTML5 详解 HTML5 是当前 Web 开发的潮流技术之一，它是一种标记语言， used to create structured documents on the web. 作为一名前端工程师，掌握 HTML5 是非常必要的。下面我们将详细介绍 ...
Web前端基础：HTML5技术介绍.pptx
05-06
HTML5是Web开发领域的一次重大革新，它对超文本标记语言（HyperText Markup Language）进行了许多改进和扩展，...对于初学者来说，理解并熟练掌握HTML5的基本组织规范和新特性，是成为合格Web前端开发者的重要一步。
前端入门html5+css31
08-04
"前端入门html5+css3" HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。它不是一种编程语言，而是一种标记语言，用于描述网页的结构和内容。 网页是由图片、声音、文字、视频等...
前端html小课堂—head篇
yunduanaoligei的博客
01-21 463
今天分享下”前端html小课堂—head篇“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。下面介绍一下常用的head头部结构，以及每个标签、元素的意义和使用场景的逐一介绍（本文基于一个伟大的神的文章，扩展和总结）。 padding.me的head头结构 复制代码 代码如下: <!DOCTYPE HTML> <html lang="zh-cmn-Hans"> <head> &l
重学前端（九）-head
weixin_33895695的博客
06-19 148
元信息：描述自身的信息，元信息类标签，就是 HTML 用于描述文档自身的一类标签，它们通常出现在 head 标签中，一般都不会在页面被显示出来（与此相对，其它标签，如语义类标签，描述的是业务）。 一、定义和用法 <head> 标签用于定义文档的头部，它是所有头部元素的容器。 <head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。 复制代码文档的头部...
网页html中head怎么写,html head之<meta>标签
weixin_35851240的博客
05-31 307
html网页中head之meta标签什么是meta标签?在一个网页中meta标签常常被用做网页关键字、网页介绍、作者、网页编码、robots、自动跳转等声明及说明标签。网页显示字符集网页编码简体中文：中文：繁体中文：英 语：2、网页制作者信息3、网页关键字声明(搜索引擎优化地方)4、网页简介说明(搜索引擎优化地方)5、防止别人在框架里调用你的页面6、自动跳转(此标签用法可以让网页在多少秒后自动从当...
HTML head 头标签你真的了解么？
369Cloud的博客
04-13 6013
HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO 等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的 meta 元素，显得更为重要。了解每个标签的意义，写出满足自己需求的 head 头标签，是本文的目的。本篇以一丝的文章为基础，进行扩展总结介绍常用的 head 中各个标签、元素的意义
前端WEB调试添加header的正确姿势
热门推荐
明明如月的技术博客
05-14 1万+
一、背景 调试代码的时候，经常需要在header中添加一些额外的参数。肿么办？ 其实可以利用浏览器插件实现。 下面简单介绍其中一个不错的插件。 二、工具 插件名称：modheader 可直接在市场上搜索，如果无法直连插件网站，可以在百度中搜，然后自行安装。 使用也非常简单，打开插件，直接通过右上角加号添加请求头或者响应头即可，也支持添加filter，根据指定的url规则...
HTML中HEAD的用法
jgh113的博客
06-08 1247
介绍标签用于定义网页文档的头部，它是所有头部元素的容器。在head标签中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。head 与 tail 就像它的名字一样的浅显易懂，它是用来显示开头或结尾某个数量的文字区块，head 用来显...
HTML编码问题导致的乱码
Alex
09-01 1330
今天一个学弟问了一个问题，它写的HTML代码打开显示的是乱码。 然后就给我发来了代码。 就一个HTML文件和一个文件夹，打开一看，很简单的代码。 <!DOCTYPE html> <html lang=""> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值