Document
html标签:称为根标签/根元素 ,一个页面只有一个html ,所有的内容必须写在html标签内。
head标签:保存元信息,内容并不会在页面中展示出来,只是辅助浏览器编译页面。
title标签:默认情况显示在浏览器的标题栏中,最重要的作用是帮助推广部门做SEO/SEM优化。
meta标签:自结束标签,,是head的一个标签,作用是设置一些元信息,辅助浏览器编译代码。
body标签:书写网页的主题内容。
在编写网页中注释操作为:ctrl+l;进行注释操作时,需注意以下三点:
1)注释不能嵌套;
2)养成注释的习惯,以便自己与他人能更好的理解;
3)注释要简单明了
浏览器具有自动纠错功能,但我们要尽可能避免错误。因为当浏览器对其进行纠错时,会影响网站的性能,浏览器对纠查的错误的改正,结果并不是所想要的。
文档声明:,向浏览器表示,按照html规范格式编写,防止出现怪异模式,从而出现乱码。
实体浏览器在编译代码时,有一些特殊字符无法识别,例如,空格,大与号,小于号等符号用一些额外的字符来表示,这些额外的字符叫实体。
实体语法:&实体的名字;
常用的实体
空格
> 大于号
< 小于号
© 版权符号
HTML规范html规范:
1)html不区分大小写,一般用小写;
2)注释不能嵌套;
3)浏览器的纠错一定要避免;
4)html标签是自规范的,要么成双成对,要么自结束
5)标签可以嵌套,但不能交叉。
常用标签 常用标签1.标题标签:标题标签为h1,h2,h3,h4,h5,h6这六个,常用标题标签为h1,h2,h3。从样式看,
h1->h6,逐步变小,语义也是逐渐变小的,标题标签也是辅助推广部门做推广的, 重要性仅次于title标签。
h1语义最重,一个页面一般只出现一次。
标题标签是块元素,会独占一行
2.段落标签: p , 也是块元素,会独占一行。一般用来包裹文字和图片。
从样式上看,段落和段落之间有间距。
3.hgroup 标题分组
4.em,strong都是强调标签
em, strong 不会独占一行 是行内元素
表现形式为:em 有斜体 strong 加粗
em,strong都是强调标签 ,区别在于:
em 强调的语音语调, 而strong 强调的是内容
5.换行标签 br 自结束标签
6.分割线 hr 自结束标签
7.center标签 居中效果
8.div 没有任何语义 只表示一个块元素
9.span 没有任何语义 只表示一个行内元素,一般用来包裹文字
块元素和行内元素元素分为 块元素 行内元素 行内块元素
1.块元素
一般是用来布局
1)、会独占一行
2)、块元素的宽度默认是父元素的百分百
3)、块元素的高度默认是被内容撑开
2. 行内元素
一般用来包裹文字
1)、不会独占一行
2)、行内元素宽高都是被内容撑开的,不可以自定义宽度
3.行内块元素
兼具块元素,行内元素的特点
布局的注意点
1、块元素里面什么都能放,能放块元素,能放行内,能放行内块
2、行内元素里面不能放块元素
3、p标签是一个特殊的块元素,里面不能放块元素
结构布局标签(html新出标签如下)header标签 表示头部
main标签 表示主体
footer标签 表示底部
nav 标签 表示导航
aside标签 一般表示跟主体相关的内容
article标签 文章相关的内容