美文网首页
003 第一个页面

003 第一个页面

作者: 泷汰泱 | 来源:发表于2019-10-09 14:22 被阅读0次

第一个页面

一、基础模板

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>第一个页面</title>
    </head>
    <body>
        
    </body>
</html>

二、模板解读

  • DOCTYPE:指定文档类型,规定html标签语法
  • html:文档根标签,标注着文档(页面)的开始与结束
  • head:文档头标签,可以引用脚步文件、指定样式表、书写代码逻辑块、提供元信息
  • body:文档主体标签,包含文档所有文本与超文本内容
  • title:文档tag标题标签,设置文档tag的标题内容
v_hint:html标签的lang属性值 en | zh(zh-cn)

三、其他核心模板标签

1、meta(元标签)

字符编码
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
SEO
<meta name="keywords" content="8-12个以英文逗号隔开的单词或词语">
<meta name="description" content="80字以内的一段话,与网站内容相关">
移动适配
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

2、link(链接标签)

外联样式表
<link rel="stylesheet" type="text/css"  href="style.css" />
文档tag图标
<link rel="shortcut icon" type="image/x-icon" href="http://www.baidu.com/favicon.ico" />

3、style(样式标签)

内联样式表
<style></style>

4、script(脚本标签)

<script type="text/javascript"></script>
v_test:设置简单的新浪模板

相关文章

网友评论

      本文标题:003 第一个页面

      本文链接:https://www.haomeiwen.com/subject/cnldectx.html