文章最后还有福利
前端开发,上手简单,只要有一个可以运行多种浏览器的笔记本css获取第一个子元素,并且可以在线查询信息。 深入的部分需要更多的理论知识和愿意钻研的精神。 对于前端开发来说,需要了解的东西屈指可数,主要有以下几个方面:
背景知识 软件安装 文本编辑器 浏览器
Firefox、Chrome、Opera、Safari、Internet Explorer 和 Microsoft Edge
版本控制
git GitHub
构建 ToolsWeb 标准
Web标准主要定义了浏览器端、功能套接字标准以及标准的具体实现,由不同的浏览器厂商完成。
目前使用的网络技术主流浏览器
Firefox、Chrome、Opera、Safari、Internet Explorer 和 Microsoft Edge
协议
协议,主要用于通信。前端和前端并不是独立的,他们之间通过合约交换信息css获取第一个子元素,Web系统才能正常运行
HTML、CSS 和 JavaScript 开发工具服务器端语言
Python, NodeJS, Deno, Go, Rust
浏览器兼容性的挑战
Web标准、实现厂商不同、支持不同,浏览器兼容性问题自然存在
响应式设计
不同的厂家、不同的展示场景意味着整篇文章无法定稿,需要动态改变展示内容
表现
世界上的网站只有速度快才能留住用户
使用方便
不同的网站访问者需要通用且易于使用。
全球化
国际语言有很多,我们需要支持尽可能多的
安全
用户隐私数据保护
HTMLhtml基本概念html元素
当然,也有例外,不属于这些格式。
# Empty elements, or (void elements.)
复制代码
html元素嵌套
My cat is very grumpy.
复制代码
块元素和行内元素
块元素占据一行; 行内元素按顺序排列。 这些与 css 显示不同,并且不会影响元素可以包含哪些元素或被哪些元素包含。
元素属性
其中,还有一个特殊的属性:布尔属性
# 等效于
复制代码
另外,还会有一些特殊的写法。建议使用key="value"格式
favorite website
复制代码
html文档结构
无论连续多少个空格,浏览器都会解析一个空格
# 定义解析格式
# 文档的root
#定义源数据地方
My test page
# 文档的可见内容部分
This is my page
复制代码
请参阅它以获取元数据等。
html特殊字符
,",'和&,这个是html本身使用的,如果用户需要显示,那么需要通配符
html注释
复制代码
html 多媒体图像
alt描述图像
# 推荐添加alt,而不是text子元素节点添加
复制代码
添加标题
复制代码
根据不同的显示设备规格加载不同的图片
复制代码
设备规格相同,但帧速率不同
复制代码
使用图片,不同的设置可以选择加载不同的图片。
复制代码
图片+svg
复制代码
声音的
单一 URL 浏览器制造商不支持不同的音频格式,例如:MP3、MP4 和 WebM
复制代码
浏览器适配问题
复制代码
视频
单个 URL 浏览器制造商不支持不同的视频格式。
复制代码
浏览器适配问题
复制代码
svg
图像参考 svg
复制代码
html 参考 svg
复制代码
在 iframe 等中参考 svg
复制代码
帆布
Canvas 与 svg 不同。 Canvas是基于像素的,而svg是基于矢量图形的。
#html
复制代码
嵌入元素
iframe, embed and object
内嵌框架
复制代码
html表格样式规范
Data 1
Data 2
Calcutta
Orange
Robots
Jazz
复制代码
更好的款式规格
col 可以指定一次
# 定义在colgroup中,与th个数对应
Data 1
Data 2
Calcutta
Orange
Robots
Jazz
复制代码
设置全部
复制代码
如果你现在也想学习后端开发技术,如果你在学习后端的过程中遇到任何学习方法、学习路线、学习效率等问题,可以申请加入我的Q群:6649第114671,大厂笔试真题中有很多免费的后端学习资料,希望能够对大家有所帮助。