html 语言化

1.什么是语义化?

     html 的标签多数都是具有语义的,如 p表示文本段落, h1-h6表示一至六级标题。 span和div无具体语义,分别作为块级元素和行内元素的区域分隔符。在书写html文档时,根据文档结构,选择对应的语义标签来实现。

    

2.为什么要语义化,或者说语义化的意义?

    a.在没有css情况下, 内容能有良好的结构呈现

    a.结构精简,语义清晰,代码量少

    b.便于机器阅读,对搜索引擎友好

    c.便于团队统一合作,维护管理。

    d.方便其他机器解析渲染,对残障人士友好


3.如何实现语义化,编码中,有哪些技巧?

    1.尽量少使用无语义标签div和span;

    2.在语义不明显,既可以用p也可以用div的地方,尽量用p,因为p默认情况下有上下间距,去样式后的可读性更好,对兼容特殊终端有利;

    3.不要使用纯样式标签,例如b、font和u等,改用css设置。语义上需要强调的文本可以包在strong或em标签里,strong和em有“强调”的语意,其中strong的默认样式是加粗,而em默认样式是斜体。

    4.表格标题要用caption,表头要用thead包围,主体部分用tbody包围,尾部要用tfoot包围,表头和一般单元格要区分开,表头用th,一般单元用td。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值