本文介绍了互联网开发的基本原理，包括前端浏览器与后端服务器的角色，HTML5的骨架结构，如DOCTYPE、lang属性、meta标签等。还提到了Liveserver插件用于实时更新网页，以及HTML的SEO优化、标签使用规则，如标题标签、段落标签、div+CSS布局，以及HTML的空白折叠现象和转义字符。
互联网基本原理
在本地开发，在服务器共享
前端浏览器负责美观，后端服务器负责数据
html文件是纯文本的
生成html5的骨架：!（英文模式）智能感应
将chrome设置为默认浏览器
liveserver插件实时热更新网页，前提是网页必须放在文件夹里，打开文件夹方可使用
Html5的骨架
<!DOCTYPE html>文档类型声明DTD，不写会引发浏览器兼容问题
<html lang="en">lang属性表示网页的语言
<head>标签对网页的配置
<meta charset="UTF-8">meta元标签：设置网页的charset字符集
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>设置网页的标题，显示在浏览器的标题上
</head>
<body>标签对网页的内容
今天天气真好
</body>
</html>
注意缩进
SEO搜索引擎优化，提高搜索引擎中的自然排名name属性值有 关键词：Keywords 页面描述：Description
标签：
不同的标签不同的功能
标签不是都成对的，有单标签，只有起始标签
标签对是超文本标记
标题标签：h1-h6
h1只能在页面上只能放一个
段落标签：p
不能嵌套标题标签
没有嵌套关系的标签不能缩进
div组合相关内容，和其他内容分割，需要结合css使用，实现网页的布局
DIV+CSS
HTML5特性
空白折叠现象
文字之间多个空白和换行折叠成1个空格和1个换行
标签内壁与文字之间的空白会被忽略
转义字符
<小于号
>大于号
 空格
© 版权符号
html注释
Ctrl+/ <!-- -->
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
