HTML学习笔记1——Web标准

最新推荐文章于 2024-09-23 10:09:27 发布

少儿编程乔老师

最新推荐文章于 2024-09-23 10:09:27 发布

阅读量637

点赞数

分类专栏：前端开发学习笔记文章标签： html5

本文链接：https://blog.csdn.net/qiaoxinwei/article/details/120188595

版权

22 篇文章 20 订阅

订阅专栏

学习目标

能根据psd文件，用HTML+CSS布局出符合W3C规范的网页。
在这里插入图片描述

内容	要点	核心能力	现实问题
HTML	常用浏览器与浏览器内核 HTML的语义化表格和表单 HTML中常用的标签以及每个标签的语义	能够使用常见的开发工具能够制作结构化的页面并进行基本的SEO优化能够使用CSS对网页进行美化能够使用Photoshop切图能够运用常用的网页开发技术设计网页	与美工和产品对接，独立完成网站静态页面的开发
CSS	CSS语法、选择器、字体样式、边框、背景、图片格式详解、定位、浮动、盒模型
Photoshop	使用Photoshop将美工设计的PSD图转成静态页面，了解网站前台页面的开发
品优购电商项目	代码分离原则，使用div+css布局完成一整套电商网站的静态页面

能够写出基本的HTML页面（包含图片、链接、文字等网页元素标签）
在这里插入图片描述

网页主要有文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。

思考：网页是如何形成的呢？

由前端人员编写好页面代码，然后由浏览器渲染，最终展示给用户。

总结，网页有图片、连接、文字等元素组成，前端开发人员的任务就是把这部分网页元素用代码写出来。

浏览器是网页显示、运行的平台，常用的浏览器有IE、Firefox、Chrome、Safari等。
在这里插入图片描述
IE浏览器是Windows自带的，但是…

浏览器内核（Rendering Engine），译为排版引擎、解释引擎、渲染引擎，现在统称为浏览器内核。

负责读取网页内容，整理讯息，计算网页的显示方式，并显示页面。

Web标准不是某一个标准，而是有W3C组织和其他标准化组织制定一系列标准的集合。
W3C万维网联盟是国际最著名的标准化组织。1994年成立后，至今已发布近百项相关万维网的标准，对万维网发展做出了杰出的贡献。

由于浏览器的内核不同，他们在显示页面或者进行页面排版时就有些许差异。
在这里插入图片描述

除了让我们编写的页面更统一之外，还有下面一些好处：

主要包括结构（structure）、表现（presentation）和行为（behavior）3个方面。