HTML入门笔记1
1. 概述
HTML 的全名是“超文本标记语言”（HyperText Markup Language），上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李（Tim Berners-Lee）发明。他的主要特点是点开链接就可以跳转网页，从而构成了互联网
2.网页的基本标签
打开编辑器，新建HTML文件后，输入！后按下enter得到如下代码
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
2.1
表示文档类型，来告诉浏览器如何解析网页，偏向于一个处理指令
2.2 <html> 标签
是标签树结构的顶层节点，也称为根元素，一个网页只能有一个html标签。该标签的lang属性，表示网页内容默认的语言。
2.3 <head> 标签
head标签是一个容器标签，用于放置网页的元信息。它的内容不会出现在网页上，而是为网页渲染提供额外信息。
2.4 <meta> 标签
用于设置或说明网页的元数据，必须放在里面，他有以下属性
<charset>属性，<meta>标签的charset属性，用来指定网页的编码方式。- name 属性，content 属性，
<meta>标签的name属性表示元数据的名字，content属性表示元数据的值。 - http-equiv 属性，content 属性,
<meta>标签的http-equiv属性用来覆盖 HTTP 回应的头信息字段，content属性是对应的字段内容。
2.5 <html>
用于指定网页的标题，会显示在浏览器窗口的标题栏。
2.6 <body>
它是一个容器标签，用于放置网页的主体内容。
3.网页元素的全局属性
全局属性（global attributes）是所有元素都可以使用的属性。
3.1 id属性
id属性是元素在网页内的唯一标识符。
- id属性的值必须是全局唯一的，同一个页面不能有两个相同的id属性。
- id属性的值还可以在最前面加上#，放到 URL 中作为锚点，定位到该元素在网页内部的位置。比如，用户访问网址foo.com/index.html#…
3.2 class属性
class属性用来对网页元素进行分类。
3.3 contenteditable属性
HTML 网页的内容默认是用户不能编辑，contenteditable属性允许用户修改内容。它有两个可能的值。
- true或空字符串：内容可以编辑
- false：不可以编辑
3.4 style属性
style属性用来指定当前元素的 CSS 样式。具体的设置，请看 CSS 教程。
3.5 hidden 属性
hidden是一个布尔属性，表示当前的网页元素不再跟页面相关，因此浏览器不会渲染这个元素，所以就不会在网页中看到它。
3.6 tabindex 属性
网页通常使用鼠标操作，但是某些情况下，用户可能希望使用键盘，或者只有键盘可以用。
-
负整数：该元素可以获得焦点（比如使用 JavaScript 的focus()方法），但不参与 Tab 键对网页元素的遍历。这个值通常是-1。
-
该元素参与 Tab 键的遍历，顺序由浏览器指定，通常是按照其在网页里面出现的位置。
-
该元素参与 Tab 键的遍历，顺序由浏览器指定，通常是按照其在网页里面出现的位置。
4.常用的表章节标签
4.1
<header>可以用在多个场景，既可以表示整个网页的头部，也可以表示一篇文章或者一个区块的头部。
4.2
<footer>表示网页、文章或章节的尾部。如果用于整张网页的尾部，就称为“页尾”，通常包含版权信息或者其他相关信息。
4.3
<main>标签表示页面的主体内容，一个页面只能有一个
4.4
<article>标签表示页面里面一段完整的内容，即使页面的其他部分不存在，也具有独立使用的意义，通常用来表示一篇文章或者一个论坛帖子
4.5
<aside>来放置与网页或文章主要内容间接相关的部分。
4.6
<section>标签表示一个含有主题的独立部分，通常用在文档里面表示一个章节，比如
。<article>可以包含多个<section>。<section>总是多个一起使用，一个页面不能只有一个4.7
<nav>标签用于放置页面或文档的导航信息。
4.8
<h1> ~ <h6>用来表示文章的标题。按照标题的等级，一共分成六级。
5.常用的内容标签
5.1
<div>是一个通用标签，表示一个区块（division）
5.2
<p>是一个块级元素，代表文章的一个段落（paragraph）。
5.3
<span>是一个通用目的的行内标签（即不会产生换行），不带有任何语义。
5.4
<hr>用来在一篇文章中分隔两个不同的主题，浏览器会将其渲染为一根水平线。
5.5
<strong>是一个行内元素，表示它包含的内容具有很强的重要性，需要引起注意。
5.6
<em>是一个行内标签，表示强调（emphasize），浏览器会以斜体显示它包含的内容。
