Html入门

Posted by Wh0ami-hy on August 28, 2024
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>标题</title>
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="/index.css">
    <style>html,body,#container{ height: 100%;overflow: hidden}</style>
  </head>
  <body>
    <div id="container">内容</div>
    <script type="text/javascript" src="/index.js"></script>
    <script type="text/javascript">
      console.log('script');
    </script>
  </body>
</html>
  • DOCTYPE 文档类型 (jsp php 动态页面需要格外注意,不同文档类型声明会造成样式等解析规则不同)
  • <meta> 元信息 (文档编码、特殊浏览器标识、viewport 设置等等)
  • <viewport> 视窗 (devicePixelRatio)
  • <title> 文档标题 (document.title)
  • <link> 链接 (rel 当前文档与被链接文档之间的关系、href 链接地址 <a>)
  • <script> 脚本 (src 资源地址 <video> <img>)
  • <style> 引入 css 样式的几种形式、优先级、优缺点

本站总访问量