html是什么?
- 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分。一套规则,浏览器认识的规则
- 浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容。但需要注意的是,对于不同的浏览器,对同一标签可能会又不完全相同的解释(兼容性)
- 静态网页文件扩展名:html或.htm
html不是什么?
- html不是一种编程语言,而是一种标记语言(markup language)
- html使用标记标签来描述网页
html的组成结构
<!DOCTYPE html> <!--告诉浏览器使用哪种html来解析html文档-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title> <!--网页标题-->
</head>
<body>
<!--文本内容-->
</body>
<!html>
- <!DOCTYPE html>告诉浏览器使用哪种html或者xhtml来解析html文档
- <html></html>是文档的开始标记和结束标记,此元素告诉浏览器其自身是一个HTML文档,在他们之间是文档的头部<head>和主体<body>.
- <head></head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示,但是其间的元素有不可或缺的重要意义。
- <title></title>定义网页标题,在浏览器标题栏显示。
- <body></body>之间的文本是可见的网页主题内容。
html标签格式
- html标签是由<>包围的关键词,例如<html>
- 标签不区分大小写,推荐使用小写。<html>和<HTML>
- 标签分为两部分:开始标签<a>和结束标签</a>.两个标签之间的部分叫做标签体.有些标签功能比较简单,使用一个标签即可,这种标签叫做自闭合标签。例如:<br/><hr/><input/><img/>
- 标签可以由若干个属性,也可以不带属性。例如<head>元素就不带任何属性
- 标签可以嵌套,但是不能交叉嵌套.例如 错误写法 :<a><b></a></b> 正确写法:<a><b></b></a>
html标签的语法:
- <标签名 属性1="属性值1" 属性2="属性值2"......>文本内容</标签名>
- <标签名 属性1="文本1" 属性2="文本2”......></标签名>
常用标签
<!DOCTYPE>标签
<!DOCTYPE>声明位于文档中的最前面的位置,处于<html>标签之前,此标签可告知浏览器文档使用的是哪种html或xhtml规范。
作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。
document.compatMode:
- BackCompat: 怪异模式,浏览器使用自己的怪异模式解析渲染页面。
- CSS1Compat: 标准模式,浏览器使用W3C的标准解析渲染页面。这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackConpat.
<head>内常用标签
- meta标签
<meta>可提供有关页面的元信息(meta-information),针对搜索引擎和更新频度的描述和关键词。
<meta>位于文档的头部,不包含任何内容。
<meta>提供的信息是用户不可见的。
meta标签的组成:meta标签共有两个属性,他们分别是http-equiv属性和name属性,不同的属性有不同的参数值,这些不同的参数值实现不同的网页功能。