前端学习第第二天内容

163 阅读2分钟

文档声明

<!doctype html>
声明当前的网页的版本

html

<html>    </html>
html的根元素(根标签)
两个子元素 head,body标签

head

<head>    </head>
head中内容不会出现在网页中,主要用来是帮助浏览器或者搜索引擎来解析网页

meta标签

<meta charset="utf-8">
避免乱码问题

title标签

<title>   </title>
网页的标题    搜索引擎会根据这里判断网页内容 ,标签内容会作为搜索结果超链接上的文字显示

body标签

网页主体,所有可见内容都要写这里

参考:W3C school

<html lang="en/zh">  en英文网站 ,zh中文网站

实体

  • 网页中编写的多个空格会被浏览器解析为一个空格
  • 在html中,我们不能直接书写一些特殊符号,比如多个连续的空格,比如字母两侧的大于和小于,如果有些这些特殊符号,要用实体(转义字符)
实体的语法:&实体的名字
&nbsp;空格:
&gt;大于号
&lt;小于号
&copy;版权符号

meta标签

  • 主要用于设置网页中的元数据,不是给用户看的
  • charset 指定网页的字符集
  • name 指定的数据的名称
  • content 指定的数据内容

语义化标签

html负责的是网页的结构,要更多关注于它的语义

标题标签

h1~h6:重要性依次递减,h1最重要,h6最不重要
一般情况下,一个页面只有一个h1,一般只用h1~h3,h4~h6很少用,快元素

p标签

表示页面中的一个段落,块元素(独占一行)

hgroup标签

用来给标题分组,将一组相关的标题同时放到hgroup

en标签

语音语调的加重,行内元素(不独占一行)

strong标签

表示强调内容非常重要

blockquote标签

表示长引用,块元素

q标签

短引用,行内元素

br标签

换行