前端学习

HTML(超文本标记语言)

HTML骨架

<!DOCTYPE html>   
<html lang="en">  
<head>
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

 
 

DTD文档声明

  • HTML文件第一行必须是DTD（Docment Type Definition,文档类型声明）
  • 不写DTD会引发浏览器兼容问题
  • 不同版本的HTML有不同的DTD写法
<!DOCTYPE html>

W3C组织

W3C（The World Wide Web Consortium，万维网联合会）是万维网的主要国际标准组织。该联盟成立于1994年，负责定制web标准，主要是HTML和CSS。

lang属于网页语言，默认“en” ，“zh”表示中文

<html lang="en">

 
 

<head></head>标签对

<head></head>标签对，网页的配置，非网页的头部

<head>
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

 
 

<body></body>标签对

<body></body>标签对，书写网页的内容，包括网页的头部、主要内容、页脚等各个部分

<body>    
</body>

 
 

字符集

<meta charset="UTF-8">

meta 元标签，表示网页的基础配置 charset 字符集 UTF-8 是一种字符集

字符集 涵盖字符 1个汉字字节数 适用场景
UTF-8 涵盖全球所有国家、民族的文字和大量图形字符 3 制作有非汉字文字的网页
gb2312 (gbk) 收录所有汉字字符（包括简体、繁体）和英语、少量韩文、日语和少量图形字符 2 制作只有汉字和英语的网页，由于1个汉字占2字节，网页文件尺寸明显减少

更改网页的字符集

无论使用哪种字符集，一定要在vscode编辑器中将文件也设置位相同字符集，否则会出现乱码,然后更改meta标签：

<meta charset="UTF-8">
<meta charset="gb2312">
<meta charset="gbk">

 
 

title的用途

<title></title>标签对，用来设置网页的标题，文字会显示在浏览器的标签栏上。

<title>网站的标题</title>

title也是搜索引擎收录网站时显示的标题，为了吸引用户点击，合理设置title是必要的。

网页的关键词和页面描述

  • 合理设置网页的网页的关键词和页面描述，也是SEO的重要手段

  • SEO（Search Engine Optimization，搜索引擎优化）利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名，让网站在搜索引擎的结果中内占据领先地位，获得品牌收益

  • 使用meta标签设置网页关键词和描述，name属性非常关键，用来设置meta的具体功能

    <meta name="Keywords" content="关键词1，关键词2，关键词3，关键词4">
<meta name="Description" content="网站描述内容文字。">
posted @ 2021-06-26 19:01  干饭熊猫人  阅读(85)  评论(0)    收藏  举报