WEB学习

文章一

1 HTML简介

1、HTML是一种超文本标记语言，不是一种编程语言。
2、html解析html是按照从上到下的顺序进行
3、html出现语法错误时，浏览器或者编辑器不会报错。
4、html可以使用.html / .htm
5、BS架构：浏览器-》web服务器（重点）-》数据库 .
用户只需要安装一个浏览器，服务器需要安装服务器和数据库软件等即可。
6、当完成了HTML代码的编写，需要将写好的Html网页部署到服务器中，Apache是世界使用排名第一的Web服务器软件。

2、网络知识：

    》http：超文本传输协议  
          核心：请求/响应模式：
              请求：
                  请求头：浏览器的缓存机制、设置token【令牌】登陆
                  请求行：请求方式【post、get】
                  请求体：携带给服务器的数据
              回应：
                  相应头：
                  响应行：状态码
                  响应体：服务器返回给浏览器的数据
    》URL：统一资源定位符
         同源策略：协议+域名/ip+端口号
         跨域拦截：
                 1、协议相同，端口相同，域名不同
                 2、协议不同，端口相同，域名相同
                 3、协议相同，端口不同，域名相同

3、html语法：

》html 元素
1、块级元素 ul li div p head form table body
2、行内元素
3、空元素（只包含单个标签）
4、替代元素（不依赖css）: ……
》 样式类型
1、id
2、class
3、style
4、title
》 tip:
实体：
1、空格-&nbsp
2、< - &lt
3、> - &gt
注释会被浏览器忽略而不被解析
一些标签：
下划线
^{上标
_{下标
列表：ol ul dl
超链接a: 1-用于锚点跳转 href="#目标元素的ID值"
2-URL使用path来定位文件，path又分为相对路径和绝对路径
3-联系我们
1-target:_self (默认，在当前选项卡打开新页面)
_blank(在新选项卡打开新页面
2-a标签会有自动刷新页面的功能因此可以实现回到顶部的功能}}

• 标签边距
  body 有上下左右外边距
  p、h、标签有外边距但是没有内边距

  input td/th有上下左右内边距
  div a form header img table标签没有外边距也没有内边距
  ul 存在上下外边距和左内边距
  ol 存在上下外边距和左内边距
  

4 问题

1、html5新增标签：
header nav article section aside footer address hgroup
figure（从网页上移除不会有任何影响）& figcaption（一个figure元素内最多只允许放置一个figcaption元素）
details(用于标识该元素内部的子元素可以被展开,收缩显示的元素。) summary
友情提示:对于不支持html5的浏览器，会默认识别这些标签为行内元素，我们应该将其设置成块级元素（兼容性）
2、HTML5与HTML4主要区别在哪里
①HTML5 文件类型声明（）
②HTML5的文档解析不再基于SGML(Standard Generalized Markup Language)标准，而是形成了自己的一套标准。
③增加语义标签
④废除一些网页美化方面的标签，使样式与结构分离更加彻底,：big u
⑤通过增加了、两个标签来实现对多媒体中的音频、视频使用的支持
⑥表单标签及其他标签，新增的一些属性<!-- meta标签增加charset属性
⑦新增WebStorage, 包括localStorage和sessionStorage 引入了IndexedDB和Web SQL，允许在浏览器端创建数据库表并存储数据, 两者的区别在于IndexedDB更像是一个NoSQL数据库，而WebSQL更像是关系型数据库。W3C已经不再支持WebSQL。 引入了应用程序缓存器(application cache)，可对web进行缓存，在没有网络的情况下使用，通过创建cache manifest文件,创建应用缓存，为PWA(Progressive Web App)提供了底层的技术支持。—来源于知乎某博主

3、如何直接引用网站的元素？