一寺董、元素
1、元素嵌套:元素中可以包含元素刻剥,可以包含其他元素也可以包含相同的元素遮咖。
嵌套的層級(jí)沒(méi)有限制。
2造虏、注釋
注釋可以提高代碼可讀性御吞,更易被人理解。瀏覽器會(huì)忽略注釋漓藕,不會(huì)顯示它們陶珠。
注釋用 結(jié)束:
<!-- 注釋文字 -->
<h1>h1號(hào)文字</h1>
<h6>h6號(hào)文字</h6>
3、塊元素
塊級(jí)元素在瀏覽器顯示時(shí)享钞,通常會(huì)以新行來(lái)開始(和結(jié)束)揍诽。
比如:<h1>, <p>, <div>
4、內(nèi)聯(lián)元素
內(nèi)聯(lián)元素在顯示時(shí)通常不會(huì)以新行開始,多個(gè)內(nèi)聯(lián)元素寫在一起會(huì)顯示在同一行寝姿。內(nèi)聯(lián)元素的寬高度隨著元素內(nèi)容而變化交排。
比如:<b>, <span>, <a>, <img>
二、網(wǎng)頁(yè)頭部
<head> 元素包含了所有的頭部標(biāo)簽元素饵筑。通常樣式css、腳本js寫在head里面处坪。
在里面可以插入<meta> 根资、 <title>、<style>同窘、<link>玄帕、<script>等元素。
1想邦、網(wǎng)頁(yè)文檔標(biāo)題 title
<title> 是網(wǎng)頁(yè)的標(biāo)題裤纹,通常是必須要的,瀏覽器添加收藏的后在收藏夾中顯示的標(biāo)題丧没,分享到朋友圈鹰椒、好友顯示的標(biāo)題,在搜索引擎(百度)搜索結(jié)果列表中顯示的標(biāo)題
2呕童、base標(biāo)簽
<base> 整個(gè)文檔的鏈接根地址漆际、默認(rèn)鏈接的地址。
注:用的少夺饲,基本不用
3奸汇、link標(biāo)簽
鏈接(引入)外部資源地址。
通常用來(lái)鏈接樣式表(css)
4往声、style
<style>元素添加樣式來(lái)渲染 HTML 顯示樣式擂找。用來(lái)寫css的。
5浩销、script
<script>標(biāo)簽用于加載腳本文件贯涎,如:JavaScript。
6撼嗓、meta
meta標(biāo)簽描述了一些基本的元數(shù)據(jù)柬采。
META元素通常用于指定網(wǎng)頁(yè)的描述,關(guān)鍵詞且警,文件的最后修改時(shí)間粉捻,作者及其他元數(shù)據(jù)。
keywords(關(guān)鍵詞)斑芜,比如在瀏覽器中搜索“html入門”:
<metaname="keywords"content="html入門">
description:頁(yè)面的描述
<metaname="description"content="html的是網(wǎng)頁(yè)前端基礎(chǔ)">
author:頁(yè)面作者
<metaname="author"content="張三">
charset:頁(yè)面的編碼
<metacharset="UTF-8">
刷新當(dāng)前頁(yè)面(30秒刷新一次頁(yè)面)
<metahttp-equiv="refresh"content="30">
viewport:手機(jī)頁(yè)面常用到肩刃,適應(yīng)手機(jī)屏幕,設(shè)置縮放比例等
<metaname="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
width:控制 頁(yè)面顯示 的大小,可以指定的一個(gè)值盈包,如果 600沸呐,或者特殊的值,如 device-width 為設(shè)備的寬度(單位為縮放為 100% 時(shí)的 CSS 的像素)呢燥。
height:和 width 相對(duì)應(yīng)崭添,指定高度。
initial-scale:初始縮放比例叛氨,也即是當(dāng)頁(yè)面第一次 打開頁(yè)面 的時(shí)候縮放比例呼渣。
maximum-scale:允許用戶縮放到的最大比例。
minimum-scale:允許用戶縮放到的最小比例寞埠。
user-scalable:用戶是否可以手動(dòng)縮放
7屁置、<!DOCTYPE>
聲明文檔的類型,HTML 也有多個(gè)不同的版本仁连,確定 HTML 版本蓝角,瀏覽器才能完全正確地顯示出頁(yè)面,這就是 <!DOCTYPE> 的用處饭冬。
聲明必須是 HTML 文檔的第一行使鹅,位于 <html> 標(biāo)簽之前。
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">