语义化标签

一、 语义化标签 二、 对结构理解更清晰，给页面合理的归类与设置统一的样式 三、 语义化标签积累： 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.七、 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是很是经常使用的） 感受本身之前写的不少都有问题，起码在语义化方面不是很正确，之后不能再乱用了，否则很难统一。 四、用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:字母间的距离