语义化标签

1、 语义化标签
2、 对结构理解更清晰,给页面合理的归类与设置统一的样式
3、 语义化标签积累:
3.1 q标签、lockqquote标签
3.2 table添加summary能使搜索引擎更好的读懂表格内容
3.3 a标签里面的title能给link添加提示框
a标签的伪类(love)link(正常连接),visited(访问以后),hover(悬浮),active(点击)
a标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。(添加 target=”_blank”)
a标签还有一个作用是可以连接Email, 如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。
使用的例子:发送
3.4 Img里面的title属性,alt属性
3.5所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在

标签之间(否则用户输入的信息可提交不到服务器上哦!)。
3.6要输入大段文字的时候: 在这里输入内容…
同一组的单选按钮,name取值一定要一致
3.7、 Select(下拉列表框)value表示提交值,selected=”selected”表示元素被选中
multiple=“multiple"表示可以多选
3.8 input的type=reset
3.9 label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性
使用的例子:

(这里我们可以发现其实id是非常常用的)
感觉自己以前写的很多都有问题,起码在语义化方面不是很正确,以后不能再乱用了,不然很难统一。
4、用css就是为了方便之后的样式修改,所以减少冗余代码更好。
4.1给css添加注释
4.2相同权值的情况下:内联式 > 嵌入式 > 外部式
4.3子选择器:>
4.4后代选择器是空格
4.5继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代(例如颜色)
但注意有一些css样式是不具有继承性的。如border:1px solid red;
标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100,继承也有权值但很低,有的文献提出它只有0.1
4.6
层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。
浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式
4.7常用的字体样式属性
Font-style:
Font-weight:
Text-decoration:line-through(划去线)
text-indent:2em;(文本缩进)
word-spacing:英文单词间的距离
letter-spacing:字母间的距离

你可能感兴趣的:(语义化标签)