周六第一次面試婉徘,看書準(zhǔn)備基礎(chǔ)知識咐汞,隨手整理儒鹿,Markdown真不錯,希望面試順利侯谁!
Chapter 1 為WEB結(jié)構(gòu)化文檔
布爾特性:HTML5中存在一些不是由“名稱/值”對組成锌仅,而只有一個名稱組成的特性。這些特性被稱為“不二特性”贱傀,如“required”或者“checked”
核心特性:id title class style
-
構(gòu)成HTML文檔基礎(chǔ)的四個主要元素:
<html>
、<head>
府寒、<title>
和<body>
-
<html>
元素是整個HTML文檔的包含元素(containning element) -
<head>
元素僅僅是其它所有頭部元素的容器报腔。每個<head>
元素內(nèi)都應(yīng)包含一個<title>
元素,還可以包含以下元素的任意一種按任意順序出現(xiàn)的組合:<base>
-
<link>
:用于鏈接外部文件纯蛾,例如樣式表:<link rel="stylesheet" href="css/main.css">
-
<style>
:用于在文檔內(nèi)包含CSS規(guī)則 -
<script>
:用于在文檔內(nèi)包含腳本 -
<meta>
:包含文檔的相關(guān)信息
-
<title>
:搜索引擎使用其內(nèi)容幫助建立索引 -
<body>
:包含了實際瀏覽器主窗口中看到的部分
-
關(guān)于DOCTYPE:DOCTYPE(即“文檔類型”,DOCumentTYPE),告知瀏覽器在用戶顯示文檔時應(yīng)使用何種規(guī)則炮姨。這些規(guī)則稱為“模式(mode)"碰煌。HTML5將瀏覽器設(shè)置為“嚴(yán)格模式”(strict mode)的DOCTYPE。另一個常見的模式是“兼容模式”(quirks mode)
-
文本格式化
-
<pre>
:預(yù)格式化文本芦圾,任何位于<pre>
開標(biāo)簽和</pre>
閉標(biāo)簽之間的文本都會保持其在源文件中的格式。大多數(shù)瀏覽器默認(rèn)會使用等寬字體顯示這種文本(Courier字體就是一個等寬字體的例子洪乍,每個字母占用相同的寬度)。<pre>
元素最常用于顯示計算機源碼典尾。
-
-
理解塊級元素與行內(nèi)元素
- 塊級(Block-level)元素在屏幕上顯示時糊探,就好像在它的首部都有一個換行符
- 行內(nèi)(Inline)元素可以出現(xiàn)在同一行句子中而不必另起一行
-
新增加的元素
-
<header>
:題頭對于普通的引導(dǎo)或者內(nèi)容導(dǎo)航等功能來說非常有幫助 -
<hgroup>
:用于組織具有一些邏輯聯(lián)系的多級標(biāo)題河闰。 -
<nav>
:代表頁面的導(dǎo)航區(qū)域 <section>
<article>
-
<hr>
:在頁面創(chuàng)建一條橫跨頁面的橫線 -
<blockquote>
:引用其他來源的一段文章褥紫,使用cite指明引用內(nèi)容特性。此外還有一個<q>
元素用于較小的引用 -
<aside>
:用于標(biāo)記文檔相關(guān)內(nèi)容部念,比如醒目引用、邊條和廣告等 <footer>
-
<address>
:用于標(biāo)記<article>
元素或者整個文檔的聯(lián)絡(luò)信息
-
-
使用列表
- 無序列表:
<ul>
- 有序列表:
<ol>
- 使用start特性修改有序列表的起始數(shù)字
- 使用reversed特性實現(xiàn)列表順序倒數(shù)
- 使用type特性制定序列標(biāo)記
- 定義列表:
<dl>
代表一個描述列表儡炼,由0個或多個“術(shù)語-描述”(名稱/值)組構(gòu)成查蓉。每一組都與一個或多個“術(shù)語/名稱”(<dt>
元素的內(nèi)容)以及一個或多個“描述/值”(<dd>
元素的內(nèi)容)相關(guān)聯(lián)
- 無序列表: