整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
中级
半小时
有一定编程经验。
Typescript
什么是“index.html”？
官方是这样描述的：
这是别人访问你的网站是看到的主页面的 HTML 文件。 大多数情况下你都不用编辑它。 在构建应用时，CLI 会自动把所有 js 和 css 文件添加进去，所以你不必在这里手动添加任何 <script> 或 <link> 标签。
从中我们可以得出以下三点：
“index.html”位置及内容如下：
具体内容：
这就是一个普通的html。
里面只说两点，第一点是我们之前讲解过的网站头像“favicon.ico”，还有一点是没有讲解过的“app-root”组件选择器。后者是重点。
首先，我们来看看网站头像，这个之前讲解过，但是在“index.html”里面还没有讲解。
涉及到的代码如下：
这是一个icon的引用，将“favicon.ico”设置为网站头像。
注意看，href属性值直接写的是“favicon.ico”，也就是说“favicon.ico”所在的目录是和“index.html”是同一个目录。
接着往下看，我们会看到一个比较奇怪的标签：
Q：这个标签叫什么？
这个叫组件选择器也叫CSS选择器。
Q：什么叫组件选择器？
从它的名字中可以得知两点：组件和选择器。其中选择器是组件在HTML中的名字。
Q：什么是组件？
官方描述：
组件控制屏幕上被称为视图的一小片区域。
不知道对官方描述有没有理解，没理解也没关系，下一章就会详细讲解到什么组件。
Q：app-root这个组件选择器实际对应的组件是什么？
app-root组件选择器对应的是应用中AppComponent组件。
Q：AppComponent组件在哪？
如图所示，中app目录下的“app.component.ts”文件中，用Typescript写成。
它的具体内容如下：
Q：我在图片中看到了“app-root”，想问包括它自身所在的这一行是什么意思？
官方描述：
selector：是一个 CSS 选择器，它会告诉 Angular，一旦在模板 HTML 中找到了这个选择器对应的标签，就创建并插入该组件的一个实例。 比如，如果应用的 HTML 中包含 <app-root></app-root>，Angular 就会在这些标签中插入一个 AppComponent 实例的视图。
这个描述应该很清楚了，将组件的视图插入到选择器所在的位置。
至此，“index.html”相关的讲解就先告一段落了，里面还有其它没有讲解的内容暂时不作重点。
后续还会再接触的，用到时再作分析。
如果大家有问题或想了解更多前沿技术，请在下方留言或评论，我会为大家解答。
Angular第十八章：应用入口“main.ts”
Angular第二十章：app开发目录
加入同步学习小组，共同交流与进步。
如果你也热爱前沿技术，欢迎关注我们。
原创不易，未经允许不得转载！
1、保持简洁优雅的 URL。
保持网站首页简洁的域名格式。
2、搜索引擎友好，避免重复页面。
虽然大部分网站首页都是 index.html，但搜索引擎并不会将www.fuyeor.com/和www.fuyeor.com/index.html视为同一个页面，而是当作两个网址处理。
1、设置网站目录文件默认值
从 Apache 服务器的配置文件 /conf/httpd.conf 中的 DirectoryIndex 修改网站默认首页。
<IfModule dir_module>
DirectoryIndex index.html index.php
</IfModule>
确保www.fuyeor.com/和www.fuyeor.com/index.html都能正常访问。
2、在首页文件 index.html 中设置跳转
在首页文件 index.html 中通过 JavaScript 设置跳转，跳转至不带 index.html 的域名。
<script>
if(window.location.href == 'https://www.fuyeor.com/index.html'){
window.location.href="https://www.fuyeor.com/";
}
</script>
3、设置 rel=canonical <link> 标记，避免在搜索引擎出现 index.html
将具有 rel="canonical" 属性的 <link> 元素添加到带 index.html 的网页 <head> 部分中，并使其指向规范网页（主域名）。
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover">
...
<link rel="canonical" href="https://www.fuyeor.com" />
...
</head>
这样搜索引擎即使发现了 index.html 的网址，也不会收录。
源：淄博日报-淄博新闻网
“温暖淄博人社” 微信小程序
淄博新闻网讯 （全媒体记者赵晓雯）为做好就业援助月求职招聘服务工作，结合目前疫情形势及防控工作要求，淄博市2022年就业援助月云招聘活动定于2022年1月11日至1月31日在淄博市人力资源市场网招聘专区举办。
本次招聘活动以就业困难人员、城市留工过节人员、新就业形态劳动者等群体为重点，为各类求职人员和用人单位提供7×24小时不打烊的线上招聘专区。
活动平台为淄博市人力资源市场网。
（一）电脑端：
1.直接输入网址：
http://120.220.22.32:8880/col/1026/index.html登录。
2.淄博市人力资源和社会保障局官网：
（http://hrss.zibo.gov.cn/）—点击“人力资源市场网”模块。
（二）手机端：
求职人员可通过淄博市人力资源市场网参与线上招聘会，还可通过“温暖淄博人社”微信小程序，注册个人账号并完善简历信息，发布求职意向，随时随地浏览招聘岗位信息。
编辑：孔鼎
本文来自【淄博日报-淄博新闻网】，仅代表作者观点。全国党媒信息公共平台提供信息发布传播服务。
ID：jrtt
*请认真填写需求信息，我们会在24小时内与您取得联系。
