1.WWW
1.www万维网(World Wide Web)功能
功能:输入网址看到对应网页。
发明者:html之父Tim Berners-Lee,蒂姆·伯纳斯-李。李先生用自己写的浏览器访问了自己写的服务器,发明了www,html,http,url。
2.www如何实现
WWW=URL+HTTP+HTML
制作网页需要的知识:域名知识,HTTP服务器知识,HTML知识和其他知识。
- URL:统一资源定位器(Uniform Resource Locator),因特网的万维网服务程序上用于指定信息位置的表示方法。网址
- HTML:超文本标记语言(Hyper Text Markup Language),通过这些标签可以将网络上的文档格式统一。网页
- HTTP:超文本传输协议(Hyper Text Transfer Protocol),是一个简单的请求-响应协议,指定了客户端发送给服务器不同消息对应不同响应。传输过程
- WWW:万维网。(World Wide Web)www服务器通过html网页,利用链接从一个站点跳到另个站点。互联网的本质是信息共享。
3.互联网和万维网
区别:万维网是李先生发明,工作原理是输入地址跳转网页。互联网本质是IP与IP之间的相互操作,互联。由于互联网缺少这个功能,因此李先生基于互联网发明了万维网。
联系:两者的关系即,万维网是基于互联网实现了输入地址跳转网页的网络。
2.HTML5
1.html5概述
官方标准:World Wide Web Consortium (W3C)
权威文档:HTML5 - 术语表 | MDN
2.html5概念
- 狭义html5含义:最新版html语言,大约110个标签。
- 广义html5含义:html5技术集。
H5和html5:
手机页面统称H5,是一个产品名词。html5是一个标准,是一个技术名词。
3.html标签语法
<!DOCTYPE html>
文档类型声明。浏览器页面使用了哪种 HTML 版本。
<tag attr=value>内容</tag>
标签有内容,标签上可以添加属性。例:<div id=xxx>hi</div>,xxx/'xxx'/"xxx",属性的值三种合法写法。
<tag attr>内容</tag>
属性没有值。例:<input type='checkbox' checked>。
<tag attr=value>
单标签。例:<link rel="stylesheet" href="xxx.css">
<!-- -->
注释,快捷键ctrl+/。
注:标签没有大小写区分。 <DIV></DIV>, <div></div>都是正确的,一般使用小写。
4.html排错
- vscode提示/webstorm提示
- W3C在线html5验证器
- 命令行调试。全局安装yarn global add node-w3c-validator。在vscode终端使用命令node-w3c-validator -i index.html(文件路径),找错。使用的就是w3c的在线验证器。
5.html5思维导图