[toc]

📖Html&Css概述

🔖1.术语

术语可以降低沟通成本 例如：yyds xdm ……等

1-1web(world wide web)

  1. 1.互联网

1-2w3c

  1. 万维网联盟，非赢利性组织。为互联网提供各类标准。
  2. w3.org

1-3XML

  1. 可扩展的标记语言（extension markup language）用于定义文档结构。xml 可以自定义
  2. 用标记的方式分割文本xml <任务> <执行日期>周二</执行日期> <时间>下午三点</时间> <下载地址>www.baidu.com</下载地址> </任务> <name>肖申克的救赎</name>

🔖2.什么是html？

html是W3C定义的语言标准：HTML is the language for describing the structure of Web pages（html是勇于描述页面结构的语言）

结构：有什么东西，该东西有什么含义？

HTMl：Hyper Text Markup Language 超文本标记语言

书写一个一级标题：

  1. <h1>一级标题</h1>

查询文档推荐网站：MDN https://developer.mozilla.org/zh-CN/docs/MDN/About

🔖3.什么是CSS？

html是W3C定义的语言标准：css是描述页面展示的语言

简单来说，css决定了页面长什么样子；

查询文档推荐网站：MDN https://developer.mozilla.org/zh-CN/docs/MDN/About

🔖4.执行HTML CSS

HTML&CSS —> 浏览器（内核）执行 —> 页面
在visual studio code中

📑浏览器组成：

  1. shell：外壳

  2. core：内核（浏览器关键部分）

    1. js执行引擎
    2. 渲染引擎

  3. 主流浏览器（有独立内核的浏览器）

    1. chrome

      1. webkit —> Blink

    2. firefox

      1. Gecko

    3. safari

      1. webkit

    4. opera

      1. Presto —>Blink

    5. IE（存活到现在，中国政府/国企功不可没）

      1. Trident

📑版本和兼容性

  • HTML5（2014）

  • CSS3（目前没有制定完成，加了很多东西）

  • XHTML：可以认为是html的另外一个版本，完全符合XMl的规范。