Day27 - HTML 与 CSS (9) - head

<head>

  • <head>:只有 1 个,主要说明一些资讯,如编码、标题,使用的 tag 的内容通常不会显示在网页上
  • <title>:出现在浏览页上方的标签的标题
  • <meta>:将网页资讯提供给浏览器、搜寻引擎、爬虫或社群使用
    • charset="UTF-8":设定网页的编码
    • name="description":网页的描述
    • property="og:__":用来载入 FB 相关的设定,让网页在FB 的呈现可以更好
    • http-equiv:设定网页的一些资讯,如编码、更新频率,下面范例则是设定 IE 什麽版本的,就用什麽版本的标准模式
  • <link>:用来载入会用到的资源,如 CSS 样式表
    • rel="shortcut icon":用来载入标题标签前面的图示
    • rel="apple-touch-icon":用来载入加入 APPLE 装置的图示
  • <script>:用来写 JavaScript 的,或是使用 src="" 来载入 JS 档案
<head>
    <meta charset="UTF-8">
    <title>HTML、CSS教学</title>
    <link rel="shortcut icon" href="favicon.ico">
    <meta name="description" content="网站描述文字" />
    <meta property="og:title" content="FB的标题" />
    <meta property="og:description" content="FB的描述" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="FB上的网址" />
    <meta property="og:image" content="FB的图片" />
    <link href="图片路径" rel="apple-touch-icon" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <link rel="stylesheet" href="CSS档案路径">
    <script type="text/javascript" src="JS档案路径"></script>
</head>

参考资料

次回

进一步了解网页架构等等


<<:  Day 28:元件的单元测试

>>:  [Day 29] YARN

资料取得 - 多重来源

说是多重来源,其实也就是本机和 shioaji 而已,我的想法是这样子的,如果本机有资料的话,就从本...

30天学习笔记 -day 30 -感言

LAST Day 终於到了铁人赛的最後一天,过程中复习了不少的东西,对某些用法有了更加的认识,过程中...

JavaScript学习日记 : Day1 - 前言

参赛动机 厘清JavaScript中自己一知半解的概念 透过写文章加强记忆,培养自己写文章的能力 ...

Day 4-Visual Studio 环境安装与介绍第一只测试专案 HelloBank (基础-3)

工欲善其事,必先利其器—该先装 Visual Studio 了 今天的内容会开始介绍我们要使用的整合...

(Day15) 闭包进阶使用,工厂模式及私有方法。

上回介绍闭包概念以及闭包大致运用,这次则介绍实做比较常用闭包的几种模式 工厂模式 上个章节有介绍到,...