HTML — 知识篇总结《I》
文章目录
一丶 元素
元素 = 起始标记 + 结束标记 + 元素内容 + 元素属性
二丶 属性
属性=属性属性名 + 属性值
三丶 属性分类
局部属性:某些元素特有的属性
全局属性:所有元素通用 比如:title
四丶 空元素
有些元素没有结束标记,这样的元素叫做:空元素,它是不会显示内容的
五丶 元素嵌套
元素嵌套是可以的,比如说:
<div>
<p></p> 正确
</div>
但是一定要注意!元素不能相互嵌套!比如说:
<div>
<p> 错误
</div>
</p>
六丶 元素家族
父元素、子元素、祖先元素、后代元素、兄弟元素(拥有同一个父元素的两个元素)
七丶 文档声明—!DOCTYPE
<!DOCTYPE html>
【1】
文档声明,告诉浏览器,当前文档使用的HTML标准是HTML5,不写文档声明,将导致浏览器进入怪异渲染模式。
【2】
这个不是元素要注意!
八丶 根元素—html
<html lang="en"></html>
根元素,一个页面最多只能有一个,并且该元素是所有其他元素的父元素或祖先元素。
HTML5版本中没有强制要求书写该元素(根元素)。
九丶 lang属性
【1】
lang属性:language,全局属性,表示该元素内部使用的文字是使用哪一种自然语言(汉语、英文等等)书写而成的。
【2】
在lang属性中设置汉语,html lang=“zh-CN”【已过时】,html lang=“cmn-hans”【现在用的是】
十丶 文档头—head
<head>
....
</head>
文档头,文档头内部的内容,不会显示到页面上
十一丶 编码
中国大陆的编码—GB2312,台湾编码—GBK,万国码(世界所有语言的集合)— UTF-8,它的通用性很强,但是也有缺点
十二丶 文档元数据—meta
<meta>
【1】
元素的 charset 属性:指定网页内容编码
【2】
用于移动端设备屏幕适配
<meta name="viewport" content="width=device-width, initial-scale=1.0">
【3】
告诉用户使用IE浏览器时,建议使用 edge 内核
<meta http-equiv="X-UA-Compatible" content="ie=edge">
十三丶 body
<body>
文档体,页面上所有要参与显示的元素,都应该放置到文档体中