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

Flutter学习Day2 Widget 观念 StatelessWidget (上)

介绍 只要把Widget想像成一块块的乐高积木或是部件, 当你要建造一台新阿姆斯特朗旋风喷射阿姆斯特...

TailwindCSS 从零开始 - 增加 Base 样式

什麽是 Base 样式 概念有点像是 CSSreset,现在网页基本上都会使用 CSS reset...

Leet Code 2. Two Numbers

题目 Given a signed 32-bit integer x, return x with ...

Day 17:700. Search in a Binary Search Tree

今日题目 题目连结:700. Search in a Binary Search Tree 题目主题...

[Day 23]从零开始学习 JS 的连续-30 Days---箭头函式

函式陈述式与函式表达式差异 函式陈述式 : function num(x) { return x *...