1. 浏览器chrome

Chrome它内部有一个解析器，这个解析器就是解析我们的代码，各个浏览器的内核不一样，所以存在浏览器的兼容。这个内核是一个引擎。

谷歌的内核是webkit 引擎是v8。

  1. 客户端的请求过程。

1.重点 传输协议

2.返回的是数据不是文件。

  1. 解析超文本标记语言html。俗称标签。

浏览器的窗口是window 安卓app的窗口是webview。

学习我们使用的标签

<!DOCTYPE html>这个放在文档的开头代表什么？

该功能告诉浏览器以w3c的标准解析和渲染页面。

浏览器解析页面有两种模式，第一种按照浏览器自己的方式解析。叫怪异模式

第二中采用w3c的标准解析页面 这叫标准模式。

如果不写这个声明，各个浏览器就会以自己的方式解析，采用怪异模式，在不同浏览器下就有不同的表现，叫了这个声明，就按照标准模式解析，所有浏览器保持一致。

看见了这个声明 就知道他是一个h5页面。H5新增的特性就可以使用。

Html根节点标签

Head 头部标签

Meta标签 元信息标签

Charset=”utf-8” 字体编码，国际的编码是utf-8(浏览器的解析标准) 国内大陆的是gb2312  台湾香港繁体 字体编码是 big5

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

Name=”viewport” 叫视口  content就是对这个视口的具体操作

width=device-width 视口宽等于设备宽

浏览器的默认视口是980，上面这个标签就是让浏览器的视口和设备视口保持一致。

<meta name="Description" content=""/>

Name=”Description”

用于网站做官方网站说明的。Content 就是说明的具体内容。

<meta name="Keywords" content=""/>

用于做网站关键字搜索的。

<meta http-equiv="Pragma" content="no-cache" />

告知网页该网页不缓存

<meta http-equiv="refresh" content="5;url=https://www.baidu.com/"/>

Refresh 重定向 content 中5秒刷新 url代表跳转的地址。

Link标签

<link rel="shortcut icon" type="image/x-icon" href=””/>

Rel 请求的文件和当前文件的一种关系

Type 请求文件的类型

Href 请求文件的路径

Shortcut icon 特指浏览器中地址栏左侧显示的图标

<link rel="stylesheet" href="a.css"/>

标签

单标签(空标签)

双标签

W3c标签嵌套规则

  1. 内敛标签不能嵌套p和h1-6;
  2. P不能套img。

学习这个标签的方法

  1. 学会语法怎么写  <+标签名+>
  2. 记住所有的标签名
  3. 理解 所有的标签都是方格
  4. 学习标签的属性和标签的css属性

标签属性是这个标签私有的，其他没有； css属性是共有的 其他标签都可以有

关于html的相关讲解的更多相关文章

  1. JWT的相关讲解

    原文链接: http://www.cnblogs.com/chenwolong/p/Token.html

  2. Promise的一些相关讲解

    在javascrpit的语言特性上 有明确的一个特性指出,该语言的是单线程进程.这就意味着JavaScript的所有网络操作,浏览器事件,都必须是异步执行. 如下面的例子,可以感受到单线程与异步回调: ...

  3. 关于git rebase的相关讲解

    http://gitbook.liuhui998.com/4_2.html 一.基本 git rebase用于把一个分支的修改合并到当前分支. 假设你现在基于远程分支"origin" ...

  4. 年度巨献-WPF项目开发过程中WPF小知识点汇总（原创+摘抄）

    WPF中Style的使用 Styel在英文中解释为”样式“,在Web开发中,css为层叠样式表,自从.net3.0推出WPF以来,WPF也有样式一说,通过设置样式,使其WPF控件外观更加美化同时减少了 ...

  5. Mysql性能优化二

    接上一篇Mysql性能优化一 建立适当的索引 说起提高数据库性能,索引是最物美价廉的东西了.不用加内存,不用改程序,不用调sql,只要执行个正确的'create index',查询速度就可能提高百倍千 ...

  6. 卷积神经网络（CNN）学习算法之----基于LeNet网络的中文验证码识别

    由于公司需要进行了中文验证码的图片识别开发,最近一段时间刚忙完上线,好不容易闲下来就继上篇<基于Windows10 x64+visual Studio2013+Python2.7.12环境下的C ...

  7. React Native知识7-TabBarIOS组件

    一:简介 两个TabBarIOS和TabBarIOS.Item组件可以实现页面Tab切换的功能,Tab页面切换的架构在应用开发中还是非常常见的.如:腾讯QQ,淘宝,美团外卖等等 二:TabBarIOS ...

  8. Android WebView加载本地html并实现Java与JS交互

    最近做的一个项目中,用到自定义地图,将自定义地图转换成html页面,现在需要做的是如何将本地的html加载到android中,并可以实现交互. 相关讲解: 其实webview加载资源的速度并不慢,但是 ...

  9. jQuery.buildFragment源码分析以及在构造jQuery对象的作用

    这个方法在jQuery源码中比较靠后的位置出现,主要用于两处.1是构造jQuery对象的时候使用 2.是为DOM操作提供底层支持,这也就是为什么先学习它的原因.之前的随笔已经分析过jQuery的构造函 ...

随机推荐

  1. linux (04) linux安装mysql

    https://www.cnblogs.com/pyyu/p/9467289.html mysql博客 一.mysql (分支 mariadb) 1.安装mariadb ​ -yum ​ -源码编译安 ...

  2. String强制转换为Date，freemarker标签里date数据的显示问题

    String强制转换为Date,freemarker标签里date数据的显示问题 http://blog.sina.com.cn/s/blog_617f5d090101ut63.html (2014- ...

  3. k8s集群搭建 2019

    参考,https://github.com/qxl1231/2019-k8s-centos 事实上k8s集群的搭建很简单,笔者在搭建的过程中遇到的主要问题是镜像无法下载的问题. 如果发现教程中提供的镜 ...

  4. 网络yum源配置

    系统环境:CentOS7 [1] 首先备份/etc/yum.repos.d/CentOS-Base.repo cp /etc/yum.repos.d/CentOS-Base.repo /etc/yum ...

  5. wait函数和waitpid的使用和总结

    wait和waitpid出现的原因 SIGCHLD --当子进程退出的时候,内核会向父进程发送SIGCHLD信号,子进程的退出是个异步事件(子进程可以在父进程运行的任何时刻终止) --子进程退出时,内 ...

  6. P3273 【[SCOI2011]棘手的操作】

    此题用可并堆勉强过,需加输入优化,但是这里有个问题就是set总是过不了一组数据,用multiset时间有点高,不懂这个问题,请懂此问题的给我留言. 左偏树+并查集 下面上代码: #include &l ...

  7. 浅析RPO漏洞攻击原理

    RPO的全称为Relative Path Overwrite,也就是相对路径覆盖,利用客户端和服务端的差异,通过相对路径来引入我们想要的js或者css文件,从而实现某种攻击. 就目前来看此攻击方法依赖 ...

  8. [LeetCode] 560. Subarray Sum Equals K 子数组和为K

    Given an array of integers and an integer k, you need to find the total number of continuous subarra ...

  9. [LeetCode] 421. Maximum XOR of Two Numbers in an Array 数组中异或值最大的两个数字

    Given a non-empty array of numbers, a0, a1, a2, … , an-1, where 0 ≤ ai < 231. Find the maximum re ...

  10. [LeetCode] 50. Pow(x, n) 求x的n次方

    Implement pow(x, n), which calculates x raised to the power n(xn). Example 1: Input: 2.00000, 10 Out ...