HTML—超文本标记语言
概念
HTML(Hypertext Markup Language)超文本标记语言,标准通用标记语言下的一个应用,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。HTML就是用户编写这种文档的一种标记语言。超文本标记语言的结构包括“头”部分(Head)、和“主体”部分(Body),其中“头”部提供关于网页的信息,“主体
本地网站服务器
HTML—超文本标记语言
概念
HTML(Hypertext Markup Language)超文本标记语言,标准通用标记语言下的一个应用,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。HTML就是用户编写这种文档的一种标记语言。超文本标记语言的结构包括“头”部分(Head)、和“主体”部分(Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
由来
万维网上的一个超媒体文档称之为一个页面。作为一个组织或者个人在万维网上放置开始点的页面称为主页或首页,主页中通常包括有指向其他相关页面或其他节点的超级链接通过点击它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站。超级文本标记语言是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
网页的本质就是超级文本标记语言,通过结合使用其他的Web技术,如:脚本语言、公共网关接口、组件等,可以创造出功能强大的网页。因而,超级文本标记语言是万维网编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
特点
1.简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
2.可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
3.平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网盛行的另一个原因。
4.通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
网站优化前端工作
首先,需要前端开发工程师优先过滤掉网站首页中不再使用的js/css文件。原因很明显,只要多一个js/css文件的加载,都会与服务端进行交互,造成一定的量的资源响应速度影响,所以该部分建议优先在首页进行(因为首页是用户进入门户网站的站)。
其次,压缩优化网站中的css、js及图片是必要的。一般情况下,大图文件可以通过贵司的UI设计师进行裁剪压缩(一般指体量较大的图片),而一些相对小的图片可以实用压缩工具压缩。另外,像css及js文件的压缩是常见的,一般推荐使用一些网站静态资源优化工具操作,比如:gulp、webpack及类似工具。
,将样式css文件的加载放在页面上面,脚本js文件的加载放在页面的下面。原因就是页面的加载一般是从上往下进行加载解析,优先加载css文件,就可以优先显示页面渲染;后加载脚本js文件,就是在页面样式基本正常时,再解析渲染js文件,一定程度做到不卡顿现象。
< src="chrome-extension://lmnganadkecefnhncokdlaohlkneihio/enable.js">>
响应式网页设计的产生
响应式网页设计,全称是Respive Web Design,早是由伊桑·马卡特(Ethan Marcotte)在2010年提出的一个概念,的动机是“如何使得页面布局适应任何的浏览窗口”。响应式页面的设计理念是,页面的设计与开发应当能够根据用户的行为以及设备环境(包括系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整,也就是页面应该有能力去自动响应用户的设备环境。简而言之,这个概念指的就是网站的页面能够兼容多种不同的终端,根据不同的环境做出自动的响应及调整。
响应式网页开发的实现方案有很多,包括CSS媒体查询的使用、弹性网格和布局、流式图像等。无论用户使用的是哪种设备,响应式页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以实现自动的适应。
伊桑·马卡特在其个人网站上给出了响应式网页的简单示例。这个网站虽然简单,却具备了响应式网页的要素:自动适应、流式网格布局、流式图像显示等等。读者可以尝试浏览这个网页,通过手动拖动鼠标改变浏览器窗口的大小,查看在不同浏览器窗口尺寸下页面显示的变化。可以看到,在不同的浏览器窗口尺寸下,网页的地址没有发生变化,但网页的布局显示却可能有所改变
(作者: 来源:)