html自我介绍模板

三年前我面试前端岗位，自介hr让我现场写个自我介绍页面。绍模我直接打开记事本敲了二十行html，自介没有css，绍模没有js，自介纯标签堆出来的绍模简历。面试官笑了，自介说这比他见过的绍模任何ppt都诚实。后来我拿到了offer，自介不是绍模因为技术多牛，而是自介那个页面里藏着一个逻辑：html本身就是自我介绍的语法——标题是名字，段落是绍模经历，列表是自介技能，链接是绍模社交关系。

所以别急着套模板。自介先想清楚你要用哪个标签定义自己。有人是<h1>，一上来就抢眼；有人是<aside>，侧边栏里藏着惊喜；还有人像<footer>，看着不起眼但每页都离不开。我见过最妙的自我介绍，用<blockquote>引用了自己五年前发的朋友圈，配文是“这人没变”。

骨架：先写语义，再谈美观

很多人一上来就堆<div>，那是给自己挖坑。语义化标签才是骨架。<header>放姓名和一句话定位，比如“用代码写诗的人”。<main>里拆成三块：<section>讲做过什么，<section>讲擅长什么，<section>讲想成为什么。别用<article>——除非你把自己当作品，那也行，但得真够格。

我给自己写的时候，<h2>用了“笨功夫”三个字。底下列了七次重构同一个组件的记录，日期精确到小时。不是炫技，是想让人看见：这人对重复劳动有变态的耐心。面试官后来告诉我，那段他截图存了。

细节：比标签更重要的，是标签里的内容

模板给的是空壳，你得往里填带血带肉的东西。比如<ul>里别写“精通javascript”，写“用原生js写过一万行以上的工具库，后来被同事重构了，但那次重构教会我命名规范比聪明更重要”。<a>的href别只放github，放一个你深夜提交commit的截图，配一行字：看，凌晨四点的提交记录，不是装努力，是白天写不出来。

有个细节我特别在意：<time>标签。很多人忽略它，但时间戳是骗不了人的。我见过一份自我介绍，把“2018年获得xx奖”写成<time datetime="2018-11-03">三年前</time>——这个写法比任何修饰都性感。

收尾：别用<footer>说再见

最烦那种“感谢观看，期待您的联系”的结尾。像机器人鞠躬。我习惯在<footer>里放一个<details>标签，默认折叠，点开是“一个隐藏缺点：我容易对代码产生感情，删掉重构时会难受三分钟”。有人觉得多余，但总有人因为这三分钟记住你。

说实话，html模板最大的价值不是省事，是逼你结构化地面对自己。你写<title>的时候，就是在回答“这页面叫什么”；写<meta>的时候，就是在想“别人怎么在茫茫信息里搜到我”。这比任何职业测评都准。

最后提醒一句：别用<marquee>，那玩意儿除了证明你老，没别的用。也别把<font color="red">搬出来，2025年了，用css的color属性吧。但如果你非要用，也行——那种过时的倔强，在某些老板眼里反而是种个性。