刚入行做网站的朋友,别一上来就死磕那些高大上的框架。什么React、Vue先放一边,先把HTML这层皮给扒干净。很多兄弟觉得HTML简单,就是写几个标签,结果做出来的页面要么乱码,要么在手机上挤成一团。其实HTML是网页的骨架,骨架歪了,穿啥名牌衣服都显不出气质。
今天咱们不整那些虚头巴脑的理论,直接上干货。我就按我自己踩过的坑,给你捋一捋这玩意儿到底咋用。你若是想系统学习,去搜搜html语言中文解释大全 | 网站建设 红黑联盟论坛,里面有不少老鸟的经验贴,比那些复制粘贴的百科强多了。
先说最基础的文档结构。这个声明必须得写,别嫌麻烦。不写它,浏览器就会开启“怪异模式”,你写的样式可能完全不起作用,或者在IE浏览器里直接崩盘。接着是标签,这是根节点,所有的东西都得塞里面。然后是
和。head里放的是给浏览器看的,比如标题很多人容易搞混
还有图片标签。src是图片路径,alt是图片加载失败时的提示文字。别偷懒不写alt,这不仅影响用户体验,对SEO也极不友好。搜索引擎看不懂图片,全靠alt里的文字来理解图片内容。你若是做电商网站,商品图不写alt,搜索排名能掉到姥姥家去。
链接标签里的href属性,填的是目标地址。如果是锚点链接,记得前面加个#号,后面跟上id名。比如回到顶部,对应的元素id必须是top。这个细节新手常忘,导致点击没反应,急得抓耳挠腮。
表单