Web前端开发技术——HTML5、CSS3、JavaScript

一、HTML

1.基本结构

html 复制代码
<html lang ="en">
 <head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>Web网页标题</title>
 </head>
 <body>
 ...
 </body>
</html>

2.meta

meta标记 用来描述一个HTML网页文档的属性,也称为元信息

meta属性主要分为两组:

  1. name属性与content属性。name属性用于描述网页,name属性的值所描述的内容通过content属性表示
  2. http-equiv属性与content属性。http-equiv属性用于提供HTTP协议的响应头报文,http-equiv属性的值所描述的内容通过content属性表示

|------------|-----------------------------------------|
| 属性 | 值 |
| name | author description keywords generator |
| http-equiv | content-type expires refresh set-cookie |
| content | some_text |

3.标记类型

|-------------------------|--------------|
| <br><br/> | 换行 |
| <hr><hr/> | 水平分割线 |
| <link> | 链接标记 |
| <strong></strong> | 标准粗体 |
| <p></p> | 段落 |
| <comment></comment> | 注释 |
| &nbsp | 插入空格 |
| <!DOCTYPE> | HTML或XHTML规范 |
| <!-- --> | 注释 |

相关推荐
M ? A16 分钟前
Vue转React最佳工具对比:Vuera、Veaury与VuReact
前端·javascript·vue.js·经验分享·react.js
We་ct21 分钟前
JS手撕:函数进阶 & 设计模式解析
开发语言·前端·javascript·设计模式·面试·前端框架
悟空瞎说36 分钟前
前端老鸟实战:纯 CSS 实现小红书「真・瀑布流」,零 JS、自动错落、生产可用
前端
yuki_uix37 分钟前
当 reduce 遇到二维数据:从"聚合直觉"到"复合 Map"的思维跃迁
前端·javascript·面试
我叫黑大帅40 分钟前
Vue3中的computed 与 watch 的区别
前端·javascript·面试
暗不需求42 分钟前
# 一文搞懂 JavaScript 内存机制:从栈和堆,到闭包为什么“活得更久”
前端·javascript
CharlesY42 分钟前
JavaScript HTML5 Cache Manifest:离线应用缓存机制考古
前端·javascript
yuki_uix42 分钟前
前端解题的 6 个思维模型:比记答案更有用的东西
前端·面试
Bigger1 小时前
第三章:我是如何剖析 Claude Code 工具系统与命令执行机制的
前端·claude·源码阅读
GISer_Jing1 小时前
告别手搓架构图!Excalidraw+AI Skills 高效绘制手绘风技术图
前端·人工智能·react.js