HTML5——网页骨架

用户9152506121091

2023-10-16 75 阅读1分钟

网页骨架

<!doctype html>  //文档类型声明DTD（Document Type Definition),不写会有兼容问题
<html lang="en">   //</html>标签对儿，此处为开始标签，lang指语言类型，
                      en是英语，zn表示中文
    <head>    // <head>标签对儿，网页配置
   
    </head>
    <body>  //<body>标签对儿，用来输入网页内容
   
    </body>
</html>

例：

<!doctype html> 
<html lang="en">  
    <head>   
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    </head>
    <body>  
你好！
    </body>
</html>

标签对的字符集

-<meta charset="UTF-8"> meta是元标签，表示网页的基础配置；charset是字符集（属性）；UTF-8是字符集（值），涵盖全球所有文字和图形字符，一个汉字占3字节，而gbk收录所有汉字字符和少量英文，但一个汉字占2个字节

<title>Document</title> title标签用来设置网页的标题，文字会显示在浏览器的标签栏上，例网页学习 title也是搜索引擎收录网站时显示的标题举例说明：我们将Document改为Welcome

网页关键词和页面描述

使用meta标签设置关键词和描述，使用name属性设置meta的具体功能

<meta name="Keywords" content="JAVA,前端，网页学习"> //Keywords指关键词
<meta name="Description" content="JAVA是一门高级计算机语言，将前端网页和JAVA学好对我们面试就业，自我提升有很大帮助。"> //Description是描述

简单认识标签

超文本标记就是一个标签，标签通常成对出现，有时也会有单标签，如上例

<p>学习网页</p> 前面是起始标签，后面是结束标签，不同的标签有不同的功能