HTML(1-3)
前言:对于计算机来说,它并不懂人类的语言,人类写入计算机中计算机是不能理解的,计算机只认识属于它自己的规则,这个时候便需要一个标准一个共同的规则,它使得人类和计算机都能理解,无论是HTML、CSS、JS等语言,它们的出现都是为了让计算机理解人类想要做什么表达什么执行什么。
涉及点:
1.HTML超文本标记语言的标签是做什么用的
2.HTML超文本标记的语义
3.页面显示的过程(简单概括)
4.编辑器技巧
5.关于废弃标签
解释:
一.HTML超文本标记语言中的标签是为了告诉浏览器这个标签所在的区间中的内容预期应该是什么含义,不同的标签对应着不同的含义,标签在浏览器中并不会显示给用户看到,标签唯一的作用便是给HTML文本中的内容添加对应的语义。
二.刚刚提到了,计算机并不能理解人类的语言,比如我们写一段话给计算机,计算机并不能理解这段话是想要表达什么(比如预期应该是段落、标题还是文字内容)。标签便是人类与计算机共同能够理解的一种标记,它标记着内容预期在网页中所表达出的含义和意义,预期想要表达的含义便是语义。浏览器只认标签,也只能读懂标签,如果没有标签存在,浏览器就不知道这内容是表达什么的,所以这时就需要使用标签来告诉计算机这个内容是什么类型,所以这时加上h1标签,标签范围内内容的语义便是大标题,加上p标签这个区间的内容便是告诉浏览器此时这是一个段落,所以标签本身便是语义。合理的应用标签达到对应的语义,不仅符合规范利于浏览器和开发者的理解,同时也能利于seo的优化。
三.网址对应着的就是一个IP地址,这个地址便是服务器,服务器中存储着大量与用户有关的数据和文件,当用户输入一个网址后,便会通过IP地址寻找到服务器,并向服务器发送一个请求,请求预期拿到想要的数据,当服务器接收到来自浏览器的请求后,便会根据预期响应给浏览器,像请求方(浏览器)传送数据,当浏览器拿到数据后,再根据数据中的文件(html、css、图片等等)进行依次的解析加载和渲染,以供用户能够正常的浏览和观看,这个过程便是浏览器(用户端)与服务器之间的一种沟通过程,既然是沟通,必然要有相互的制约和标准,也是一种规则,这个标准便是HTTP协议。
四.编辑器快捷键
标签名+tab === 快速生成标签对
!+tab === 快速生成一个html骨架
p*数量+tab === 快速生成一定数量的同种标签
按住滚轮拖动 === 选中多行进行同时编辑
ctrl+X === 删除光标所在行
shift+ctrl+↑ === 选中多行
ctrl+/ === 注释
五.目前有很多已经不再使用的标签,它们多是负责了结构又同时拥有一定样式的标签,比如b标签,它呈现出加粗的语义,但是它只是内定了一个样式font-weight。但是行为样式应该是要分离的,所以既然样式可以操控可以直接写入形成加粗的效果,那么又何必用标签定义加粗效果呢,语义已经不明确了,所以便被废弃,大多数废弃标签基本都是这样的。