手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >10个最容易犯的HTML标签错误
10个最容易犯的HTML标签错误
摘要:持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很...

持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度。这份列表包含了10个最容易犯的HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求。

罪行1:把块级元素放入了行内元素内

10个最容易犯的HTML标签错误1

HTML 元素的表现方式不外乎就两种:块级和行内。每一个标签都有默认的表现方式不是块级就是行内。像div和p 就是块级元素,他们用来形成文档结构。行内元素只能在快级元素内。

罪行2: img 标签没有包含alt属性

10个最容易犯的HTML标签错误2

alt属性是所有显示在网页中图片的必须属性,它能够帮助人们知道这是什么图片。或者在网速比较慢的时候显示图片的含义是什么。它的主要目的是,说 明图片的含义,想这样的说明 alt=”image”是很糟糕的。如果,有些图片的确只是装饰作用而已,那么建议你写成 alt=”“。

罪行3:在必要的时候没使用list

10个最容易犯的HTML标签错误3

犯罪4:使用<b>和<i>显示黑体字和斜体

10个最容易犯的HTML标签错误4

可以用css样式定义 font-weight 和 font-style. 如果必须在页面中写标签的话,用 <strong>或 <em>标签来替换。<b><i>的没有任何语义可言, 但是,为了更简洁的页面,还是选择 css定义样式吧

犯罪5:使用太多<br/>

10个最容易犯的HTML标签错误5

<br />换行标记只应该用于插入是在第一个文本流换行符敲到一个新行一个特别字了。它不应该被用来制造元素之间的差距,而是分裂成不同的段落,或调整的幅度CSS样式的文本。

【10个最容易犯的HTML标签错误】相关文章:

25个漂亮的教育网站

11个极度专注细节的优秀网页设计

20个史诗级的大屏全景网站设计

10个创意杰出的视差滚动网站欣赏

10个对于网页设计的常见误解

20个最受欢迎的移动APP登陆页面

20个简单畅快的“全景式”网站布局欣赏

打造完美婚礼网站的秘诀

13个别具一格的插图风格网页设计

网页设计师常犯的一些错误

精品推荐
分类导航