HTML其他概念

"俗话说,出来江湖混的,持善良之心,怀正义之气,总有志同道合者共相为谋。而HTML也有这么几个大哥们er、小兄dei、小宝贝儿。他们一起干大事,为服务好普罗大众贡献自己一份力量,接下来让我们一起走进他们吧。"
——有心人做有心事哦,晚安EmilyChen!


(一)WEB初识

【1】浏览器

五大主流浏览器 开发团队或浏览器内核简称 CSS3特定属性(新属性加前缀)
Chrome webkit -webkit-transform
Safari webkit
IE ms
Firefox moz
Opera o

浏览器内核(渲染内核和js内核,前者渲染代码,计算显示方式,进而读取呈现页面;后者偏向于动态效果的展示)

【2】web标准

浏览器编写的代码统一规范,让浏览器尽可能显示一致的效果
①由此依据,内容能被更广泛的设备访问
②方便代码维护,提高页面加载速度
③网站流量的费用就降低了
④更容易被搜索引擎搜索
⑤让web的发展前景更广阔

(二)SEO规范

(Search Engine Optimization)搜索引擎优化

【1】浏览器标签页title 标题

控制在28个字符最佳,网站名(或产品名)-网站的介绍

【2】Keywords 关键字

6~8个关键字最佳,电商类网站可以多些

【3】Description 网站说明

字符数含空格不超过120个汉字最佳 补title、Keywords未能充分的描述 用英文逗号隔开: "关键字1,关键字2"

【4】LOGO

加个h标题,告诉搜索引擎这里很重要--h里放个链接--链接里加个网站名和title提示,便于搜索引擎收录

(三)IDE

(Integrated Department Environment)集成开发环境,又叫代码编辑工具

【1】常用

Dreamweaver Sublime Text WebStorm VScode

【2】Emmet语法

  • 页面骨架:! 按下tab键
  • 多个子元素:ul>li*6
  • 序列化:h$*6
  • 内容化:h{学生}*6
  • 带名:.div #div
  • 复制粘贴上下行:光标到对象,shift+alt+↑或↓
  • 多行选择:光标到对象,shift+alt+按下拖动光标
  • 查询:ctrl+h
  • 替换:ctrl+alt+enter

(四)切图

【1】Cutterman是个嵌入正版PhotoShop的一个快速成图的插件,便于web前端与UI设计工作上的对接
【2】比PS更小巧的就是Framework,建议用此软件进行精灵图的代码书写

精灵图(sprite),因谐音又叫雪碧图

把大量小图片集中于一张大背景图,一般用svg格式会好点

  • 优点:可应用于大量的矢量小图标,减少服务器请求次数,加快页面加载速度,提升用户体验
  • 代码:background:url()no-repeat position
  • 切记:position是根据切图软件选取对象的x,y坐标而定,且多为负值
(0)

相关推荐

  • 01-HTML5 笔记

    浏览器内核(渲染引擎) IE浏览器内核:Trident内核,也是俗称的IE内核: Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核: ...

  • h5移动端常见的问题及解决方案

    h5移动端常见的问题及解决方案

  • 据报道称“浏览器内核有上千万行代码”,浏览器内核真的很复杂吗?

    确实非常的复杂! 首先可以明确的是,浏览器是少有的大型软件系统,其复杂性可以媲美我们每天使用的Windows系统. 微软甚至放弃自家的IE和edge内核,转而使用chrome内核,chrome优秀是一 ...

  • 我国旅游业用地概念内涵及分类探讨

    对旅游业用地的界定是旅游业用地政策研究的基础问题.本文拟在对法律法规.政策文件和文献中的旅游业用地相关提法进行梳理的基础上,探讨符合我国土地管理制度和旅游业发展实践的旅游业用地概念和分类. 一.法律法 ...

  • 灵素之问 | 伤寒论得名及其概念演变与误解

    原创 忆忘 腔调中医 4月22日 灵素之问 还原古人观察视角和中医经验理法的演进. 栏主 忆忘先生,从事临床工作,研习传统文化和中医经典,索求源流,力图还原古人的观察视角和经验及理法的演进. &quo ...

  • 任应秋:气血在生理方面的概念之“气”篇

    中医之声 医学资讯 公众号 气和血是构成机体的两大基本物质,故<灵枢·本脏篇>说:"人之血气精神者,所以奉身而周于性命者也."精为气所化生,神藏于血液之中,因此,精神还 ...

  • 任应秋:气血在生理方面的概念之“血”篇

    中医之声 医学资讯 公众号 血是机体较多的物质之一,而且是不可少的物质之一.<景岳全书·血证>说:"血即精之属也,但精藏于肾,所蕴不多,而血富于冲,所至皆是."正因为血 ...

  • 同步拓展阅读:新概念英语第3册第21课

    一.往期回顾 同步拓展阅读:新概念英语第3册第20课 [参考答案] 1-5 FFFTF 二.本期内容 [课文主题] 第21课讲的是现代拳击运动的先驱蒙多萨(Mendoza)的故事,所以我选择了一篇有关 ...

  • A0 字节系广告入门基础概念篇

    A1 信息流广告优化是份什么样的职业? A2 头条信息流广告底层竞价逻辑 A3 头条信息流广告搭建流程介绍 A4 头条信息流账户优化方法论 不问不知道,一问吓一跳! 居然有同学,连最基础的广告入门相关 ...

  • 石硕 | 从中国历史脉络认识“中华民族”概念 ——“中华民族”概念百年发展史的启示

    摘要:百年来,梁启超.顾颉刚.费孝通对"中华民族"概念的阐释不但影响巨大且有标志性意义,也为我们留下一笔宝贵财富.在铸牢中华民族共同体意识的今天,我们可从中获得怎样的思想资源与启迪 ...

  • 数字孪生车间的概念、运行机制及关键技术

    引自:<数字孪生及车间实践>(作者:陶飞,戚庆林,张萌,程江峰) 「 1. 数字孪生车间概念模型 」 数字孪生车间(digital twin shop-floor, DTS)的概念模型如图 ...

  • 财务思维与模糊不清的经济概念

    通用财务思维 让每个人都算得清账! 长按二维码关注我们 前面我们说过,经济学与财务学是近亲,两者有着千丝万缕的联系,现代经济学也是经历了一系列发展变化才成为今天的样子(参见:谈谈财务学的近亲--经济学 ...

  • ​附:陈传所述之天心十道、太极及穴的概念和关系

    ​附:陈传所述之天心十道.太极及穴的概念和关系: 奥语第七奥, 要向天心寻十道.这里杨公没有挑明天心.十道的关系及是否太极心. 陈传:天心即太极,即穴.穴有十字,当与龙向城门合江东江西南北卦,若稍有不 ...