HTML标签
常用标签
标题标签h1-h6
article 文章,一般用来引用一篇博客或者文章等
section 章节标签
p 段落标签
header 头部标签,可以用来丢广告啊 主要导航之类的
footer 尾部标签,可以用来写版权声明(©版权使用的html标签),页面的最底部的东西等
main 主要内容标签
aside 旁支内容,一般跟页面内容无关,可以放侧边栏啊 侧边导航之类的
div 划分用的盒子
nav 导航栏
全局属性
全局属性指的是所有标签都可以使用的属性
1、class 类选择器
2、id id选择器 当与a标签时,可以用来当成锚点,需要在id值前加“#”,id的值必须全局唯一。
3、contenteditable 添加这个属性可以修改标签的内容
4、style 内联样式 跟css的那个style差不多,但是js一般修改的是这个
5、tabindex 这个标签后面可以添数字,按下table键会默认选中。一般是正数代表顺序、负数代表永远不被table选中、0代表最后一个被选中。
一般都全写0让浏览器自动遍历。如果没有写tabindex,那么只有默认会被遍历的标签(input-text、a标签)会被遍历。
6、title 写在标签内的title,当鼠标放上去的时候,可以显示title里面的内容,一般用来a标签、图片提示、或者提示所有内容等
7、required 写在input标签内表示必需在提交之前填写输入字段,如果使用该属性,则字段是必填(或必选)的。
8、data-自定义属性
cssreset
因为默认的css样式很难看,所以需要reset一下css样式。起码把难看的地方改掉把~附上一个github地址,我的resetcss
说明一下 inherit 这个关键字大家可能很陌生,介绍一下这个是用来继承的,就跟它的名字一样,用来继承父元素的属性。
还有就是收录了一些css的一些样式,例如table的collapse和spacing,collapse是合并表格的边框,spacing是控制想邻单元格边框之间的距离。
内容标签
ol li 有序列表
ul li 无序列表
dl+dt+dd 自定义列表 一般用于名词解释
pre preview的意思,格式化标签,格式化后可以随意书写
hr 水平线
br 换行
a 链接标签 可以用base来设置全局a标签的target_blank属性
em 语气强调的意思,一般会斜体展示文本
strong 会加粗展示文本 也是强调,强调的是文本
code 展示一串代码,如果不能换行,可以用pre包起来用
q 引用
blockquote 引用的时候用,可以换行