<!DOCTYPE html> @*这个声明用来指出程序应该用什么规则集合来解释文档中的标记*@ <html>
<head>
<meta /> @*主要定义html网页介绍,网页关键字,网页编码,页面作者 自动跳转定义以及robots协议等内容*@ <meta http-equiv="content-type" content="text/html;charset=utf-8" /> @*设定显示字符集,为utf-8(此编码支持中英文字符)*@ <meta http-equiv="content-language" content="zh-cn" /> @*设定页面语言,为简体中文,繁体中文为tw,英文为en-us*@ <meta name="author" content="gakki" /> @*网页作者,gakki*@ <meta name="description" content="一起帮主页" /> @*网页功能和内容的描述*@ <meta name="keywords" content="一起帮,主页" /> @*网页关键字*@ <meta name="viewport" content="width=device-width,initial-scale=1.0" /> @*供移动设备使用,宽度为设备宽度*@ <meta name="theme-color" content="#4285f4" /> @*这里的theme-color还不是很清楚他的具体含义,说是给移动端设置背景颜色*@ <base /> @*定义html网页默认打开方式的声明*@ <link /> @*定义目标文件的链接,包括外部层叠样式表(CSS),外部脚本(JS),以及其他内部脚本代码*@ <link rel="stylesheet" type="text/css" href="~/css/site.css" /> @*链接层叠样式表*@ <link rel="shortcut icon" type="image/x-icon" href="~/images/logo.ico" media="screen" /> @*显示图标*@ <link rel="apple-touch-icon" href="/images/logo.ico" /> @*这个应该是给苹果设备应用程序设置桌面显示吧*@ @*<link rel="manifest" href="/manifest.json" />*@ @*Manifest是一个JSON格式的文件, 你可以把它理解为一个指定了Web App桌面图标、名称、开屏图标、运行模式等一系列资源的一个清单。*@ <title>首页·一起帮</title> @*定义HTML网页的唯一标题*@ <script type="text/javascript"> document.write(‘<h1>HTML+CSS+JS</h1>‘); </script> @*感觉可以用js完成网页的所有内容,不过这个在布局上比较麻烦*@ </head>
<body> @* 吐槽专区,有啥不爽一吐为快,注意要匿名哦 问答专区,问啥都行,不犯法就行 直播专区,一起编程,你从不会孤单一人 飞哥专区,一起帮·源栈创始人,专注IT教育的老牛 找高手·找新手 订阅内容,看看你关注人的最近更新情况 浏览历史,你的足迹 *@ </body>
</html>
看了几个比较有名的网站在head上的相关内容,确实有很大的差异
有的技术老一点,有的技术新一点,有的里面含有大量的style和js,并没有过多的加载css和js的插件 甚至几百行的js和css都是自己写的,我觉得没有这个必要,感觉是在拿代码坑老板的节奏
先进性常规的pc端操作,移动端的部分设置也看不出啥效果