前端基础,html,css,浏览器基础知识

1.什么是Html?
    Hyper Text Markup Language超文本标记语言。
    Html准确来说不是编程语言,而是一种标记语言.是网页制作的必备编程语言。
    "超文本"是指页面可以包括图片、链接、音乐、视频、程序等非文字内容。
    HTML的结构包括“头”(head)部分和“主体”(body)部分.
    head部分提供网页的信息,body部分提供网页的内容

    html常见标签:http://html5star.com/manual/html5label-meaning/


2.什么是CSS?
    Cascading Style Sheet 层叠样式表。
    是一种用来表现HTML或者XML等文件样式的计算机语言。
    可以静态修饰网页,也可以配合各种脚本语言动态对网页各元素进行格式化。
    css可以对网页各元素进行像素级精确控制


3.浏览器
    浏览器是网页显示和运行的平台。

    市场主流浏览器:
        Chrome(谷歌浏览器)、Safari、FireFox(火狐浏览器)、IE(或者Edge)、Opera,这五个浏览器合称五大浏览器

        在国内常见的浏览器还有:QQ浏览器、UC浏览器、360浏览器、猎豹浏览器等等

    浏览器内核:
        浏览器最重要的部分就是浏览器内核。浏览器的内核是浏览器的核心,也称"渲染引擎",用来解释网页语法并渲染到网页上。
        浏览器的内核决定了浏览器该如何显示网页内容以及页面的格式信息。
        不同的浏览器内核对于网页的语法解释也不同,因此网页开发者需要在不同内核的浏览器中测试网页的渲染效果。

        浏览器内核主要包括三个技术分支:排版渲染引擎、JavaScript引擎及其他

        JavaScript引擎顾名思义是用来渲染JavaScript的,JS的渲染速度越快,动态网页的展示就越快。

        四大内核:
            Trident内核,也称IE内核
            Webkit内核(苹果公司的内核,Chrome内核的原型)
            Gecko内核
            Presto内核(Opera前内核,已废弃)

        各浏览器所用内核:
            IE(Edge):Trident(即IE内核)
            Chrome:统称为Chromiu内核或者Chrome内核,以前为Webkit,现在是Blink
            FireFox:Gecko(俗称FireFox内核)
            Safari:Webkit
            Opera:最初为自己的Presto,后来是Webkit,现在是Blink
            360浏览器、猎豹浏览器:IE+Chrome双内核
            搜狗、遨游、QQ浏览器:Trident(兼容模式)+Webkit(高速模式)
            百度浏览器、世界之窗浏览器:IE内核
            2345浏览器:以前是IE内核,现在是IE+Chrome双内核

        ps:
            Blink内核:是由Google和Opera SoftWare开发的浏览器排版引擎。Google计划将这个渲染引擎作为Chromium计划中的一部分并在2013年4月公布这一消息
                       这一渲染引擎是开源引擎webkit中WebCore组件的一个分支,并在Chrome(28及往后版本)、Opera(15及往后版本)和Yandex浏览器中使用
            
            Chrome的JS引擎使用的是自己研发的V8引擎


4.JavaScript、css和html之间的关系:
    一个网页是由html、css和JavaScript组成的
    html是主体,用来装载dom元素。
    css是用来装饰dom元素。
    JavaScript则用来控制dom元素。

    html是结构,css是样式,JavaScript是行为


5.Html初始代码:
    每个.html文件都有的代码叫做初始代码,要符合html文件的规范写法。


    <!DOCTYPE html>             文档声明:告诉浏览器这是一个html文件
    <html lang="en">            html文件最外层标签,包裹所有html标签代码|lang="en"表示这是一个英文网站,lang="zh-CN"表示是一个中文网站
    <head>                      html的头部标签,包裹所有头部元素
        <meta charset="UTF-8">  提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词|charset="utf-8"定义编码规范,utf-8是一种国际编码规范
        <title>Document</title> 定义文档的标题,head部分中唯一的必需元素
    </head>
    <body>                      html的主体标签,包裹所有网页显示内容,如文本、超链接、图片、音频等等
    
    </body>
    </html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值