前端学习笔记_001_初识HTML

最新推荐文章于 2024-07-15 13:17:25 发布

阿十三

最新推荐文章于 2024-07-15 13:17:25 发布

阅读量316

点赞数

分类专栏：学习笔记文章标签： html

本文链接：https://blog.csdn.net/A_thirteen/article/details/107817975

版权

学习目标
1、HTML的概念

2、HTML标签的分类

3、HTML标签的关系

4、HTML标签的语义化

5、HTML的骨骼格式

6、浏览器常见内核

7、表诉web标准三层

8、认识常用标签

9、理解相对路径的三种形式

10、小技巧

11、拓展学习

1、HTML(Hyper Text Markup language) —— 超文本标记语言
html页面（包含图片、文字、链接等网页元素）

HTML是指超文本标志语言（Hyper Text Markup language）是一种用来描述网页的语言。

HTML不是一种编程语言，而是一种标志语言（markup language）。

标志语言是一套标志标签（markup tag）。

2、标签的分类
1、常规元素（双标签）

<标签名>内容</标签名> 例如：我是内容
<标签名>（start tag）</标签名>（end tag）

2、空元素（单标签）

<标签名 />例如：< br />

3、标签的关系
主要针对与双标签分为两种关系：
1、嵌套关系
子元素缩进一个Tab键身位。

 <!-- 嵌套关系 -->
<head>
 <title></title>
</head>

2、并列关系

<!-- 并列关系 -->
<head></head>
<body></body>

4、HTML标签的语义化
标签的语义化就是指标签的含义。

根据标签的语义，在适合的地方加入适合的标签，使结构清晰。（排版）

方便代码的阅读维护、爬虫的解析、搜索引擎的优化。

标准就是没有引入CSS，页面依旧结构清晰。

5、HTML 语法骨架格式

<!-- 根标签 -->
<html>
 <!-- 头标签 -->
 <head>
  <!-- 标题标签 -->
  <title></title>
 </head>
 <!-- 主题标签 -->
 <body>
 </body>
</html>

6、浏览器的常见内核
浏览器的内核分为两部分：
1、渲染引擎（layout enginer）；
2、JS引擎。

Trident —— IE浏览器的内核
EdgeHTML —— Edge浏览器的内核
Gecko —— 火狐浏览器的内核
Webkit —— 苹果浏览器的内核
Blink —— 谷歌浏览器的内核、Opera浏览器的内核

Android版本4.4之前内核是 —— webkit;
Android版本4.4之后（含4.4版本）内核是 —— Blink.

IOS 使用的内核是 —— webkit.

Windows phone 8 系统的内核是 —— Trident.

7、Web标准的三层组成
web标准是由W3C及其他标准组织发表的标准集合。
主要包括：
1、结构（structure）;
结构标准用于网页元素的整理，包括XML、XHTML.

2、表现（persentation）;
表现标准也就是样式标准由于整理网页样式，包括CSS。

3、行为（Behavior）.
行为标准用于网页模型的定义及交互的编写，包括DOM、ECMAScrint.

8、认识常用标签
1.1、排版标签
1）标题标签

 <!-- 标题标签 -->
 <h1>标题内容</h1> <!-- 1级标题标签 -->
 <h2>标题内容</h2> <!-- 2级标题

关注