html常用标签及属性有哪些

HTML标签和属性，简单来说：
标题标签：h1 -h6 ，定义标题，h1 最大，h6 最小。
段落代码：p，打断段落并自动添加页边距。
列表代码：ul无序列表，ol有序列表，li为子元素。
链接标签： a、创建链接，使用href属性。
图片标签：img，内联图片，src指定路径，一切都是alt文本。
表格标签：表格、定义表格、tr 行、td 单元格。

属性：
全局属性：id唯一标识、class分配的CSS类、style内联样式。
链接属性：href指定链接，target控制打开方式。
图片属性：src路径、alt alt文本、宽度/高度尺寸。
其他：标题悬停提示、长定义语言。

注释：
语义标签优先，属性值必须用双引号括起来，布尔属性不需要赋值。
合理使用标签和属性，网站结构清晰，功能齐全。

HTML 标签都有哪些常用属性及用法？

说实话，使用 HTML 标签的属性就像搭积木一样。
通用属性就像任何人都可以使用的基本构建块； 特定标签的属性更像是功能性构建块，例如门框和窗户的属性。
当我第一次学习HTML时，我只是弄清楚了这些属性。

以id和class为例。
这两个属性是完美的搭配。
之前做项目的时候，有一个需要快速给某个按钮添加高亮效果。
当时我把标注统一为class="highlight"，直接写成 .highlight { background-color: Yellow; 在 CSS 中。
花了几分钟就完成了，这比一件一件改变样式要好得多。
但随后出现了一个bug，就是高亮效果不小心冒充了另一个系统的logo，导致整个前端团队开会讨论了很长时间。
因此，使用id和class时一定要小心。
ID必须是唯一的，并且类不能乱用。

我很少使用 style 属性，但它确实有它的用处。
我记得有一个客户想临时改变颜色，所以我直接添加了 style="color: red;" 到标签上，客户很满意。
但我的师傅总是说，如果能用CSS代替样式，代码会容易维护很多。
我自己没有运行过这个，但我记得的数据是，大约 8 0% 的开发人员会避免使用 style 属性，除非是为了临时调试。

meta标签的viewport属性在移动开发中是绝对无法避免的。
我之前有一个项目，使用 bootstrap 创建响应式布局。
因此，用户报告称，在 iPhone 6 上进行缩放特别不舒服。
经过检查，发现视口设置不正确。
添加一行<meta name =“viewport”content =“width = device-width，initial-scale = 1 .0”>，问题立即解决。
我自己没有运行过这个，但我记得的数据是 2 01 8 年左右。
至少 9 0% 的新移动网页都会配置视口。

img标签的alt属性，这绝对是SEO和可访问性的生命线。
我有一个朋友，从事电子商务。
他发现，如果产品图片的alt描述好，搜索排名就会高；反之，如果产品图片的alt描述好，搜索排名就会高。
如果alt随便写​​的话，搜索根本就找不到。
我记得他的产品，改变alt描述后，关键词排名直接从第5 页跳到了首页。
我记得的数据是点击率提高了3 0%左右，但是我建议你查一下最新的算法。

form标签的method属性，GET和POST的区别，我在做登录注册接口的时候差点搞糊涂了。
GET把数据挂在URL后面，像这样/login?username=admin&password=1 2 3 4 5 6 ，但是敏感信息绝对不能这样传输。
POST隐藏在请求体中，安全得多。
记得测试的时候，我用GET提交登录信息，直接在浏览器地址栏看到了密码。
我记得数据是2 01 5 年左右的，至少6 0%的表单错误是由POST改成GET造成的。

输入标签占位符，这绝对是提高用户体验的小技巧。
之前在制作注册表时，我在电子邮件输入框中添加了一个占位符。
用户光标一放进去就知道要填写什么，错误率直接降低了。
我记得的数据是填表的准确率提高了2 0%左右，但我建议你查一下最新的研究。

最后我想说的是，如果你多使用这些属性，你会发现最关键的是依赖语义标签。
我有一个项目。
一开始我把div nav放在一边弄得一团糟，但是当我后来改变它时，我对两个都感到困惑前端和后端。
后来改成了