HTML基本模板

 1 <!DOCTYPE html>

 2 <html lang="zh-CN">

 3 <head>

 4     <meta charset="UTF-8">

 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">

 6     <meta http-equiv="X-UA-Compatible" content="ie=edge">

 7     <title>Document</title>

 8 </head>

 9 <body>

10

11 </body>

12 </html>

标签解析

1. <!DOCTYPE html>标签：声明文档类型的标签(html)，告诉浏览器如何解析网页

2. html标签(双)：网页的顶层容器，即标签树结构的顶层节点，也称为根元素（root element）

　　（1）所有元素都是它的子元素

　　（2）一个网页只能有一个<html>标签

　　（3）html标签用于显示网页所有内容

　　（4）也用于给浏览器或搜索引擎传递信息

　　（5）lang属性：表示网页内容默认的语言， lang = "en " --- 代表该网页属于按一个国家或地区。例如：en- US：英国，zh -CN：中国

3. head标签(双)：容器标签，用于放置网页的元信息，不可视化区域，此内容不会出现在网页上，而是为网页渲染提供额外信息

4. meta标签(单)：设置网页的元数据，专门告诉浏览器或者搜索引擎关于网页的基本数据

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

name 属性：表示元数据的名字
content 属性：表示元数据的值，核心搜索关键字，作为网页名字的补充
http-equiv 属性：用来覆盖 HTTP 回应的头信息字段(与content属性一起使用)
charset 属性：字符集信息,网页文件的编码格式
- gb2312: gb国标拼音缩写
- gbk: 国家标准扩展
- gb18030：最新的内码字集
- utf-8: 全世界200多个国家和地区的语言文字

5. link标签(单)：用于链接外部样式表(css)

<link rel="stylesheet" href="css路径">

6. title标签(双)：用于指定网页的标题，会显示在浏览器窗口的标题栏

<title>Document</title>

7. body标签(双)：用于放置网页的主体内容，是<html>的第二个子元素，紧跟在<head>后面

巴特西

HTML模板标签解析

HTML基本模板

标签解析

最新文章

热门文章