认识WEB

2024-10-30 15:38

图片

前言

勤做笔记不仅可以让自己学的扎实,更重要的是可以让自己少走弯路。有人说:"再次翻开笔记是什么感觉",我的回答是:"初恋般的感觉"。或许笔记不一定十全十美,但肯定会让你有种初恋般的怦然心动。💖💖

本章着重复习Html的基础内容,学习Html究竟要学些什么呢?主要是学习各种标签,来搭建网页的“结构”。✨✨

本篇文章主要由五个章节构成,从WEB标准到初识HTML,接着学习HTML常用标签,最后学习表格列表和表单。💪💪开始充电之旅啦~~~

一、认识WEB

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

浏览器是网页显示、运行的平台。

浏览器内核(排版引擎、解释引擎、渲染引擎)

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

浏览器

内核

备注

IE

Trident

IE、猎豹安全、360极速浏览器、百度浏览器

firefox

Gecko

可惜这几年已经没落了,打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。

Safari

webkit

现在很多人错误地把 webkit 叫做 chrome内核(即使 chrome内核已经是 blink 了)。苹果感觉像被别人抢了媳妇,都哭晕在厕所里面了。

chrome

Chromium/Blink

在 Chromium 项目中研发 Blink 渲染引擎(即浏览器核心),内置于 Chrome 浏览器之中。Blink 其实是 WebKit 的分支。大部分国产浏览器最新版都采用Blink内核。二次开发

Opera

blink

现在跟随chrome用blink内核。

Web标准

构成👉 结构标准,表现标准和行为标准

  • 结构标准用于对网页元素进行整理和分类(HTML)

  • 表现标准用于设置网页元素的版式、颜色、大小等外观属性(CSS)

  • 行为标准用于对网页模型的定义及交互的编写(JavaScript)

Web标准的优点👇

  • 易于维护:只需更改CSS文件,就可以改变整站的样式

  • 页面响应快:HTML文档体积变小,响应时间短

  • 可访问性:语义化的HTML(结构和表现相分离的HTML)编写的网页文件,更容易被屏幕阅读器识别

  • 设备兼容性:不同的样式表可以让网页在不同的设备上呈现不同的样式

  • 搜索引擎:语义化的HTML能更容易被搜索引擎解析,提升排名

相关文章
热点文章
精彩视频
Tags

站点地图 在线访客: 今日访问量: 昨日访问量: 总访问量: