HTML之开篇

最新推荐文章于 2025-01-02 15:09:38 发布

何北木

最新推荐文章于 2025-01-02 15:09:38 发布

阅读量186

点赞数

分类专栏： HTML 文章标签： html5

本文链接：https://blog.csdn.net/weixin_44908855/article/details/106878562

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文介绍了HTML的基础知识，包括HTML的定义、文档声明、根元素、文档头和文档体的作用。强调了语义化的重要性，解释了什么是语义化以及为何需要语义化，并列举了一些常见的实体字符和快捷键。

摘要由CSDN通过智能技术生成

1. 什么是`HTML`

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言（HyperText Markup Language）
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

2. `<!DOCTYPE>` 文档声明

doctype 声明是不区分大小写的，用来告知 Web 浏览器页面使用了 HTML 哪个版本。
HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明，分别是：Strict、Transitional 和 Frameset。

HTML5 不是基于 SGML，因此不要求引用 DTD。

 <DOCTYPE html>
 // 告诉浏览器当前文档使用的HTML标准是HTML5。如果不写浏览器会进入怪异渲染模式。

3. 根元素`<HTML>`

一个页面最多只能有一个，此元素是所有元素的祖先元素
lang ：根元素里面的属性，此属性为全局、局部属性均可，表示该元素内部使用的文字是哪一种自然语言（如：中文、英语…）书写的(值：en表示英文，cmn-hans表示简体中文)
```
<html lang="en">
</html>
```

4. 文档头`<head>`

文档头内部的内容不会显示到网页上，文档头里也有属性。

<!--mate 文档的元数据 ：附加信息-->
  <mate charset="UTF-8">  <!--指定网页内容的编码-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--适配手机端-->
  <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!--告诉浏览器如果使用的是IE浏览器就切换至edge内核
  															edge是微软新开发的浏览器-->
  <title>Document</title> <!--网页标题，中间的内容（Document）可以更改-->

5. 文档体`<body>`

页面上所有要参与显示的元素，都应该放置到文档体中
```
<body>
</body>
```

6. 注释

注释为代码的阅读者提供帮助，不参与运行
Ctrl+？：可以将一行代码变成注释，反之也可以取消注释
空行输出 Ctrl+? 可以生成一个空注释
注释可以写多行
```
 
```

7. 元素

其他叫法：标签、标记
元素格式：起始标记（begin tag） + 元素内容 + 结束标记（end tag）
```
<a>元素内容</a>
```

8. 属性

属性格式：属性名=属性值
如：href="元素属性"
注：属性可以一个不写，也可以写多个；
全局属性：所有元素通用
如：tatle
局部属性：某些元素特有的属性

9. 语义化

9.1 什么是语义化

每一个HTML元素都有具体含义

// 例如：
	a元素  //超链接
	p元素  //段落
	h1元素 //一级标题

所有元素与展示效果无关:
元素展示到页面中的效果，应该由css决定。
因为浏览器带有默认的css样式，所以每个元素都有一些默认的样式。
重点：选择什么元素，取决于内容的含义，而不是显示出的效果

9.2 为什么需要语义化？

为了搜索引擎优化（SEO）
搜索引擎：百度、搜搜、Bing、google ...等等这些搜索引擎每隔一段时间会从整个互联网中抓取页面源代码，语义化能让搜索引擎更好的识别源代码。
为了让浏览器理解网页

10. `HTML`实体字符

实体字符通常用于在页面中显示一些特殊符号

< 小于符号<
> 大于符号>
  空格
© 版权符号©
& &符号

11. 快捷键

一次性编辑相同内容：Ctrl + Shift + L
搜索：Ctrl + F
行号跳转：Ctrl + G
批量复制：Alt + Shift + 光标下移
缩退：Shift + Tab
全选：Ctrl+A
反撤回：Ctrl+y
检索：Ctrl+d
选中多行长短不同文本：多行光标停留、ctrl+shift+方向右键、ctrl+shift+方向左键
行操作：
end 跳到行尾
home 跳到行头
Ctrl+左右 按单词跳
删除当前行： ctrl+shift+k

HTML之开篇

1. 什么是HTML

2. <!DOCTYPE> 文档声明

3. 根元素<HTML>

4. 文档头<head>

5. 文档体<body>