第三天重要知识点归纳

Posted 2020-10-31 web-tq617

文本元素（标签）

元素会默认些样式，最后都可以被CSS覆盖的

• h1~h6标签：一级标题~6级标题
• p标签：段落
• q标签：小段内容引用，内容默认由双引号包括--“内容”
• blockquote标签：大段内容引用
• abbr标签：显示缩写内容（关键字）

---

如：<abbr title="HyperText Markup Language">html</abbr>
代码表示：页面有内容为HTML，鼠标移上去就会有“ ”里面的内容出现

title做为属性的时候：表示鼠标移上去（悬停）的时候显示的内容（全称）

---

• cite标签：对于参考文献的引用，字体默认斜体

---

如：<a href="链接">
       <cite>
         W3C万维网联盟
       <cite>
    </a>
代码表示：页面有内容为W3C万维网联盟的内容，点击会跳转到所写的链接地址

cite做为属性的时候：表示引用内容的出处（来源）
如：<q cite="WWW.F49.com">
        内容...
    </q>
代码表示：q元素里面的内容是引用的WWW.F49.com，但是这样写，浏览器会忽略(即页面不会显示链接，只有内容)，但是屏幕阅读器是可以识别的

---

• strong标签：重要文本，字体默认加粗，语音阅读浏览器会着重阅读strong元素的内容，这个标签很少用
• b标签：因突出显示的文本，字体默认加粗，这个标签已经淘汰，一般都不用了
• em标签：语音阅读浏览器会着重阅读em元素的内容，字体默认斜体
• i标签：字体默认斜体

div元素

它是一个非常常见的元素；它没有任何的语义；它仅仅表示一个容器，用于包含（嵌套）其它元素；网站布局的时候通常用它表示区域（区块）

---

语义化标签

语义：就是为了标签赋予某种意义，然后可以在不同的标签中放入不同的内容

• header标签：用于表示页面或某个区域的头部；在页面中可以出现多次，通常情况下有两种使用方式：1.网页的头部（页眉） 2.内容的标题
• nav标签：用于表示导航栏
• aside标签：用于表示跟周围主题相关的附加信息（广告）；（表示与它周围文本没有密切关系的内容（AD表示广告，相关链接））
• article标签：用于表示文章或其它可独立页面存在的内容；（表示一个完整的，或者自成一体的内容块，比如：文章、博客或者新闻报道）
• section标签：用于表示一个整体的一部分主题，适合以任何标题开头的内容块
• footer:用于表示页面或某个区域的脚注