HTML的基本结构
html文档结构
<!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>
-
<!DOCTYPE html> //引用官方的DTD文件,而Html5不需要引用严格意义上的DTD规范
问:什么是DTD文件?
答:
- <html>标签 //<html>文档的根元素标签, 成对出现,如<html>......</html> ,代表一个html文档的开始和结束
- <head>标签 //<html>文档的头部标签, 成对出现,如<head>......</head>
- <body>标签 //<html>文档的主体部分, 成对出现,如<body>......</body> ,存放一个网页的所有内容
head标签内常用元素
- <title>标签 //用于定义html文档标题 ,是可以直接在浏览器窗口看到的标签,也是用户与搜索引擎最看重的标签,能帮助用户与搜索引擎判断当前页面的主旨和中心思想,在做seo优化的时候,应当将当前页面最核心的关键词写到<title>标签中,从而提高网页的排名和浏览量
- <script>标签 //用于包含javascript的脚本,可在该标签内编写js代码,或直接引入外部的js文件
- <link>标签 //用于引入外部的css文件
- <style>标签 //用于定义html文档内部的css样式
- <meta>标签 //用于定义html文档的元信息,也称为元数据 ,也就是键值对,包含以下3个属性 :一般情况下可以省略或者不用理,需要时请仔细查阅官方文档使用
http-equiv:指定元信息的名称,该属性指定的名称具有特殊意义,它可以向浏览器传回一些有用的信息,帮助浏览器正确处理网页内容 , name:指定元信息的名称, 一般情况下可以省略或者不用理,需要时请仔细查阅官方文档使用 content:指定元信息的值 ,一般情况下可以省略或者不用理,需要时请仔细查阅官方文档使用
问:什么是元信息
答: