网页元素
注释
注释为代码的阅读者提供帮助,注释不参与运行
在HTML中,注释使用如下格式书写:
<!--注释内容 -->
元素
其他叫法:标签、标记
<a href="http://www.duyiedu.com">渡一教育</a>
官方叫法 :element (元素)
元素 = 起始标记(begin tag) + 元素属性 + 元素内容 + 结束标记 (end tag)
属性 = 属性名 + 属性值
属性的分类:
- 局部属性:某些元素有的属性 herf
- 全局属性:所有元素通用 title
<meta charset="UTF-8">
有些元素没有结束标记,这样的元素叫做:空元素
空元素的两种写法:
<meta charset="UTF-8">
<meta charset="UTF-8" />
" / ":闭合标记,可以省略,但XML不可以
元素的嵌套
元素不能相互嵌套
例如:
<div>
<p>
</div>
</p>
父元素、子元素、祖先元素、后代元素、兄弟元素(拥有同一个父元素的两个元素)
标准的文档结构
HTML: 页面、HTML文档
<!DOCTYPE html>
文档声明,告诉浏览器,当前文档使用的HTML标准是HTML5.
不写文档声明,讲到时浏览器进入怪异渲染模式。
<html lang="en">
</html>
根元素,一个页面最多只能一个,并且该元素是所有其他元素的父元素或祖先元素。
HTML5版本没有要求书写该元素。
lang属性:language,全局属性,表示该元素内部使用的文字使用哪一种自然语言(汉语还是英语)书写而成的。
lang=“zh-CN” 已经过时,而取代它的是 lang= “cmn-hans” (意识是中国大陆官方用语;即:普通话)
<head>
</head>
文档头,文档头内部的内容,不会显示到页面上。
<meta>
文档的元数据:附加信息。
charset:指定网页编码。
计算机中,低压电(0~2 V)0,高压电(2~5 V)1,表示2,使用10
计算机中,只能存储数字
文字和数字进行对应
比如:a —— 97,A —— 64
该字典叫做字符编码表,GB2312,GBK
UTF-8 是 Unicode 编码的一个版本 (万国码)。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
表示的是网页的视口,把视口的宽度设置为设备宽度
<meta http-equiv="X-UA-Compatible" content="ie=edge">
表示解决IE浏览器的兼容性问题
<title>Document</title>
表示:网页的标题
<body><body>
表示:文档体,页面上所有要参与显示的元素,都应该放置到文档体中。
IE浏览器的兼容性问题
<title>Document</title>
表示:网页的标题
<body><body>
表示:文档体,页面上所有要参与显示的元素,都应该放置到文档体中。