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. E04 【买衣服】Do you have this T-shirt in red?

    核心句型 Do you have this T-shirt in red? 这样的T恤衫,你们有红色的吗? 场景对话: A:Excuse me,do you have this T-shirt in ...

  2. Nginx配置参数中文详细说明

    #定义Nginx运行的用户和用户组user www www;##nginx进程数,建议设置为等于CPU总核心数.worker_processes 8;##全局错误日志定义类型,[ debug | in ...

  3. 通过SimpleHTTPServer实现树莓派与主机传输文件

    默认情况我们的Raspberry Pi已经安装了python 2.7版本.python2 中默认包含了SimpleHTTPServer这个库.因此我们可以直接拿来使用. 从名字中我们就可以看出来,他是 ...

  4. github新建本地仓库并将代码提交到远程仓库

    方式一: 在github上新建好仓库:gitTest 使用命令git clone git@github.com:yourgithubID/gitTest.git,克隆到本地相应的位置 将要上传的工程代 ...

  5. 11/11 <Topological Sort> 207

    207. Course Schedule 我们定义二维数组 graph 来表示这个有向图,一维数组 in 来表示每个顶点的入度.我们开始先根据输入来建立这个有向图,并将入度数组也初始化好.然后我们定义 ...

  6. 洛谷 P5461 赦免战俘

    洛谷 P5461 赦免战俘 传送门 思路 洛谷7月月赛第一题 着实是一道大水题,然后我月赛的时候没做出来...... 就是一道大模拟题呀,直接dfs就好了,我是反着处理的,所以最后要输出\(1-a[i ...

  7. vue-loader和单页组件介绍

    一.Vue Loader介绍 Vue Loader 是一个 webpack 的loader,它允许你以一种名为 单文件组件(SFCs)的格式撰写 Vue 组件.官方文档地址如下所示: Vue Load ...

  8. [LeetCode] 518. Coin Change 2 硬币找零之二

    You are given coins of different denominations and a total amount of money. Write a function to comp ...

  9. 十大基础排序算法[java源码+动静双图解析+性能分析]

    一.概述 作为一个合格的程序员,算法是必备技能,特此总结十大基础排序算法.java版源码实现,强烈推荐<算法第四版>非常适合入手,所有算法网上可以找到源码下载. PS:本文讲解算法分三步: ...

  10. 《30天自制操作系统》笔记5 --- （Day3）

    这个专题荒废了许久,今天补点东西 不够准确的小结 用汇编来开发操作系统,就是使用汇编本身的功能再加上BIOS中断提供的功能来完成功能的过程. 汇编本身的功能不够,毕竟没有外部IO,所以通过给多个寄存器 ...