HTML5 基础

一二丶三三

2022-01-14 83 阅读1分钟

HTML5语法与基础标签

认识互联网

认识互联网的基本原理
1. 在本地开发，在服务器共享
2. http 协议（Hypertext Transfer Protocol，超文本传输协议）是互联网数据传输的常见协议，一次“http 事务”由“http 请求”和“http 响应”构成。网页前的 “http://” 就表示用 http 协议请求页面
3. 互联网其中有前端和后端。在浏览器中，HTML、CSS 和 JS 程序将运行、执行页面结构渲染、美化、交互效果等业务，它们就是前端语言；在服务器上，java、PHP、Python 等程序将运行，执行数据库“增删改查”等业务，它们就是后端语言

##认识 HTML5 的骨架

<!-- 文档类型声明 -->
<!DOCTYPE html>
<!-- 设置网页的语言 -->
<html lang="en">
    <head>
        <!-- 设置网页的字符集 -->
        <meta charset="UTF-8"/>
        <!-- 设置搜索网页的关键词 -->
        <meta name="Keywords" content="前端，后端，算法"/>
        <!-- 设置网页的描述 -->
        <meta name="Description" content="掘金，程序员的好朋友"/>
        <!-- 设置网页的标题 -->
        <title>掘金</title>
    </head>
    <body>网页的内容</body>
</html>

<!DOCTYPE html>：文档类型声明 DTD，这里声明文档类型为 HTML5
html：html所有的代码都放在这对标签里
- lang：html标签对的属性，用来设置网页的语言，en就代表设置为英文
head：用来配置网页
- title：标题标签，用来设置网页的标题，标题会显示在浏览器的标题栏上
- mate：元标签，可以用来设置网页的字符集、关键词、页面描述等等
body：用来书写网页的内容

html5 特性

空白折叠现象：文字和文字之间的多个空格、换行会被折叠成一个空格；标签“内壁”和文字之间的空格会被忽略

转义字符：可以通过转义字符形成多个空格或换行
- &lt 小于号
- &gt 大于号
- &nbsp 空格
- &copy 版权符号©️
- <br/> 回车