语义化标签

2019独角兽企业重金招聘Python工程师标准>>>

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后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。 使用的例子：<a href="mailto:yy@imooc.com;cc@imooc.com?subject=观了不起的盖茨比有感&body=你好，对此评论有些想法">发送</a> 3.4 Img里面的title属性，alt属性 3.5所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在<form></form>标签之间（否则用户输入的信息可提交不到服务器上哦！）。 3.6要输入大段文字的时候： <textarea cols="50" rows="10">在这里输入内容...</textarea> 同一组的单选按钮，name取值一定要一致 3.7、 Select（下拉列表框）value表示提交值，selected=”selected”表示元素被选中 multiple="multiple"表示可以多选 3.8 input的type=reset 3.9 label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性 使用的例子： <label for="male">男</label> <input type="radio" name="sex" id="male" />（这里我们可以发现其实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:字母间的距离

转载于:https://my.oschina.net/u/933915/blog/363846