码迷,mamicode.com
首页 > Web开发 > 详细

HTML的网页的代码结构以及head标签下的相关内容

时间:2020-11-23 12:41:31      阅读:27      评论:0      收藏:0      [点我收藏+]

标签:浏览历史   苹果   font   java   media   ima   相关   繁体   部分   

<!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端操作,移动端的部分设置也看不出啥效果



HTML的网页的代码结构以及head标签下的相关内容

标签:浏览历史   苹果   font   java   media   ima   相关   繁体   部分   

原文地址:https://www.cnblogs.com/gakkiaspnet/p/14005229.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!