HTML学习笔记（1）

最新推荐文章于 2023-02-04 20:54:59 发布

BroveTONGG

最新推荐文章于 2023-02-04 20:54:59 发布

阅读量54

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_43909464/article/details/115996848

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1. 认识WEB

1.1浏览器内核

浏览器最重要最核心的部分是“Rendering Engine”，可译为“渲染引擎”,不过一般称之为浏览器内核，负责对网页语法的解释并渲染网页。
在这里插入图片描述

1.2WEB标准

1.2.1为什么要遵循WEB标准

各个浏览器的内核不同，他们显示页面或排版有些许差异。
在这里插入图片描述

1.2.2WEB标准的好处

遵循web标准不仅可以让我们写的页面更标准更统一，还有以下优点

让web的发展前景更广阔
内容能被广泛的设备访问
更容易被搜寻引擎搜索
降低网站流量费用
提高页面浏览速度

1.2.3WEB标准构成

构成：主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三方面
在这里插入图片描述

web标准三层结构，分别是结构（html），表现（css），行为（javasript）

2.HTML初识

HTML指的是超文本标记语言，使用来描述网页的一种语言。
HTML不是一种编程语言，而是一种标记语言。
标记语言是一套标记标签。

所谓超文本
1.它可以加入图片、声音。动画等内容（超越文本的限制）
2.它还可以从一个文件跳转到零一个文件，与世界各地的主机文件连接（超级连接文本）

2.1HTML骨架标签

HTML有自己的语法骨架格式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
</body>
</html>

在这里插入图片描述

2.2HTML元素标签分类

双标签

<标签名> 内容 </标签名>

自结束标签

<标签名/> 比如 <br/ >

2.3HTML标签关系

嵌套关系

<head>
<title></title>
</head>

并列关系


<head></head>
<body></body>

3.文档类型<!DOCTYPE>

用法：

<!DOCTYPE html>

作用

声明位于文档中的最前面，此标签告诉浏览器使用哪种HTML或XHTML规范。

上述标签是告诉浏览器用HTML5规范解析页面。

4.页面语言lang

<html lang="en">  指定html语言种类

最常见的两个值

en表示语言为英语
zh-CN表示语言为中文

在这里插入图片描述

5.字符集

    <meta charset="UTF-8">

计算机要处理各种字符，需要进行字符解码和编码，字符集就是字符解码和编码的规则集合，这样计算机才能够识别和存储各种文字。
在这里插入图片描述

6.HTML标签的语义化

所谓语义化，就是指标签的含义

作用
- 方便代码的阅读和维护
- 同时让浏览器或是网络爬虫可以很好的解析，从而更好的分析内容
- 使用语义化标签会具有更好的搜索引擎优化

BroveTONGG

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记（1）

1. 认识WEB1.1浏览器内核    浏览器最重要最核心的部分是“Rendering Engine”，可译为“渲染引擎”,不过一般称之为浏览器内核，负责对网页语法的解释并渲染网页。1.2WEB标准
复制链接

扫一扫

专栏目录