持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第11天,点击查看活动详情
-
互联网运行过程:
- 程序员将网页源文件上传到服务器进行存储,用户后期通过客户端(如浏览器软件)发送HTTP请求到服务器,服务器接收请求后进行响应,将存储的相关文件通过HTTP响应回传到用户本地客户端,最终通过客户端将网页文件进行渲染,显示出最终用户看到的网页效果
-
浏览器功能:
-
发送HTTP请求,发送的方式是在浏览器地址栏输入对应网址或者点击超链接
-
接收服务器发回的HTTP响应,服务器会发回一个HTML给浏览器
-
将接收到的HTML进行解析并显示
-
-
HTTP协议:
- Hypertext Transfer Protocol:超文本传输协议,是客户端浏览器或其他程序与WEB服务器之间的应用层通信协议
-
网页的组成
-
前端三层:HTML(结构层)、css(样式层)、JavaScript(行为层)。例如绘制人物时,画一个轮廓的过程即为HTML;’当添加了各种颜色,化妆、穿衣服即为css;使人物动起来就是JavaScript的过程
-
其他多媒体内容:图片、视频、音频、超链接等
-
-
h1标签的作用是负责给内部文字添加一级标题的语义,不负责样式,样式由css负责
-
语义化网页(就是添加标签的过程)的优势:
-
方便代码的阅读和后期维护
-
便于浏览器或是网络爬虫更好地解析网站内容
-
使用语义化标签有利于SEO搜索引擎优化,提高网站的搜索排名
-
-
1997.12.18 HTML4.0发布,W3C推荐标准,引入了样式表css,实现了结构和样式表的分离
-
2008.1.22 HTML5发布,此外,HTML5在2012年已形成了稳定的版本
-
HTML元素指的是从开始标签到结束标签的所有内容,包含开始标签、元素内容、结束标签
-
标签级别:
- 根据标签内部可以存放的元素内容不同,可以将双标签划分为两个级别:容器级:标签内部可以存放任意内容,包含容器级标签,比如h1,div等;文本级:标签内部职能存放文字或类似文字的内容,比如存放图片、表单元素等,比如p等,p中不能包含h1,但是h1可以包含p
-
空白折叠现象:元素内容如果是文本,所有文字(类似文字内容)之间如果有空格、换行、缩进等空白字符,在浏览器中加载时,连接在一起的空白会折叠成一个空格显示,这就是空白折叠现象
-
HTML属性规范:
-
书写位置:必须写在开始标签或者单标签之内,与标签名之间用空格进行分割
-
属性包含:属性名(key)、属性值(value)。属性名与属性值之间的写法通常称作键值对写法,HTML标签属性的键值对写法是k=“v”。xhtml(在HTML4.01基础上进行的升级扩展和严格化)要求属性值必须在双引号内部。e.g.
-
一个标签内可以设置多个不同属性,属性与属性之间使用空格进行分隔,每个属性的键值对写法都是k=“v”。 e.g.
-
部分标签属性k可以设置多个属性值v,所有属性值v都必须写在同一对双引号内,值与值之间需要使用空格分隔。e.g. <p k=”v1 v2 v3”>
-
-
Ctrl+/:给当前行添加注释