今日份

title属性=”鼠标放上去提示文字”

<a href=”” target=”_self”>默认的</a>
<a href=”” target=”_blank”>新窗口打开</a>

<a href=”” target=”inner”>指定窗口内打开</a>
<ifrane name=”inner” frameborder=”0”></iframe>

<a href=”#iD”>页内跳转</a>
<div id=”iD”>跳转到这里</div>  //例如top回到顶部

<a href=”mailto:xxx@163.com”>连接到，弹出，邮箱窗口</a>

<a href=”tel:12312345678”>点击链接到拨号</a> 

嵌入页面,这个页面并不会影响主页面：

<iframe src=”http://www.baidu.com”></iframe>

嵌入外部资源：

<object type=”application/x-shockwave-flash”>
    <param name=”movie” value=”http://pdfReader.swf”>
</object>
//或者
<embed type=”application/x-shockwave-flash” src=”http://pdfReader.swf” width=”640” height=”480”>

video视频

<video controls=”controls” poster=”/img/poster.jpg”>//autoplay属性自动播放 //loop循环播放
    <source src=”movie.mp4” type=”video/mp4”>
    <source src=”” type=””>
    <track kind=”” src=”” srclang=”” label=””>//引入字幕
</video>

audio音频，和video类似

表格

<table>
    <caption>标题</caption>
    <thead>
        <tr><th>表头</th><th></th></tr>
    </thead>
    <tbody>
        <tr><th>表头</th><th></th></tr>
    </tbody>
    <tfoot>
        <tr><td colspan=”2”></td></tr>//跨2列  rowspan=”3”跨3行
    </tfoot>
</table>

下拉菜单<select>项，可以分组:

<select>
    <optgroup label=”group1”>
        <option>1</option>
        <option>2</option>
    </optgroup>
    <option>3</option>
</select>

语义化的作用:

• SEO(Search Engine Optimization)搜索引擎优化
• 可以访问性 读屏器
• 可读性

<pre><code>代码段</code></pre>、

background-attachment:scroll默认背景图不随元素滚动---:local;背景图随元素滚动

background-image：linear-gradient(red,green 20%,blue);背景图线性渐变色

background-image:radial-gradient(circle 100px,red,blue);背景图圆形散射

perspective:1000px;透视

transform-style：preserve-3d；3d特效

backface-visibility：hidden；背面隐藏

---分享是程序员的美德