2024年2016网页设计规范 篇1
seo是一个系统的工程 而网站则是seo系统的核心，那么seo有没有规范的URL呢
根据我这么多年的经验来看 没有没有绝对规范的URL 但有也有相对适合seo路径的URL
做seo 首先得保证网站页面被收录，而收录则可能比 网站的速度 页面大小 路径深度等多多面影响
下面一一说明
1、层次越少越好
有的URL很深很长层次很多，这种URL就对SEO不是很友好，一个适合SEO的URL应该是3层：第一层域名、第二层定义当前页面属于什么性质、第三层是当前页面的ID。一些站 则可以直接存档相同目录下
2、分类页采用目录形式，内容页采用内页形式
网站的栏目页面、分类页面，采用目录形式的URL，如www.xxx.com/abc；
网站的产品页面、新闻页面、内容页面，采用内页形式的URL，如www.xxx.com/123.html；
具体你可以报考一下一些大型网站的文章存档 如新闻门户 京东的产品页 我觉得京东的很规范了
3、英文网站让URL里带关键词
如果我们做的网站是一个英文的网站，那就尽量要让这个网站的各个URL里都带有当前页面的关键词，简单来说就是优化关键词，把英文关键词放在URL里。
4、分类URL与内页URL不用有关联
网站的产品分类、文章分类、新闻分类等，不用跟他所对应的内页有关联，简单来说就是通过查看URL不用看出当前页面属于哪个分类。因为我们往往一个产品或者内容属于多个分类，如果在URL上给规定好了的话，以后就会有很多麻烦。
5、URL中的字母全部用小写
对于为什么URL中的字母全部用小写，这里有以下原因：
① 有些服务器是区分大小写的，例如Lunix服务器，这样在站长做链接或者是用户输入时，会因为大小写的问题而出现404页面，而且robots也是区分大小写的，如果大小写搞错了，可能会造成不能收录的严重问题。
② 全部用小写，用户比较容易输入，不用因为大小写混合而出现错误，这是人们的输入习惯。
6，页面的大小
有些人可能为了表达更多的信息 页面做到很大 几兆都有 还不包括图片 所以这类一定要注意 尽量分页 图片有条件用二级域
说一千道一万 页面是给搜索引擎看的 同时也是给人看的 内容质量不行 再好的规范也没用
2024年2016网页设计规范 篇2
诚邀回答~
web前端技术是近年来一个新兴职业，是伴随着web兴起而细分进去的行业。web前端技术是由网页制作演变而来的，在互联网的演变进程中不断发展。
近些年，web前端人才的市场需求量持续上涨，企业对于web前端从业人员的技能要求和职业素养也越来越高。那么一名合格的web前端需要掌握哪些技术？下面我帮大家详细罗列一下，希望能对大家的学习和工作有所帮助。
一、前端页面重构
(1）PC端网站布局
HTML基础，CSS基础，CSS核心属性，CSS样式层叠，继承，盒模型，容器，溢出及元素类型，浏览器兼容与宽高自适度，定位，锚点与透明，图片整合，表格，CSS属性与滤镜
(2)HTML5+CSS3基础项目
HTML5新增的元素与属性，表单域增强元素，CSS3选择器，文字字体相关样式，CSS3位移与变形处理，CSS3 2D转换与过度动画，CSS3 3D转换与关键帧动画，弹性盒模型，媒体查询，响应式设计，
(3)WebApp页面布局项目
移动端页面设计规范，移动端切图，文字流式/控件弹性/图片等比例/特殊设计的100%布局，等比缩放布局，viewport/meta，rem/vw的使用，flexbox详解，移动web特别样式处理（reset, 1px border, 高清图片）
二、JavaScript高级程序设计
(1)原生JavaScript交互功能开发项目
基本语法，循环语句，函数与数组，String与Date，BOM与DOM，事件，拖拽效果，cookie存储，正则表达式，Ajax，面向对象基础，运动与游戏开发
(2)面向对象进阶与ES5/ES6应用项目
Promise/A+，设计模式（观察者模式等），原型链，构造函数，执行上下文栈与执行上下文，变量对象与活动对象，作用域链，闭包，this，ES5，ES6
(3)JavaScript工具库自主研发项目
DOM库，事件库，AJAX库，原型和继承库，MVVM核心库，基于SPA的路由库
三、PC端全栈项目开发
(1)jQuery经典交互特效开发
时间轴特效，tab页面切换效果，网页定位导航特效，滑动门特效，焦点图轮播特效，导航条菜单效果，瀑布流特效，弹出层效果，倒计时效果，抽奖效果
(2)PHP+MySQL后端基础项目
PHP，MySQL，HTTP(s)协议详解，Ajax进阶、跨域与Defered，Apache与Nginx 环境搭建与配置，接口的定义，Mock数据，Restful，前后端联调，前端安全(XSS,CSRF,JSON注入)
(3)前端工程化与模块化应用项目
Gulp，Webpack，NPM，Git/SVN，CommonJS，AMD，CMD，ES6模块化
四、移动端WebApp开发
(1)应用Vue.js开发WebApp项目
Vue.js基础，模块化，单文件组件，路由，与服务器通信，状态管理，单元测试与生产发布，服务端渲染SSR与Nuxt.js，基于Vue.js企业级项目开发(Mint UI, Element UI)
(2)应用React.js开发WebApp项目
ReactJS基础，JSX语法，组件，flux+Redux，React，Router路由，动画效果，基于React 企业级项目研发( Antd, Antd Mobile）
(3)应用Angular开发WebApp项目
TypeScript 基础与进阶，开发环境配置，Hello World，架构、模块与组件，模板，元数据、数据绑定与数据显示，表单，服务与指令，依赖注入，路由，Ionic 3 MUI框架，
项目实战
五、混合(Hybrid,RN)开发
(1)微信公众号开发
初识微信公众号，订阅号的基本功能，使用百度BAE实现代码的快速上线，使用Git完成线上代码部署，公众号开发权限及功能接入，微信JSSDK接口API，微信场景项目开发与接入
(2)微信小程序开发
微信小程序初探，小程序入门必学，小程序组件体验，小程序大功能，项目实战带你征服小程序
(3)React Native
React Native 初探，React Native 项目导航，React Native 项目文本框，React Native 项目滚动分页，React Native 项目第三方登录，React Native 其他组件
(4)各类混合应用开发
自主原生Navtive Hybrid(iOS、Android)，第三方Hybrid框架Cordova/Phone gap，
第三方Hybrid框架MUI + HTML5+
六、NodeJS全栈开发
(1)Node.js基础项目
NodeJS介绍，开发环境搭建，模块与包管理工具，CommonJS模块，URL网址解析，QueryString参数处理，HTTP模块，HTTP小爬虫，request方法，事件 events模块，
文件 fs模块，Stream 流模块，原生路由与参数接收，读取图片文件，npm scripts，Yarn 与 PM2，
(2)MongoDB
MongoDB介绍与环境搭建，数据库常用命令，Collection聚集集合，document文档操作，聚集集合查询，NodeJS连接MongoDB
(3)GraphGL
GraphQL初探:从REST到GraphQL，GraphGL安装，准备数据源，搭建GraphQL服务器，数据查询
(4)Express
express 介绍，安装和创建基于Express的项目，Express 4.1x 初始化项目详解，路由简介，模板引擎EJS，模板引擎Pug（Jade）
(5)Koa
Koa入门、Koa应用、中间件、Context、async await、请求与响应
(6)测试框架mocha
搭建框架、断言assert、项目测试、运行多个测试
(7)socket 即时通信项目
Socket简介和通讯流程，基于net模块实现socket，WebSocket，Socket.io
(8)Node.js高级全栈项目
基于Vue+Node+MongoDB+微信的高级全栈项目开发
七、大数据可视化
(1)大数据可视化化基础与实战
数据可视化入门，数据可视化基础，零编程工具使用：ChartBlocks、Infogram、plotly、Raw、Tableau，D3.js详解，D3.js 入门，D3.js 高级应用，D3.js 应用工具：NVD3、n3，charts，Highcharts，FusionCharts，Polymaps，项目实战