web前端要懂的基础知识

最新推荐文章于 2024-06-06 00:20:21 发布
最新推荐文章于 2024-06-06 00:20:21 发布
阅读量142 收藏 1
点赞数 1
分类专栏： web前端 文章标签： web 前端 前端必知 前端必会
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wang_jun8072/article/details/98473428
版权

理论知识

## 前端开发
	**Web Front-end development**
## 后端开发
	**Web Back-end development**
## 前端开发什么？
	结构布局/样式呈现/页面的动态交互
	HTML/css/JavaScript
	JS分为脚本/数据交互处理/数据格式化渲染
## 为什么老的网站只有htm而不是html？
	老版系统比如window 98或老linux系统只认后缀名三位，不认三位以上的，所以才有htm
## HTML全称是什么？
	**超文本标记语言**（HyperText Markup Language）

HTML知识点

## HTML分为双标签和单标签
	双标签<p>         </p>
		开放标签		闭合标签
	单标签<br />
	在XHTML规范中规定标签必须闭合，所以必须写<br />，<br>可以使用但不符合规范
	HTML5不是HTML5技术
	HTML5指的是HTML的第5个版本
	HTML5技术指的是画布/音视频/DOM操作等新的API（接口），HTML5技术实际上是JavaScript技术
## head标签中的知识点
	### title标签
		一般放30字左右
		主页：网站名称+主要关键字/关键字的描述
		详情页：详情的名称+网站名称+简介
		列表页：分类名称+关键字+网站名称
		文章页：标题+分类+网站名称
	### 关键字：keywords
		100个字符
		网站名称+分类信息
	### 描述信息：description
		80-120个汉字
		综合title+keywords的简单描述
	### 搜索引擎认知优先级
		title > description > keywords
	### 字符集设置
	**<meta charset="UTF-8">**

搜索引擎介绍

蜘蛛爬虫程序
## 爬虫喜好
	title、description、keywords
	语义化标签，比如em比i标签更好，emphasize是em标签的全称
## html中lang属性
	"zh-CN"指的是中华人民共和国简体中文
	"en"英文
	"zh-HK"香港
	"zh-TW"台湾
	"zh-MO"澳门
	"zh-SG"新加坡
	"zh-Hans""zh-CHS"纯简体中文,不代表地域
	"zh-Hant""zh-CHT"繁体中文,不代表地域

编码字符集介绍

BG2312：中国信息处理国家标准码，简体中文编码
BGK：汉字扩展规范，扩大汉字收录，增加繁体中文，增加藏蒙维文字等少数民族的文字
UTF-8：万国码，认识几乎全世界所有正在使用的文字

声明HTML

**<!DOCTYPE html>**
告诉浏览器用哪一个版本进行编写，是HTML5的声明方式
决定了浏览器用的兼容性模式
CSS1Compat：w3c标准模式，在不同浏览器上大多数渲染都是相同的
BackCompat：怪异模式，对页面的渲染会使用浏览器自身的，会出现各种bug
超级无敌一个王凯旋
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web前端基础总结
weixin_68043491的博客
06-06 1826
1.首先了解网页和浏览器网页:网页是网站的基本单位，也叫Web页面，是承载各种网站应用的平台。网页由主要由文字，图片和链接构成，除此之外，网页的元素还包括表格、动画、音频、视频等等。浏览器: 浏览器目前有五大代表,分别为1.IE浏览器 → Edge浏览器2.谷歌（Chrome）浏览器3.safari浏览器4.火狐（Firfox)浏览器5.Opera浏览器浏览器主要由1.用户界面 2.渲染引擎 3.js解释器(Javascript) 4.网络功能模块 5.数据持久化存储等五大部分组成浏览器的内核:2.web标
web前端VUE框架-基础知识及核心原理
02-24
Vue(读音/vju:/，类似于view)是一套用于构建用户界面的渐进式框架特点：易用、灵活、高效全家桶：vue+components（vueelement/iview...）+...命令式编程：命令“机器”如何去做事情(how)，这样不管你想要的是什么(what)
web前端基础知识
早睡早起长头发的博客
07-11 6894
一、网页、静态网页、动态网页 二、网页名词解释 三、Web标准 四、Web页面的组成
web前端入门基础知识
YY的博客
08-19 799
web基础
Web前端项目开发基础性知识总结
red_apple53的博客
12-21 1182
要进行前端项目的开发，就需要具备这些基础知识，还包括Java语言基础（基本语法、逻辑控制、面向对象、集合），数据库（管理工具、数据库表列主键外键等概念、查询语句、导入导出、ER图等），SpringBoot相关知识（依赖管理、ORM、切面、DAO→service→controller开发流程）等等...总之，Spring Boot项目异常报错的处理需要综合考虑项目的实际情况和需求，灵活运用日志记录、异常处理器、自定义异常等手段，以及结合测试和监控等措施，全面提升项目的异常处理能力和稳定性。
Web前端基础知识
weixin_74227828的博客
07-05 1208
Web前端是指网站或应用程序的用户界面部分。它包括HTML、CSS、JavaScript等语言和技术，用于创建用户可浏览和交互的网页。Web前端的特点在于其交互性和动态性，可以通过CSS和JavaScript实现页面的动态效果和用户交互。
web前端开发基础知识
weixin_42256571的博客
12-10 2030
web前端开发基础知识 一、概论 网站：互联网上用于展示相关内容网页的集合。（一本书，在服务器端是以有很多文件的文件夹呈现） 网页：网站中的一页，一个网站中的网页通过超链接的方式，被组织在一起。（服务器端以文件的形式呈现） 以上所说的文件保存在服务器。浏览器的作用就是解析网页源代码，呈现出网页的形态，俗称渲染。 前端技术的构成：html(从语义的角度，描述页面结构)+css(审美的角度，美化页面)...
Web前端开发-基础知识总结[期末考试总结]
Pandas_007的博客
10-25 3099
基本数据类型( 值传递 )：Undefined，Null，Number，String，Boolean，Symbol（ES2015 新增）,BigInt（ES2015 新增）Number.isNaN( x ) 判断x是否是 NaN字符串："" '' ``数据类型的转换：数值、布尔值、字符串 数值-->布尔值： Boolean( 100 )、!!100 --> 字符串： String(100)、 X.toString() 100+"" 、${100}
web前端入门知识解析
xzljj的博客
04-02 8862
一、WEB前端是什么？ 使用HTML/CSS/JS以及更多的框架技术，编写网站页面、App应用、小程序、2D&3D游戏、Web VR&AR等应用，通过内容设计、交互动画、数据操作构建项目与用户的交互界面。前端开发工程师在项目中可以与UI设计师和后台程序员合作，实现设计意图并调用后台接口；也可以独立工作，完成强用户交互的各类应用。 二、WEB前端可以做什么？ 最经典的是各种类型的网站：电子商务、企业门户、管理系统、社区平台等；目前也是移动领域首选技术：WebApp、混编App、手机游戏、
web前端基础知识:表格
m0_62181310的博客
03-31 3793
一.表格 1.表格的基本标签 标签组成: table 表格整体 tr 行 td 单元格 嵌套关系:tabel>tr>td 2.表格的相关属性 border 边框粗细 width 宽度 height 高度 cellspacing 单元格与单元格之间的距离 cellpadding 单元格内容距离边框的距离 <table border="1" width="500".
菜鸟自学WEB记—了解web前端基础知识
最新发布
qq_42156603的博客
06-06 414
简单了解web前端基础知识
web前端基础知识总结提炼大通达
10-20
web前端基础知识总结提炼大通达
web前端开发基础知识总结
10-28
web前端开发基础知识总结，包括html、css、javascript基础知识点，适合初学者学习
web前端基础知识——HTML常用标签篇
01-08
html文档也叫web页面 二、HTML常用标签的学习： head标签 头标签 title标签 显示在网页的选项卡区域 body标签 显示网页的所有内容 meta标签 信息标签 charset=utf-8 meta 标签在head里面 标注当前网页的编码格式 ...
头歌教学实践平台 Web前端开发基础 CSS-基础知识
01-20
通过这个“头歌教学实践平台”的CSS基础知识课程，学习者可以系统地了解和掌握CSS，为成为优秀的Web前端开发者打下坚实的基础。通过实践项目和不断练习，将理论知识转化为实际技能，从而在网页设计领域游刃有余。
将上传的文件进行base64转码，并转换为JSON数据格式
王凯旋的博客
10-24 2451
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
react+redux+devtools配置及使用方法
王凯旋的博客
05-28 1521
使用redux及中间件thunk和devtools 安装 1.安装redux、react-redux、redux-thunk npm install --save redux react-redux redux-thunk 2.安装辅助工具redux-devtools npm install --save-dev redux-devtools-extension 使用 1.在store文件中引入 import {createStore, applyMiddleware} from 'redux' impor
select标签显示提示且提示无法被选中
王凯旋的博客
09-04 1149
select标签显示提示且提示无法被选中 <select class="form-control m-b ipt" name="account"> <option **disabled selected**>请选择</option> <option>1</option> <option>2</opt...
Cannot assign to read only property 'exports' of object '#Object'问题记录
王凯旋的博客
01-30 1121
问题 浏览器报错Cannot assign to read only property ‘exports’ of object ‘#’ 解决： 代码中混用了export/import和module.exports/require 如果使用了babel，请将所有语法改成export/import,否则会出现这个情况 启动webpack-dev-server服务提示错误：Cannot a...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值