文档章节

语义化标签

小敏virgo
 小敏virgo
发布于 2015/01/05 14:09
字数 775
阅读 38
收藏 0

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:字母间的距离

© 著作权归作者所有

小敏virgo
粉丝 8
博文 43
码字总数 19197
作品 0
武汉
程序员
私信 提问
一周一章前端书·第13周:《HTML与CSS进阶教程》S01E02

第2章 语义化 2.1 语义化简介 HTML的精髓在于标签的语义。大部分标签都有它自身的语义,比如标签,表示paragraph,一个段落;,表示header level 1,一级标题。 前端的三大核心技术HTML、CSS...

梁同学de自言自语
2018/01/13
0
0
每日前端进阶第三题:说一说你对HTML5语义化的理解

作者:陈大鱼头 github: KRISACHAN 链接:github.com/YvetteLau/S… 背景:最近高级前端工程师 刘小夕 在 github 上开了个每个工作日布一个前端相关题的 repo,怀着学习的心态我也参与其中,...

陈大鱼头
昨天
0
0
1. HTML语义化或者说Web语义化

所谓语义化这个概念,对于我本人来讲最早的出处是招聘信息...好吧,我知道这有点伤,不过事实真的是我在招聘信息上看到对Web前端工程师的基本要求中就有"深刻理解HTML语义化"这样的字眼.这之后这...

顽Shi
2014/01/07
0
0
表现与数据分离、web语义化的理解

表现与数据分离 什么是表现与数据分离 一是前后端分离,所有数据都是后端通过AJAX发送给前端,前端负责展现页面,后端负责提供数据。 二是前端页面展现与数据处理分离,也就是在前端处理数据...

祖达
04/22
0
0
HTML、CSS学习(一)语义化的Html

语义化的Html 一、什么是语义化的Html 语义化,就是要根据网页中具体的内容,选择合适的标签。即根据内容的结构化(内容语义化),选择合适的标签(代码语义化),以便于开发者阅读和写出更优...

AzureMonkey
2018/12/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

策略模式

策略模式封装的是算法,而状态模式侧重的对象状态的转变。 /** * 策略,定义计算报价算法的接口 */public interface Strategy { /** * 计算应报的价格 * @param goo...

铁骨铮铮
22分钟前
0
0
如何用JavaScript写一个区块链?

Part1实现一个基本的区块链 1.区块链 区块链是由一个个任何人都可以访问的区块构成的公共数据库。这好像没什么特别的,不过它们有一个有趣的属性:它们是不可变的。一旦一个区块被添加到区块...

骚年锦时
26分钟前
0
0
HTTP协议

HTTP简介 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议...

惊尘大人
28分钟前
0
0
Feign输出Info级别日志

背景   spring cloud netfix组件中,feign相关的日志默认是不会输出的,需要自定义配置才能输出,并且Feign只对Debug基本的日志做出响应, 实际业务需要输出Info级别的日志,所以需要做自定...

xiaomin0322
33分钟前
3
0
面向解决问题的java编程,spring boot,mybatis generator和坑-1starter

1、start一个spring boot项目 第一课我们也不能免俗,要从starter开始,spring boot的起始项目脚手架可以从spring boot官方starter生成地址开始:https://start.spring.io/ 这张图列出了一个...

wphmoon
33分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部