HTML&CSS之HTML文档结构/标签/元素

来源：互联网发布：屏幕录像ios 知乎编辑：程序博客网时间：2024/06/05 03:38

一.什么是HTML

HTML(Hypertext Markup Language),指的是超文本标记语言。HTML不是编程语言，因为它没有编程语言那样复杂好的逻辑。
HTML5是HTML的第5个版本。HTML5标准是2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

二.文档结构

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>    </body></html>

1.每个HTML5文档都是以<!DOCTYPE html>开头，指示web浏览器关于页面使用哪个 HTML 版本进行编写的指令。且DOCTYPE标签只有这唯一一种用法。
2.<html>此元素可告知浏览器其自身是一个 HTML文档。是一个根元素。
3.<head>标签用于定义文档的头部，它是所有头部元素的容器。<head>标签可以：
　　a.声明文档的字符编码
　　b.文档的标题/网页的标题
　　c.引用外部js
　　d.引用外部css
　　e.内部css
其中：<title> 定义文档的标题，它是 head 部分中唯一必需的元素。
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。
关于<meta>的详细介绍可以看百度百科-meta。
4.<body>文档主体
<body> 元素定义文档的主体。
<body> 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

元素

什么事元素和元素的分类

元素指的是开始标签开始到结束标签结束的全部代码，eg:<title>HTML结构</title>。
元素还有分类：
　　a.空元素,没有内容
　　b.自闭和元素

元素之间的关系

父元素：是和元素的父元素，一个父元素可以有多个子元素
子元素：元素是元素的子元素，一个子元素只能有一个父元素
兄弟元素：元素和元素互称为兄弟元素
后代元素：是的后代元素
理清楚了元素之间的关系是很重要的。

元素的属性

　　a.元素的属性都是在开始标签里面体现
　　b.元素的属性的一般写法：属性名=”属性值”
　　　　eg:<meta charset="utf-8" />
　　c.一个元素可以有多个属性多属性之前使用一个空格隔开
　　d.一个属性可以有多个值，值之间使用一个空格隔开 eg:属性名=”属性值1 属性值2”

布尔属性

　　属性名=”“
　　属性名
　　建议写法：属性名=”属性值”
　　　　eg:<input type="text" disable="disable">;

自定义属性

自定义属性是以data-*的结果。
元素和标签是非常相近的概念，其中元素的属性和标签的属性是一致的，所以在上面就没有介绍标签的属性。

0 0