2021-02-05HTML学习笔记

一.meta标签
1.meta主要用于设置网页中的一些元数据,元数据不是给用户看的;
2.charset指定网页字符集;
name指定数据的名称;
content指定数据的内容;
3. keywords表示网站的关键字,可以同时指定多个关键字,关键字间使用逗号隔开。
例:
京东网页源代码中的关键字表示:

<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>

4.description用于指定网页的描述,网页的描述会显示在搜索引擎的搜索结果中。
例:
京东的网页源代码中的网页描述:

<meta name="description"
          content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!"/>

5.title标签的内容会作为搜索结果的超链接上的文字显示
6.将页面重定向到另一个网站

<meta http-equiv="refresh" content="3;url=https://www.baidu.com">

二.语义化标签
在网页中HTML专门用来负责网页的结构,所以在使用html标签时,应该关注的是标签的语义,而不是它的样式。
1.标题标签:
h1~h6一共有六级标题,从h1到h6重要性递减,h1在网页中的重要性仅次于title标签,一般情况下一个页面只会有一个h1,标题标签只会使用到h3
2.在页面中独占一行的元素称之为块元素(block element),标题标签和p标签都是块元素
3.hgroup标签用来为标题分组,可以将一组相关的标题同时放入到hgroup中
例:

<hgroup>
        <h1>回乡偶书二首h1>
        <h2>其一h2>
hgroup>

4.在页面中不会独占一行的是元素称为行内元素,em标签表示语音语调的一个加重,strong标签表示强调重要内容,这两者都属于行内元素。
例:

<p>今天天气<em>em>不错p>

效果:
在这里插入图片描述

5.blockquote标签表示一个长引用,用于引用名人名言等,有自动缩进的作用,属于块元素。
例:

李白说:
<blockquote>
        黄河之水天上来,奔流到海不复还。
blockquote>

效果:
2021-02-05HTML学习笔记_第1张图片
6.q表示一个短引用,没有换行,会自动加引号,是一种行内元素。
例:

<q>子曰:学而时习之,乐呵乐呵q>

效果:
在这里插入图片描述
7.br标签表示页面中的换行,p标签表示页面中的分段

你可能感兴趣的:(2021-02-05HTML学习笔记)