HTML简介

HTML（超文本标记语言——HyperText Markup Language)是一种用于创建网页的标准标记语言。HTML由WWW(万维网）的发明者Tim Berners-Lee发明，是一种基础技术，常与CSS、JavaScript一起被用于设计网页、网页应用程序以及移动应用程序的用户界面。
HTML定义了网页的结构和内容。浏览器访问网站，其实就是从服务器下载 HTML 代码，然后渲染出网页。

HTML起手

Emmet: !
具体代码含义如下：

<!--DOCTYPE：文档类型-->
<!DOCTYPE html>
<!--html标签，可以把lang(language)改成zh-CN-->
<html lang="en">
<!--head 里面一般是看不见的元素-->
<head>
    <!--UTF-8 是文件的字符编码-->
    <meta charset="UTF-8">
    <!--告诉IE使用最新内核-->
    <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>

HTML标签

网页的 HTML 代码由许许多多不同的标签（tag）构成, 标签用来告诉浏览器，如何处理这段代码。标签的内容就是浏览器所要渲染的、展示在网页上的内容。
标签放在一对尖括号里面（比如<title>），大多数标签都是成对出现的，分成开始标签和结束标签，结束标签在标签名之前加斜杠（比如</title>）。但是，也有一些标签不是成对使用，而是只有开始标签，没有结束标签，比如<meta>标签。

HTML 标签名是大小写不敏感的，比如<title>和<TITLE>是同一个标签。

章节标签

章节标签主要用于表示文章/书的层级

h1~h6 标题
section 章节
article 文章
p 段落
header 头部
footer 脚部
main 主要内容
aside 旁支内容
div 块

内容标签

ol+li 有序列表
ul+li 无序列表
dl+dt+dd 描述列表，其中，dt里是描述的对象，dd里是描述的内容
pre 保留空格、回车等
hr 水平分割线
br 换行
a 链接
em 强调，表语气上的强调
strong 强调，主要是内容本身的重要性
code 代码
quote 行内引用
blockquote 块级引用

属性

属性（attribute）是标签的额外信息，使用空格与标签名和其他属性分隔

全局属性

class

contenteditable 可以使任何元素可以被直接编辑

hidden

id 一般不使用 id ,因为 id 在理解上是全局唯一的，但实际上不能保证唯一性，容易产生误解；
js 里若想要直接获取 id ,需要保证 id 不与 window. 中已经存在的全局属性重名

style 在标签属性中设置 style 的优先级高于 CSS 设置的样式;
但在 js 中设置的样式会覆盖 html 中的 style 属性；
html标签有默认的样式，通常在实际项目中会先清除默认样式，再进行样式的设置

tabindex 用于控制tab顺序
tabindex可以为正数，但不必须严格递增，设置tabindex属性后网页tab按照数字大小顺序选中
tabindex可以为0，表示最后一个选中
tabindex可以为-1，表示不能被tab选中

title

HTML入门笔记1