仓酷云

标题: html5教程之HTML基本教程:罕见的HTML标志毛病写法 [打印本页]

作者: 逍遥一派    时间: 2015-1-15 23:18
标题: html5教程之HTML基本教程:罕见的HTML标志毛病写法
通过我们的HTML编辑器,您能够编辑HTML,然后点击按钮来查看结果。网页制造poluoluo文章简介:10年夜HTML标签常犯的毛病,看你错了几个.
我们最好入手下手注重了,由于HTMLPolice会走遍你的代码然后挑出你一切没有语义的标签,这份列表包括了10个最常常犯得HTML标签毛病,记下他们,可以让我们制止犯此罕见毛病,让我们的HTML标签切合语义,和尺度的请求.





恶行1:把块级元素放进了内联元素内


html5教程之HTML基本教程:罕见的HTML标志毛病写法
登录/注册后可看大图

HTML元素的体现体例不过乎就两种:块级和内联.每个标签都有默许的体现体例不是块级就是内联.像div和p就是块级元素,他们用来构成文档布局.内联元素只能在块级元素内.

恶行2:img标签没有包括alt属性


html5教程之HTML基本教程:罕见的HTML标志毛病写法
登录/注册后可看大图

alt属性是一切显现在网页中图片的必需属性,它可以匡助人们晓得这是甚么图片.大概在网速对照慢的时分显现图片的寄义是甚么.它的次要目标是,说明图片的寄义,想如许的申明alt=”image”是很糟的.假如,有些图片切实其实只是粉饰感化罢了,那末倡议你写成alt=”".

恶行3:在需要的时分没利用list

html5教程之HTML基本教程:罕见的HTML标志毛病写法
登录/注册后可看大图



犯法4:利用<b>和<i>显现黑体字和斜体

html5教程之HTML基本教程:罕见的HTML标志毛病写法
登录/注册后可看大图

能够用css款式界说font-weight和font-style.假如必需在页面中写标签的话,用<strong>或<em>标签来交换.<b><i>的没有任何语义可言,可是,为了更简便的页面,仍是选择css界说款式吧

犯法5:利用太多<br/>

html5教程之HTML基本教程:罕见的HTML标志毛病写法
登录/注册后可看大图

<br/>换行标志只应当用于拔出是在第一个文本流换行符敲到一个新行一个出格字了。它不该该被用来打造元素之间的差异,而是决裂成分歧的段落,或调剂的幅度CSS款式的文本。


恶行6:利用毛病的Strikethrough标签


html5教程之HTML基本教程:罕见的HTML标志毛病写法
登录/注册后可看大图

在往日,<S>和<strike>同意用来界说网站笔墨。不外,如今他们被界说为不保举利用的标签,当他们任然能够无效果.如今用新的标志集-<del>和<ins>。来交换<s><strike>

恶行7:利用内联款式

html5教程之HTML基本教程:罕见的HTML标志毛病写法
登录/注册后可看大图

css最主要的目标只是为了辨别文档和款式,假如,你把style写到页面内里,那末完整没有css的感化可言.以是,记着把你的款式放在它该放的位子

恶行8:把border增加到HTML中

html5教程之HTML基本教程:罕见的HTML标志毛病写法
登录/注册后可看大图




恶行9:没有利用header标签<h1>-<h6>

html5教程之HTML基本教程:罕见的HTML标志毛病写法
登录/注册后可看大图


恶行10:没有语义的<blink>或<marquee>

html5教程之HTML基本教程:罕见的HTML标志毛病写法
登录/注册后可看大图


不被w3保举,<blink>和<marquee>(明灭,转动)标签是地道的丑恶。
不要利用这个标签,假如必定要用如许的效果,信任,你会有其他更好的效果
--------这世上只要两种人:哄人的和上圈套的。------------
</p>
使用HTML5也是断断续续的有些历史了,但是没有系统的总结过,最近发现公司的图书馆有不少藏书,
作者: 第二个灵魂    时间: 2015-1-17 21:42
AdobeDreamweaver(前称MacromediaDreamweaver)是Adobe公司的著名网站开发工具。
作者: 海妖    时间: 2015-1-25 13:38
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
作者: 若天明    时间: 2015-2-2 22:18
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
作者: admin    时间: 2015-2-8 14:57
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者: 小女巫    时间: 2015-2-25 20:05
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
作者: 乐观    时间: 2015-3-8 04:27
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
作者: 分手快乐    时间: 2015-3-15 22:00
可以使用 CSS 检查工具进行设计。
作者: 精灵巫婆    时间: 2015-3-22 16:57
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2