HTML5之标签

1、实体

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

        在html中,有些情况不能直接写特殊符号

        如:多个连续的空格,字母两侧的大小于

    -实体的语法:&实体的名字;

    -常见的实体(可以去w3school上查找其余需要的实体)

空格&nbs;
大于号>
小于号<

2、meta标签

         meta标签主要用于设置网页的一些元数据,元数据不是给用户看的

        meta标签中常见的属性

charset

指定网页的字符集

name

指定数据的名称

content

指定数据的内容

keywords

表示网站的关键字,可以同时指定多个关键字,关键字间用逗号隔开

discription

用于指定网站的描述,网站的描述会显示在搜索引擎的结果中

http-equiv

将页面重定向到另一个网站

示例:

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="HTML5,CSS3,前端">
    <meta name="discription" content="小王的网站">
    <meta http-equiv="refresh" content="3;url=http://www.baidu.com">
    <!-- 
        title标签的内容会作为搜索结果的超链接上的文字显示
     -->
    <title>meta标签</title>
</head>
<body>
    
</body>
</html>

3、语义化标签

        在网页中HTML专门用来负责网页的结构,所以在使用html标签时,应该关注的是标签的语 义,而不是他的样式。

        在页面中独占一行的元素称为块元素(block element)。

        在页面中不会独占一行的元素成为行内元素(inline element)。

        【注】在网页中一般通过块元素来对页面进行布局,行内元素主要用来包裹文字,一般在块元素中放行内元素,而不会在行内元素中放块元素,块元素中几乎什么都能放,p元素中不能放任何的块元素,浏览器在解析网页时,会自动对网页中不符合规范的内容进行修正。

        如:标签写在根元素的外部;

         p元素中嵌套块元素;

         跟元素中出现了除head和body以为的元素

         .......

h1-h6

重要性递减,h1在网页中的重要性仅次于title标签,一般情况下,一个页面中只有一个h1,一般情况下只会使用h1-h3,h4-h6很少用

hgroup

用来为标题分组,可以将一组相关的标题同时放入到hgroup中

p

表示页面中的一个段落,是一个块元素

em

表示语音语调的加重,是一个行内元素

strong

表示强调,重要内容

blockquote

表示一个长引用,是一个块元素

q

表示一个短引用,是一个行内元素

br

表示换行

示例:

    <h1>一级标题</h1>
    <h2>二级标题</h2> 

    <hgroup>
        <h1>静夜思</h1>
        <h2>李白</h2>
    </hgroup>

    <p>我是一个段落</p>
    <p>我是一个段落</p>

    <p>小王今天<em>真</em>好看!!!</p>

    <p>小王必须<strong>努力</strong>!!!</p>

    小王说:

    <blockquote>
        我会好好加油的!!!
    </blockquote>

    子曰:
    <q>
        学而时习之,不亦乐乎!!!
    </q>

    <!-- br标签表示换行 -->
    <br>
    <br>
    <br>
    <b>今天小王真好看!!!</b>
    <br>
    <i>今天小王真好看!!!</i>
    <br>
    <sub>今天</sub>小王真好看!!!
    <br>
    <sup>今天</sup>小王真好看!!!

 4、布局标签(结构化语义标签)

header

表示网页的头部

main

表示网页的主体部分(一个页面中只会有一个main)

footer

表示网页的底部

nav

表示网页中的导航

aside

表示和主体相关的其他内容(侧边栏)

article

表示一个独立的文章

section

表示一个独立的区块,上边的标签都不能表示时使用section

div

没有语义,就用来表示一个区块,目前来讲,div还是我们主要的布局元素

span

行内元素,没有任何语义,一般用于网页中选中文字

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值