块级元素、行内元素、如何理解HTML语义化?

        HTML的知识点相对较散,我挑了2个常见的总结下HTML的知识。

块级元素

        display为block/table的元素,特点是不管内容多少都要独占一行,常见的有div、h1、table、ul、p等。

内联元素

        display为inline/inline-block的元素,特点是不会换行,知道浏览器的边缘为止,常见的有span、img、input等。

如何理解HTML语义化?

1、让人更容易读懂代码,比方说一个页面全都是div,虽然通过css能够让页面正确的展示出对应的样子,但可读性非常的差,全是div,完全不知道对应的标签是干嘛的,一个好的页面应该是把css样式去掉之后,仍能正确的展示出一般的样子。

2、让搜索引擎更容易读懂代码,搜索引擎能通过不同标签的权重、语义来分析你的页面到底什么是重点(SEO)。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值