字符集设置需要在<head>标签中，使用<meta>标签进行设置。如第四行代码所示。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html> 字符集涵盖字符一个汉字字节数适用场景UTF-8涵盖全球所有国家、民族的文字和大量图形字符3制作有非汉字文字的网页gb2312(gbk)收录所有汉字字符（简体、繁体）和英语，少量韩语、日语以及少量图形字符2制作只有中、英的网页，由于一个汉字仅占2个字节，网页尺寸明显减小无论使用哪种字符集，一定要将HTML文件设置为相同的字符集，否则会出现乱码的现象。
<title>用于设置网页标题，文字会显示在浏览器的标题栏中。同时也是搜索引擎收录网站时显示的标题，为了吸引用户点击，合理设置title是十分必要的。
合理设置网页的关键词和页面描述，也是SEO的重要手段。
SEO（Search Engine Optimization，搜索引擎优化）。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位，获得品牌收益。
使用meta标签设置网页的关键词和描述，name属性用来设置meta的具体功能。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我是title</title> <meta name="Keywords" content="手机, 电脑, 数码"> <meta name="Description" content="XX网，超值商品，优享品质"> </head> <body> </body> </html>其中页面描述也是搜索引擎显示出来的网页简介词语。
