web前端基础介绍

1.网页介绍

1.1 起源

刚开始的互联网是主要是显示文本文档,所以初期为了规范显示,有了HTML,使用标签规范,规定<h><h2>标题,<p>段落等标签。

1.2 发展

随着互联网发展,原本的HTML越来越无法满足日益增长的需求,页面显示上出现了图片,视频等丰富的多媒体,有了<img>等,页面显示多样化的需求导致了css样式出现,后面又有了交互逻辑需求出现了js。最终发展到现在的H5(08年推出,14年定稿)。

1.3 现在

当前的web页面基本都是由HTML(H5)+CSS(CSS3)+JS组成。

1.4 从web网页项目到用户

当编写好web页面之后,部署到服务器上,对外发布,用户即可通过网址,在浏览器的请求该web页面(实际上是请求访问该服务器的网页文件)。浏览器从请求中通过网络获取web内容(html文件),然后解析内容,渲染成页面,供给用户查看。因为解析及渲染由浏览器控制,所以在不同浏览器可能出现兼容性问题,但是只要遵循规范(由所有浏览器及W3C组织共同敲定)基本不会有问题,部分不明确的会在不同浏览器有不同的表现,或支持或不支持等。

2.网页地址

2.1 域名由来

虽然访问网页最终是访问服务器ip,例如:10.172.xx.xx,但是ip不易于记忆,所以有了域名www.baidu.com等。

2.2 DNS

DNS全称,Domain Name System,域名系统,是互联网的一项服务。它作为将域名和IP地址相互映射的一个分布式数据库,能够使人更方便地访问互联网。

2.3 域名划分

www.xxx.com中,最右边.com为一级域名,倒数第二个为二级域名,之后的都统称为子域名。

2.4 域名提供商

全世界域名的最高管理机构,是一个叫做 ICANN (Internet Corporation for Assigned Names and Numbers)的组织。ICANN 负责管理全世界域名系统的运作。它的一项主要工作,就是规定顶级域名(top level domain,简写为 TLD)。
TLD有分成两类。一类是一般性顶级域名(gTLD),比如.com、.net、.edu、.org、.xxx等等,共有700多个。另一类是国别顶级域名(ccTLD),代表不同的国家和地区,比如.cn(中国)、.io(英属印度洋领地)、.cc( 科科斯群岛)、.tv(图瓦卢)等,共有300多个
ICANN 自己不会去管理这些顶级域名,因为太多了,目前有1000+。他们政策是,每个顶级域名都找一个托管商,该域名的所有事项都由托管商负责。ICANN 只与托管商联系,这样管理起来就容易多了。举例来说,.cn域名的托管商就是中国互联网络信息中心(CNNIC),它决定了.cn域名的各种政策。
Verisign托管了.com、.net 、.name、.gov这四个一般性顶级域名,以及.cc和.tv这两个国别顶级域名。另外,.edu和.jobs的后台管理工作,也外包给了它。

2.5 域名注册

虽然.com是由Verisign托管,但是一般注册都会使用其他零售商提供的注册服务。如果一个.com.net域名售价10美元,ICANN 和 Verisign 合计拿走8.03美元。
注册成功之后,可以在域名管理页面,编辑DNS记录,添加子域名,并绑定对应服务器IP。

2.6 访问网址过程

访问网址实际上是从域名到服务器IP的一个过程,中间DNS起到关键作用。访问网址会先从本地DNS缓存或者host获取对应的服务器ip直接访问,没有则从网络提供商如电信获取,如果网络提供商本地有这个域名DNS缓存则直接返回,没有则从顶级域名托管服务器去获取,顶级域名托管服务器中管理了所有的二级域名及其服务器IP映射关系。

阮一峰 - 根域名
从零开始的个人网站搭建

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,968评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,601评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,220评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,416评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,425评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,144评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,432评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,088评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,586评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,028评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,137评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,783评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,343评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,333评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,559评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,595评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,901评论 2 345

推荐阅读更多精彩内容

  • 前端架构分析 开发流程 设计页面样板-->前端工程师将样板做成静态网页-->后端工程师将静态网页修改为动态网页 C...
    阿朝狠酷阅读 2,678评论 0 0
  • 建议学习时长: 30分钟学习方式:了解 学习目标 了解什么是前端 了解前端要学会什么。 详细介绍 什么是前端 大部...
    知行社阅读 1,089评论 0 2
  • Web前端知识体系精简 Web前端技术由 html、css 和 javascript 三大部分构成,是一个庞大而复...
    Nick1994阅读 186评论 0 0
  • 过了八月,马上到了金九银十的跳槽季,找工作的时候曾一周面试了十多家公司,从一开始被面试官虐的体无完肤到最后对答如流...
    视觉派Pie阅读 1,090评论 1 3
  • 1.Html语义化的理解 1.Html语义化就是使用正确的标签进行页面开发,比如段落就用p标签,标题就用h1标签,...
    蒙面超人zrh阅读 349评论 0 4