HTML、PHP、CSS、JS之间的关系

23:02:06 2019-08-05

自己要搭建网站 虽然可以下载大佬的界面 但至少要懂一点web开发的知识 我现在感觉像个憨憨 啥都不明白

转载自：知乎 https://www.zhihu.com/question/20544928/answer/15436316   作者：蓝悦

HTML负责放你需要显示的内容，
而PHP可以输出可变化的HTML。
CSS可以让你的HTML更加的漂亮，比如加字体颜色加边框。
JS可以让你HTML+CSS组成的页面更加“生动”,粗浅的来说就是JS让页面会动。

HTML展示内容
PHP动态修改输出HTML展示内容
CSS美化页面
JS让页面动起来。提高浏览体验。

AJAX的暂时还是不要给你介绍，因为介绍了你会更乱。

作者：蓝悦
链接：https://www.zhihu.com/question/20544928/answer/15436316
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

html是骨架 css是皮肤 js是肌肉
css负责展现，js负责功能
php与后端交互

作者：刘欣然
链接：https://www.zhihu.com/question/20544928/answer/15436316
来源：知乎

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

来自: 慕课网 https://www.imooc.com/learn/9/

meta是html的元标签,其中包含了对应html的相关信息,客户端浏览器或服务端程序都会根据这些信息进行处理.
我们以<meta http-equiv="Content-Type" content="text/html:charset=UTF-8">为例子来说明:
http类型:这个网页是表现内容用的
content(内容类型):这个网页的格式是文本的
charset(编码):这个网页的编码是UTF-8,需要注意的是这个是网页内容的编码,而不是文件本身的.
编码不用说,content常见的还有xml等类型.meta,网页html语言里head区重要标签之一.
http-equiv类似于http的头部协议,他回应浏览器一些有用的信息,以帮助正确和精确地显示网页内容.常用的http-equiv类型有:
1.Content-Type和Content-Lanauage(显示字符集的设定)
说明:设定页面使用的字符集,用以说明主页制作所使用的语言和文字,浏览器会根据此来调用相应的字符集显示网页内容.

同时,与之想像还有这么一句<meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
该META标签定义了HTML页面所使用的字符集为GB2132,就是国标汉字码.如果将其中的"charset=GB2312"换成"BIG5"，则该页面所用的字符集就是繁体中文Big5码.当你浏览一些国外的站点时.IE浏览器会提示你要正确显示该页面需要下载xx语支持.这个功能就是通过读取HTML页面meta标签的Content-Type属性而得知需要使用哪种字符集显示该页面的.如果系统里没有装相应的字符集,则IE就提示下载.其他的语言也对应不同的charset,比如日文的字符集是“iso-2022-jp ”,韩文的是“ks_c_5601”。
Content-Type的Content还可以是:text/xml等文档类型；
Charset选项:ISO-8859-1(英文),BIG5,UTF-8,SHIFT-Jis,Euc,Koi8-2,us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集；
Content-Language的Content还可以是:EN、FR等语言代码。
charset表示编码
expires表示过期时间
set-cookie说明是否存cookie
Refresh表示重定向(也可以当刷新用)

来自:SkyTeam_LBM的博客https://www.cnblogs.com/liubeimeng/p/3894177.html