html (1) 鸟瞰
HTML: HTML的全称叫做 Hypertext Markup Language，超文本标记语言，是网页的文件格式
HTML 作用： HTML是负责描述文本语义的语言。
什么是文本语义？ 这个元素是文字/图片/声音/视频？ 标题<h1>title</h1>？ 段落文本<p>text...</p>？
用什么办法如何描述文本语义？ 通过不同的标签，单标签和标签对。
now: 去看那些 html 的标签吧！...... ...... ......
编辑器: vscode, sublime ...
这些编辑器好在哪？ （1）超级丰富且好用的插件 （2）快捷键
编辑器使用的第一件事？ 设置编辑器字符集！
HTML结构:
- 头 doctype definition
- 命名空间NameSpace <html> .... </html>
- 元设置
DTD就是DocType Definition 文档类型定义, 也有人翻译为DocType Declartion 文档类型声明
DTD，干什么用的？ 这一行语句，告诉浏览器我是什么版本的HTML文件,然后浏览器根据html版本进行解析。
XHTML: 标签必须是小写，所有的属性都必须用双引号封闭，但标签结尾反斜杠 (毕竟还挺规范 我们也这么写吧 哈哈哈)
HTML5是新的版本，不在设立strict、transitional、frameset等版本了。 （所以时代向前发展，会 html5 is OK!）
XML NameSpace
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
</html>
HTML是XML中的一种
meta 是“元”、“初始”的意思，表示元设置、初始设置
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name=”description” content=”页面描述” >
<meta name="keywords" content="手机,电脑,冰箱,彩电">
<title>页面描述和关键词</title>
HTML现在你就感觉到了，不仅仅负责描述语义，还描述了页面的层次!
如何描述页面的层次? 看标签谁包裹谁，和缩不缩进无关！
空白折叠现象？ HTML中的文字，不管有多少个空格，多少个换行，多少个缩进，都会被压缩为一个空格
一个页面只能由一个 h1 标签！
h1标签中的内容，权重非常高，搜索引擎会特别注意抓取里面的文字。搜索引擎如果看见页面有多个h1，视为作弊，降低你的权重。
h标签是个文本级标签。
html的标签只有两类？
这里实际上揭示了一个事情，就是标签的级别。我们HTML将所有的标签都进行了分类，只有两类：
1） 容器级标签 ： 里面谁都可以装，甚至可以包裹和自己一样的标签。
2） 文本级标签 ： 里面只能放文字、图片、表单元素，和其他的文本级标签。
浙公网安备 33010602011771号