html 语义化的理解

<div id="navfirst">
<ul id="menu">
<li id="h"><a href="/h.asp" title="html教程">html教程</a></li>
<li id="x"><a href="/x.asp" title="XML教程">XML教程</a></li>
<li id="b"><a href="/b.asp" title="浏览器脚本">浏览器脚本</a></li>
<li id="s"><a href="/s.asp" title="服务器脚本">服务器脚本</a></li>
<li id="d"><a href="/d.asp" title="dot net教程">dot net教程</a></li>
<li id="m"><a href="/m.asp" title="多媒体教程">多媒体教程</a></li>
<li id="w"><a href="/w.asp" title="建站手册">建站手册</a></li>
</ul>
</div>

html语义化的理解,看了一些资料再看了一次W3C大概了解到语义化分为两种


1、结构上的语义化

     你写的那个块是干什么的,每一个元素使做什么的,通过id或者class或者本省的一些属性的配合让你的块更能让电脑读懂你的代码


并且,由于标记没有包含图像和表格单元,这个导航栏组件可以在不改变结构的情况下被站点内的任何页面所引用,同时赋予它不同的视觉效果。简而言之,


通过对代码进行模块化,我们提高了代码的复用性。


2、功能模块化

   尽量用具有功能性语义化的标签来写代码,而不是只看样式,只看样式的化可以用css例如hx标签就是表示标题,在写表格的时候页要写th ,thead,tbody,caption这样计算机就会理解这个

这是一个表单,而且哪些使标题,这个表主要是做什么的。


先总结到这里,以后再来完善
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值