1.什么是html?
HTML的英文全称是Hyper Text Markup Language (超文本标记语言),是网络上用于编写网页的主要语言。
2.html文件的基本结构
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
以上代码定义了一个html文档,下面来解释一下不同标签的含义和作用。
1. < !DOCTYPE html> 标签
现在互联网上所有的网页都有< !DOCTYPE html>标签的定义,并且所有浏览器都支持 < !DOCTYPE html>声明。
doctype 声明不属于 HTML 标签(tag); 它是一条指令,告诉浏览器编写页面所用的标记的版本。
在所有 HTML 文档中规定 doctype 是非常重要的,必须是 HTML 文档的第一行,位于 <html> 标签之前。这样浏览器就能了解预期的文档类型,而且应始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
2.< HTML>< /HTML>标签
<html> 与 </html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。正如您所了解的那样,文档的头部由 <head> 标签定义,而主体由 <body> 标签定义。
3.< head>< /head>标签
<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
<title> 定义文档的标题,它是 head 部分中唯一必需的元素。
4.< mata>标签
<meta> 标签必须位于文档的头部(head标签内),它是HTML文档中head区的一个辅助性标签,标签内部不包含任何内容。
<meta> 标签的属性定义了与文档相关联的“名称/值”对。
<meta>标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。比如通过name属性的keywords 和 description属性就可以设置网站关键词,对网站进行SEO优化。
例如:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> --指定网页使用utf-8编码
4.< body>< /body>标签
body是html网页结构最重要的标签,也叫主体内容标签,一般网页内容均放入此标签组之间,在HTML只能使用或出现一次。