web前端-01实体与标签

1.实体

在网页中编写多个空格默认情况会自动被浏览器解析为一个空格

• 实体的语法：
• &nbsp：空格 &gt：大于号 &lt：小于号 &copy：版权符号

2.meta标签

• meta标签主要用于设置网页中的一些元素，元数据不是给用户看的
• charset 指定网页的字符集
• name 指定的数据的具体内容
• content 指定的数据内容
• keywords表示网址的关键字，可以同时指定多个关键字，关键字间使用逗号隔开    <meta name="keywords" content="购物">
• description用于指定网站的描述 ，网站的描述会显示在搜索引擎的搜索结果中   <meta name="description" content="京东是...">  
• title标签的内容会作为搜索结果的超链接上的文字显示

3.语义化标签
在网页中，HTML专门用来负责网页的结构，所以使用html标签时，使用的是标签的语义，而不是样式

• 1>在页面中独占一行的元素称为块元素
• 2>在页面中不会独占一行的元素称为行内元素
• 3>标题标签  h1-h6 块元素
• 4>p标签  表示页面中的一个段落  p也是一个块元素
• 5>hgroup标签  将标题分组，可以将一组相关的标题放入
• 6>em标签  用于表示语音语调的一个加重（字体倾斜） 不会换行  行内元素
• 7>strong标签 表示强调  行内元素
• 8>blockquote  表示一个长引用  用：
• 9>q引用  表示一个短引用  用“”
• 10>br标签  表示换行

4.布局标签（结构化语义标签）

• 1>header标签  表示网页的头部
• 2>main  表示网页的主体部分（一个页面中只会有一个main） 
• 3>footer  表示网页的底部
• 4>nav  表示网页的导航
• 5>aside  表示和主体相关的其他内容（侧边栏）
• 6>article  表示一个独立的文章
• 7>section  表示一个独立的区块，上边的标签都不能表示时使用section
• 8>div  没有语义，就用来表示一个区块，目前来讲div还是我们主要的布局元素
• 9>span  没有元素，没有任何的语义，一般用于在网页中选文字

5.块和行内

• 块元素（block element）
•      在网页中一般通过块元素来对页面进行布局
• 行内元素（inline element）
•      主要用来包裹文字
•      一般情况下会在块元素放行内元素，而不会在行内元素中放块元素
•      块元素基本上什么都可以放
•      p元素不能放任何块元素
• 浏览器在解析网页时，会自动对网页中不符合规范的内容进行修正
•      比如：
•      标签写在了根元素的外部
•      p元素中嵌套了块元素
•      根元素中出现了除head和body以外的子元素