SEO优化,电脑配置,前端工作,元素使用,网页组成
认识软件
- 软件是什么
- 完整的软件体系结构:服务器-android-ios-pc-浏览器
- 前端工程师
电脑配置
- 显示文件的扩展名
- 显示隐藏的文件和文件夹
- 显示文件的详情
认识网页
一个网站有很多个网页组成前端工程师工作
- 在自己电脑上进行网站的开发
- 将开发出来的内容进行打包(webpack/gulp)
- 上传和部署->服务器
- 用户通过浏览器-URL->下载资源->浏览器解析
网页组成
- HTML(网页的结构域)+CSS(网页的样式)+JavaScript(交互)
- 浏览器内核
- trident:IE
- gecko:FireFox
- presto->blink:Opera
- webkit->Safari/Android/IOS(webview)
- blink->Chrome;
- 软件及其插件的安装(VScode)
- 插件安装(chinese,open in brower,atom,vscode-icon)
- 设置(自动保存,字体大小,wrap换行,空格渲染->点)
- 元素的使用
- HTML(超文本标记语言)
- 元素的基础(元素的写法:双标签,单标签)
- 元素的嵌套(元素之间存在嵌套关系;父元素/子元素/后代元素)
- 元素的属性(
,class/id/title)
- 注释的重要性
-
元素的使用
文档声明(告诉浏览器当前页面是html页面,html标准去解析,放在文档最前端不能省略,会出现兼容性问题)
html元素(W3C标准增加了lang属性,en->html文档语言是英文,zh->中文)
head元素(元数据,描述网页的各种信息,字符编码网页标题,网页图标[title,meta,style,link,base,script,noscript])
meta(charset字符编码)
- ==字符编码==:meta Ascii,utf-8,GB2312,gbk,Unicode编码
- 目前均采用utf-8进行编码
- link用于设置网站图标等
- style用于样式的设置
h(有助于网站的==SEO[Search Engine Optimization]优化==,促进关键词排名,建议网页中只有一个h1,否则会被搜索引擎认为作弊,) ==SEO:google/sougou/360/baidu==
p,strong
code用于显示程序代码
br(单标签表示强制换行)
hr分割线
img(src,alt)
- 图片格式:jpg(不支持透明),png(支出透明),gif(动图,支持透明)
a(超链接打开新的网页[href,target])
- target取值:_self[默认,当前网页],_blank[新的窗口打开url],_parent[父窗口],_top[顶层窗口],==某个frame的name值:在某个frame中打开url==
- iframe在一个html文档中显示其他的html文档[src frameboder(0,1) ]
- base写在head,显示a元素的所有默认行为()
锚点连接:跳转到网页的具体位置go[id为one的a元素,name为one的元素]
伪链接(两种写法)链接可以作为按钮来使用
- ### 元素划分
区块:div
区分:span
文本:p,h1~h6
表格:table。tbody.thead.tr..th.tfoot,caption
表单:form,input,label,textarea,select
链接:a
图片:img
文档,html,head,title,body,meta
列表:ul ol li diside footer,nav
其他:br,hr,iframe
结构:header,section、a strong pre address,q,blockquote,cite,code
==行内元素设置高度等某些属性是没有效的,span等==
url知识/SEO优化
- url格式问题:URL的基本格式 = protocol://hostname/path = 协议://主机地址/路径
- 协议:不同的协议,代表着不同的资源查找方式、资源传输方式
- 主机地址:存放资源的主机的IP地址(域名)
- 路径:资源在主机中的具体位置
- url常见协议
- http:超文本传输协议,访问远程的网络资源,https是http协议的安全版
- file访问本地计算机资源,格式file://
- mailto访问电子邮件地址,格式:mailto://
- ftp访问共享主机的文件资源格式:ftp://
- ed2k:通过支持ed2k(专用下载链接)协议的P2P软件访问该资源(代表软件:电驴),格式是ed2k://
- thunder:通过支持thunder(专用下载链接)协议的P2P软件访问该资源(代表软件:迅雷),格式是thunder://
本文链接: https://sparkparis.github.io/2020/03/24/HTML%E7%AC%94%E8%AE%B0-1/
版权声明: 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。转载请注明出处!