页面标题为「我的页面」
页面中引入了一个外部 CSS 文件，文件路径为 /style.css
页面中引入了另一个外部 CSS 文件，路径为 /print.css，该文件仅在打印时生效
页面中引入了另一个外部 CSS 文件，路径为 /mobile.css，该文件仅在设备宽度小于 500 像素时生效
页面中引入了一个外部 JS 文件，路径为 /main.js
页面中引入了一个外部 JS 文件，路径为 /gbk.js，文件编码为 GBK
页面中有一个 SVG 标签，SVG 里面有一个直径为 100 像素的圆圈，颜色随意
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>我的页面</title>
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="./print.css" media="print"> //media(媒体查询):一个媒体查询由一个可选的媒体类型和零个或多个使用媒体功能
的限制了样式表范围的表达式组成，例如宽度、高度和颜色。媒体查询，添加自CSS3，
允许内容的呈现针对一个特定范围的输出设备而进行裁剪，而不必改变内容本身。
<link rel="stylesheet" href="./mobile.css" media="(max-width: 500px)">
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="100" r="50" fill="red" />
</svg>
<script type="text/javascript" src="./main.js"></script>
<script type="text/javascript" src="./gbk.js" charset="gbk"></script> //charset 属性规定在外部脚本文件中使用的字符编码。如果外部文
件中的字符编码与主文件中的编码方式不同，就要用到 charset 属性。
默认的字符编码是 ISO-8859-1。
</body>
</html>
网友评论