HTML页面的文档结构
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML页面</title></head><body> <p>您好！HTML</p> </body></html>
| 代码 |
描述 |
| <!DOCTYPE html> |
通知浏览器这是⼀个 HTML5 ⽂档,应始终写在第⼀⾏ |
| <html>…</html> |
根标签,或叫根元素,整个 hmtl ⽂档内容都必须写到这对标签中 |
| <html lang="en"> |
通知搜索引擎 html ⽂档使⽤的编写语⾔,如果是中⽂建议改成:<html lang="zh-CN"> |
| <head>…</head> |
供浏览器和搜索引擎使⽤,描述字符编码集,视⼝与⻚⾯标题,⽤户并不感兴趣 |
| <meta> |
设置⻚⾯元素数据, 所谓元数据, 就是描述某种特定信息的数据 |
| <meta charset="UTF-8"> |
通知浏览器 html ⽂档编写语⾔所属的字符编码集,最流⾏的是UTF-8,已成⾏业标准 |
| <meta name="viewport" content="..." /> |
下⾯三⾏是对它的解读 |
| name=”viewport” |
设置视⼝(即可视区屏幕)如何显示这个⻚⾯, 例如是否允许缩放这个⻚⾯ |
| initial-scale=1.0 |
设置⻚⾯初始绽放⽐例,1.0表示原样 1:1 显示,不允许有任何绽放 |
| <title> |
显示在浏览器标签上的⽂本, 指定当前⻚⾯的标题, 这个标签对 SEO ⾮常重要 |
| <body>…</body> |
⻚⾯主体内容,允许或希望⽤户的内容都应该写到这⾥,⽤户也只对这⾥的内容感兴趣 |
| <!— 注释内容 -> |
注释⽤来描述标签功能或⽤途,它的内容不要出现在显示的⽹⻚中, 只会出现在 html 源代码中 |
