html,css,php,js的应用感悟

html

包含了行元素、块元素和行内块元素。行元素最直观的区别就是能在一行显示,例如<span>我是一个行元素</span><span>我又是一个行元素</span>。块元素在 HTML 文档中无论内容多少,都会完全占住文档中它所占高度的那一行,比如<h2>我是一个块元素,我占住了这行</h2><h2>这行我占了,你往下排吧哼</h2><h2>虽然我短小,但是我还是很霸道,我就要占住一行</h2>。而通过设置display属性,可以改变元素的样式属性,使其变为块元素(block)或行元素(inline)。行内块元素则是在一个元素中添加新元素,子元素不能超出父元素的最大显示范围,

css

在 HTML 文档中使用<link>标签引用外部样式表可以将网页结构和样式分离,方便维护和修改。当网站有多个页面需要相同的样式时,只需在每个页面引入同一个外部样式表文件即可,大大提高了开发效率。HTML 文档的<head>标签中使用<style>标签定义内部样式表。内部样式表可以在特定情况下实现样式的更改或调整,但由于样式与结构没有完全分离,复用率相对较低。

avaScript 代码要嵌入到页面中,有多种方式可以选择。

  • js

  • 行间 JavaScript:在 HTML 元素中直接添加事件属性,如<input type=\"button\" name=\"\" οnclick=\"alert('ok!');\">。这种方式简单直接,但会使 HTML 和 JavaScript 代码紧密耦合,不利于维护。
  • 内嵌 JavaScript:可以写入<body>,也可以写入<head>。例如<script type=\"text/javascript\">var a = '你好!'; alert(a);</script>。这种方式可以在 HTML 文档中直接插入 JavaScript 代码,但同样会使代码结构不够清晰。
  • 外部 JavaScript:在<body>或<head>中使用<script src=\"\"type=\"text/javascript\" charset=\"utf-8\"></script>引入外部的 JavaScript 文件。这种方式可以将 JavaScript 代码与 HTML 分离,提高代码的可维护性和可复用性。
  • PHP
  • 变量在定义后可以多次赋值。例如:$username = 'admin';之后可以再次赋值为$username = 'user';。
  • 可以通过unset()销毁变量。比如unset($username);可以销毁变量$username。
  • 变量名区分大小写,例如$Username和$username是两个不同的变量。
  • 变量名必须使用 “$” 作为开始,变量名 / 标示符必须使用字母或下划线开始,后面允许使用数字、“_”、“[a~z,A~Z]”、“[0~9]”。