加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

css能力:破除多余的标签让代码越发故意义

发布时间:2018-09-09 08:35:50 所属栏目:创业 来源:站长网
导读:假如你是一个喜好什么都用div来标签的人,那么这个教程必然很得当你.在这个教程里着重讲怎样类型的来写HTML代码让它越发的故意义.你有没有经验过这样的场景:在主笔别人的模版时发明那些语意不明的标签,你的感受是什么样子的.学完这个教程后你会发明类型的代
假如你是一个喜好什么都用<div>来标签的人,那么这个教程必然很得当你.在这个教程里着重讲怎样类型的来写HTML代码让它越发的故意义.你有没有经验过这样的场景:在主笔别人的模版时发明那些语意不明的标签,你的感受是什么样子的.学完这个教程后你会发明类型的代码不只仅为你往后修改代码省下时刻,出格是当你调试一个大的项目时你会发明,原本类型代码之后是那么的有效.

1.破除不须要的<div>标签

许多人都喜好用<div>来包裹<form>和<ul>来成立菜单列表.你有没有想过这样一个多余的<div>是不是必要的.你可以行使css法则来实现同样的结果.

Example 1:

这个例子展示怎样删除<form>中的<div>.
css能力:破除多余的标签让代码越发故意义
Example 2:

偶然辰我们会给内容添加一个特另外<div>标签来以示这是一个内容.在事例顶用了<div class="sidebox">来包罗内容区.假如一个内容有一个问题的话(如:<h4>),那么我们就可以把这个<h4>来取代<div>.
css能力:破除多余的标签让代码越发故意义
2.行使有语义的标签

用有语义的标签来编写你的HTML文档(如:<h1>为问题;<p>为段落;<ul>为列表.)那么纵然用户不支持css的话,那你的文档也被正确的读出来.

Example:

这个例子很好的声名白,行使有语义标签的甜头.
css能力:破除多余的标签让代码越发故意义

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读