对html的全新认识

一、之前对于html的认知

​ 1.html是超文本标记语言，他的一系列标签具有特有的功能与样式，通过标签特有的样式我们能够组织信息(文本、链接、图片、视频、音频等等)，并更好的展现。

​ 2.html的所有标签都是内置的，并且可以通过css进行样式的修改。

​ 3.html是解释型语言，不需要编译，当我们部署到服务器上，客户端访问的时候自己进行解析。

​ 4.html语言是w3c组织开发的(错误)

​ 5.html通过jsp达到动态网页的效果

​ 6.所有标签都可以通过样式指定宽高

二、现在对于html的认知

​ 1.html的标签更多的是语义化标签，而不关注其默认的样式。样式都可以通过css实现

​ 2.html用于搭建网页的骨架，通过标签将页面分割成合适的模块，再通过jsp、thymeleaf等等技术将需要的后台数据填充到骨架中，完善内容。

​ 3.html5的时候大部分标准已经统一，在兼容性方面的考虑没有以前那么复杂

​ 4.html语言的标准是w3c组织推荐的

​ 5.标签分为块级别和行级别，行标签无法通过css直接指定宽高

1)块级别是

​ div 【容器】无意义的块元素（无招胜有招）
​ h1~h6 标题
​ p 段落
​ ul>li 【容器】列表
​ ol>li 【容器】列表
​ dl>dd,dt 【容器】列表

作用：搭建网页的结构
特点：宽度默认占满父元素,高度默认由内容决定,宽高可以自定义

2)行级别是

​ span 无意义的行内元素
​ a 超链接
​ href
​ target
​ img 图片
​ src

​ alt 当图片找不到的时候的文本替代
​ strong b em i sub sup d …

作用：填充网页
特点：默认宽高由内容决定；宽高无法指定；

​ 所有的行内元素可以共享一行空间;

​ 行内元素内部一般不允许嵌套子元素，只允许放文本

​ 6.在html中声明的charset表示的是浏览器按照什么编码解析

​ 7.在html中声明的viewport表示是应对手机模式访问网站、网页对屏幕而做的一些设置。通常手机浏览器打开页面后，会把页面放在一个虚拟的“窗口”–这个比窗口大，也就是你常发现页面可以进行拖动、放大放小，这个窗口即viewport，meta的这个viewport属性基本所有手机浏览器皆支持。

​ 8.语法升级

废弃掉 strong frameset …
新增 header article section…