HTML基础教程之文件结构

<!DOCTYPE HTML>
<html>
<head>
<title>php.cn</title>
</head>
<body>
这里是存放网页内容的
</body>
</html>

HTML文件结构的说明:

  • <!DOCTYPE HTML>:html5标准网页声明,必须放在 HTML 文档的第一行,位于 <html> 标签之前

  •  <html></html>标记的含义:告诉浏览器,其中的代码用什么格式(图片、视频)来编译。

  • <head></head>标记的含义:告诉浏览器,网页中的汉字用什么字符集(GB2312、BIG5、JIS)显示。不使用正确的字符集,网页会出现乱码。GB2312(简体中文)、BIG5(繁体中文)、JIS(日文)、utf-8(多国语言)

  •  <title></title>中只能是纯文本,任何标记都会原封不动的显示。

  •  <body></body>是网页主要内容的显示区域。网页中99%的内容都必须放在<body>。只有放在<body>中,最终浏览器翻译以后,才能看见结果。

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 功能:告诉浏览器,如何翻译汉字。

  • http-equiv:模拟http协议的文件头原信息,主要目的是服务器向客户端返回时,用什么格式显示。

  • Content-type:内容类型。

  • Content:详细内容类型介绍。

  • Text/html:网页是text格式,html是文本中的小格式。

  • Charset:字符集,主要控制汉字如何显示。

  • Utf-8:多国语言编码,什么国家的语言都可以正常显示。


Weiter lernen
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>这是我们的第一个页面</title> </head> <body> <h1>欢迎加入php.cn</h1> <h2>希望你能够在这里学的开心</h2> </body> </html>
einreichenCode zurücksetzen