前端学习日志 Day2 一些标签用法

1.<meta>

属性：charset  指定网页的字符集

           name 指定数据的名称   

如   keywords   表示网站关键字，其内容可以同时指定多个关键字，关键字间用逗号隔开

description   用于指定网站的描述

          content指定的数据的内容

下图为京东购物网站的源代码

 如上图，<title>标签里的内容会作为搜索结果的超链接上的文字显示

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

如：<meta http-equiv="refresh"  content="2;url=https://www.baidu.com"，表示2秒后页面将自动跳转到百度

2.<h1>-<h6>     h1-h6表示六级标题，从h1-h6重要性递减，h1最重要，h6最不重要，h1的重要性仅次于title标签。

<hgroup>标签用来对标题分组，可将一组相关的标题同时放进hgroup标签

 

 

3.<p>    表示页面中的一个段落，，为块元素

4.<em>    用于表示语音语调的一个加重

<strong>    表示强调，重复内容

<blockquote>   表示长引用

<q>     表示短引用

<br>  表示换行

 

 

5.块元素：在网页中一般通过块元素来对页面进行布局

行内元素：主要用来包裹文字，一般情况下会在块元素中放行内元素而不会在行内元素中放块元素。块元素中基本什么都可以放，p元素中不能放任何的块元素。

6.布局标签 

<header>表示网页的头部

<main>表示网页的主体部分（一个网页中只会有一个Main）

<footer> 表示网页的底部

<nav>  表示网页中的导航

<aside> 和主体相关的其他内容

<article>  表示一个独立的文章

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

<div>  没有语义，就用来表示一个区块，目前来说是主要的布局元素

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

7.列表：Html中有三种列表

有序列表   用<ol>创建有序列表，用<li>表示列表项

无序列表   用<ul>创建无序列表，用<li>表示列表项

定义列表   用<dl>创建定义列表，用<dt>表示定义的内容，<dd>对内容进行解释说明

 

8.超链接：从一个页面跳转到其他页面，或是当前页面的其他位置（超链接是一个行内元素，在<a>标签中可以嵌套除它以外任何元素）。当我们需要跳转到一个服务器内部的网页时，一般使用相对路径， ./ （表示当前文件所在目录）或   ../ （表示当前文件所在目录的上一级目录）开头。  ./ 可省略不写，如果都不写  ./  或  ../ 则默认为写了 ./

<a>   </a>

属性：

href   指定跳转的目标路径，其值可以是一个外部网站地址，也可以是一个内部页面地址

target   用来指定超链接打开的位置

           可选值：

                 _self    默认值，在当前页面中打开超链接

                _blank  在一个新的窗口中打开超链接

id     id属性是元素的唯一标识，同一个页面中不能出现重复的id属性，每一个标签都可以添加一个id属性

可以将超链接的href属性设置为#，这样点击超链接时页面不会发生跳转，而是转到当前页面顶部位置 ，#在开发中也可用作超链接的路径的占位符

可以将超链接的href属性设置为 “#目标元素id属性值”,这样可以跳转到当前页面指定位置 

可以使用   “javascript：; ”  作为href属性值，此时点击这个超链接什么也不会发生