1.<q> 效果： 告诉浏览器这是一段短引用，让浏览器以合适的方法来显示 注： 不能直接以双引号直接代替<q>，因为有些浏览器<q>的效果不是双引号。 不要忘了移动设备，和语音浏览器，对引用的表现不是双引号这么简单。好处： 方便 ...
1.<q>
效果：
告诉浏览器这是一段短引用，让浏览器以合适的方法来显示
注：
不能直接以双引号直接代替<q>，因为有些浏览器<q>的效果不是双引号。
不要忘了移动设备，和语音浏览器，对引用的表现不是双引号这么简单。
好处：
方便搜索引擎寻找带引用的网页。
可以用CSS对引用设置样式，比如：要灰色斜体的引用。
2.<blockquote>
效果：
单独显示较长引用，使其自成一段
注：
有些浏览器会对其稍稍缩进，但有些不会。
3.块元素与内联元素
块元素特例独行，内联元素随波逐流。
块元素通常用做web页面中的主要构建模块，内联元素通常用来标记小段内容
设计一个页面时，通常从较大的块开始，然后在完善页面时再加入内联元素
浏览器只有当你开始一个新的块元素时，才会插入换行，主动换行需要<br>元素
<ol>和<li>为块元素
4.<a>
title:
<a href="...." title="...">....</a>
title有一个值，提供链接信息
target：
<a href = "...." title = "..." target="_blank">....</a>
新窗口打开链接
考虑到有视力障碍的人群，不能过度使用target。
注意：
保证链接标签简洁，可在title中提供额外的信息
保证标签有意义，不要使用类时“单击下一页”
不要把链接放在一起
5.id & class
要对多个属性使用某种样式时，可以使用class
但如果只有一个元素时，就应该使用id
id属性恰恰就是用来唯一地命名元素。
例如，<body>里有多个<p>，我们只要对其中一个<p>进行样式设置。
6. img
注意：
浏览器是在下载了html文件并开始显示页面后才下载图像的。
alt
<img src='/images/loading.gif' data-original="..." >
用alt代替未显示的图像
你永远不知道客户会用什么浏览器和设备，以及网速。
width & height
<img src='/images/loading.gif' data-original="..." width="..." height="...">
width和height实际上是帮助浏览器为要加载的图像预留空间
若使用这个属性，则他们的值应与图像实际的宽高相同
缩略图链接
<a href ="../..html"><img src='/images/loading.gif' data-original="..." alt ="..."><a>
不建议直接链接到图像，因为这样浏览器会在一个空白页面上显示图像
而通常需要为所要显示的图像提供一些上下文。
透明图
如果要把一个透明的图像放在web页面上，要确保图像的蒙版颜色和web页面的背景色相同
7.HTML5
基本格式要求：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <link rel="stylesheet" type="text/css" href=""> 7 </head> 8 <body> 9 10 </body>11 </html>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：相似元素存在的意义
关键词：
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
