HTML知识回顾
由于HTML的知识点相对较少,用一篇文章简单总结一下
HTML语义化
按我的理解来说,就是给原来的div起名字,这是HTML5新推出的几种标签。
以前都是<div class="header">
现在直接就叫<header>
,这样做得好处就是:
1.可以更方便开发者理解里面的内容的意义————增加代码可读性。
2.有助于搜索引擎的脚本对内容收集————SEO搜索引擎优化。
注意:不仅仅是H5新推出的header,footer算作语义化,h1,p,li等等这些有含义的标签都属于HTML语义化。
header页面头部 footer页面脚部 main页面主体 hgroup标题组 nav导航栏
article独立内容 aside侧边栏 section文档区域 figure图像 figcaption图像标题
datalist选项列表 details,summary详情区 progress,meter进度条 time 时间 mark标记
刚刚学习scss,学到了使用BEM命名规则————block__element--modifier 简单来说就是,'父__子--状态'的命名方法能使代码结构更清晰,便于维护。
块级元素和内联元素
这个大体来说就是span和div的区别。 块级元素:div,h1-h6,table,ul,li,p等,他们独占一行。有宽和高,也会有边框。 内联元素:span,a,img等,他们会挨着,直到占满一排才换行,宽和高根据内容而定。
可以通过修改css的dispaly:block或dispaly:inline来使块级元素和内联元素相互转化 也可以通过display:inline-block来使他们成为行内块元素,既可以设定宽高,又不会独占一行而把其他小伙伴挤下去
表布局
表table由表,列组,列,行组,行,单元格自底向上构成,
这样的表格边框间会有空隙,视觉上不同与我们平时使用的表格,可以通过 border-collapse:collapse;的css代码来合并(塌陷)边框。 值得一提的是,塌陷边框的表格之间的边框颜色或形态会相互影响 具体的优先级是: 1.hidden大于一切; 2.之后宽的会覆盖窄的; 3.double大于solid......; 4.cell的大于row的大于row-group的......。
不常用的HTML标签
input表单汇总
在所有input标签外,要定义一个form标签 form标签有如下属性(常用)
我们可以在form内定义我们想要的input表单 有这些input标签内的type属性可供选择,来生成不同的表单(常用)
在这些表单中,也有不同的属性可以选择(常用)
为面试做准备,欢迎补充和评论
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!