`,然后靠 CSS 的 `white-space: pre-line` 硬掰出换行。问他为什么,他说"这样代码少"。结果后期想改某一段的字体颜色,得用伪元素选择器才能定位到那行字。自找麻烦。模板的意义不是让代码最少,而是让结构最清晰。
别忽略那行注释
在 `
` 开头写一句 ``,成本为零,收益巨大。你三天后回来看代码,能一眼找到该从哪里下手改。我自己的第一个模板里,注释写得比代码还长——"这里放导航,红色字""这是轮播图,还没学会,先空着"。后来那些注释帮我省了至少两小时的迷茫时间。
有个细节容易被忽视:`` 这个属性。不写它,页面照样显示,但屏幕阅读器会默认用英文发音读你的中文内容,那声音滑稽得能让你笑场。加上它,一行代码,对无障碍访问的友好度直接翻倍。这种小地方,恰恰是模板该替你考虑到的。
模板是拿来改的,不是拿来背的
你完全可以把这份模板存成 `template.html`,每次开新项目就复制一份。但别死守着它——试着在 `
` 里加个 `
` 防止中文乱码,再塞个 `
` 让手机端不缩放。这两行是2015年以后的标配,老模板里没有,你得自己补上。
最后给你个实操建议:打开浏览器按 F12,随便找个你喜欢的网站,把它的 `
` 内容全删了,换成你自己的文字。你会发现,模板这东西跟乐高积木一样,拆开别人的,拼出自己的,才真正算学会。别怕报错,报错就是浏览器在跟你说话,听多了你就懂了。