• HTML笔记

    第一章 基础认知

    1.1 基础概念

    1.1.1 认识网页

    网页有哪些部分组成？

    文字、图片、音频、视频、超链接

    网页背后本质是什么？

    前段程序员写的代码

    前段的代码通过什么软件转换成用户眼中的页面的？

    通过浏览器（解析和渲染）成用户看到的网页

    1.1.2 认识浏览器

    浏览器：是网页显示、运行的平台，是前端开发必备利器。

    常见的五大浏览器：

    IE浏览器、火狐浏览器（Firefox）、谷歌浏览器（Chrome）、Safari浏览器、欧朋浏览器（Opera）。

    1.1.3 渲染引擎

    渲染引擎（浏览器内核）：浏览器中专门对代码进行解析渲染的部分。

    浏览器出品的公司不同，内在的渲染引擎也是不同的。

    浏览器 内核 备注
    IE Trident IE、猎豹安全、360极速浏览器、百度浏览器
    FireFox Gecko 火狐浏览器内核
    Safari Webkit 苹果浏览器内核
    Chrome/Opera Blink Blink其实是Webkit的分支

    注意点：

    渲染引擎不同，导致解析相同代码时的速度、性能、效果也不同的。

    1.1.4 Web标准

    为什么需要Web标准？

    不同浏览器的渲染引擎不同，对于相同代码解析的效果会存在差异。

    Web标准：让不同的浏览器按照相同的标准显示结果，让展示的效果统一。

    Web标准构成

    构成 语言 说明
    结构 HTML 页面元素和内容
    表现 CSS 网页元素的外观和位置等页面样式（如：颜色、大小等）
    行为 JavaScript 网页模型的定义与页面交互

    1.2 HTML概念

    1.2.1 HTML介绍

    HTML：超文本标记语言。

    专门用于网页开发的语言，主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述。

    1.2.2 HTML页面固定结构

    网页中也是存在固定结构的，如：整体、头部、标题、主体。

    网页中的固定结构是要通过特定的HTML标签进行描述的。

    描述代码如下

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.     <title>Documenttitle>
    7. head>
    8. <body>
    9.  
    10. body>
    11. html>

  • 相关阅读:
    python functools.wraps保留被装饰函数属性
    Jetty Client IllegalArgumentException: Buffering capacity 2097152 exceeded
    接口测试练习步骤
    16、Mybatis获取参数值的情况2（mapper接口方法的参数为多个时）
    1012 The Best Rank
    【BOOST C++ 13 并行编程】（3） 线程本地存储
    五十二.PPO算法原理和实战
    spider
    【软考】系统集成项目管理工程师（四）项目管理一般知识
    Spring MVC 中的分页 RESTful API 响应
  • 原文地址：https://blog.csdn.net/2301_78671299/article/details/140051555