html相关笔记(二)

1. 超链接的锚点链接 不仅可以指向 <p id="mao"></p> 
也可以指向 <a name="mao" ></a>


2.页面超链接的优化写法
 <base target="_blank" >


3.meta 标签声明 chareset="utf-8" 是为了告诉浏览器怎么解析, name="keywords/description"
content="关键字/描述信息"
是为了 利于SEO优化 ,在不花钱的情况下 让你的 网站被搜索时 排名更加靠前


4.网站的图标是通过 链入的方式设置的
<link rel="icon" href="1.icon" >


5.网页重定向是
<meta http-equiv="refresh" content="5,http://www.baidu.com" >
这表示  5秒后刷新到百度搜索页面 


6.表格的边框是由两部分构成
内边框是 浅色的  外边框是深色的
设置表格的border="1" 实际会同时设置内外边框都是 1 所以虽然是1px 其实是2px


7.给表格设置 align 其实并不是设置表格中的内容,而是设置表格本身的对齐方式


8.标准的表格结构是
<table>
<cation></cation>
<thead>
<tr><th></th></tr>
</thead>
<tbody>
<tr><td></td></tr>
</tbody>
<tfoot>
<tr><td></td></tr>
</tfoot>
</table>


9.在标准的表格结构下 
使用 rowspan 跨行时 无法实现 thead 、tbody、tfoot 区域性的相互跨行。


10.当表单中使用 disabled="disabled"属性时 提交则不会提交这个表单控件或者表单元素


11.标签语义化 是根据内容的结构化语义化来选择合适的代码语义化标签。


12.标签语义化的意义:
  ◆网页结构合理
  ◆有利于seo更容易让搜索引擎抓取
  ◆也方便让其它设备解析(如屏幕阅读器、盲人阅读器、移动设备)
  ◆便于团队开发和维护。
13.
★尽可能少的使用无语义的标签div和span;


★在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利;


★不要使用纯样式标签,如:b、font、u等,改用css设置。


★需要强调的文本,可以包含在strong或者em标签中strong默认样式是加粗(不要用b),em是斜体(不用i);



posted @ 2018-06-08 09:43  我叫贾文利  阅读(119)  评论(0编辑  收藏  举报