1、塊元素與內聯元素互換
區別可以去找 “html文檔流”相關的資料去
學習，最主要的區別就是元素是占據一行還是
擠在一行
轉換的方式是用css的display屬性
display:block; /*轉換為塊級*/
display:inline; /*轉換為行內*/
還有一種是
display:inline-block; /* 其實仍未行
內元素，但是可以設置width及height屬性等
*/
<div style="display:inline">塊變內聯
</div><span style="display:block">內聯
變塊</span>
　　內聯元素(inline element)一般都是基於
語義級(semantic)的基本元素。內聯元素只能
容納文本或者其他內聯元素，常見內聯元
素"a"。
　　塊元素(block element)和內聯元素
(inline element)都是html規範中的概念。
塊元素和內聯元素的基本差異是塊元素一般都
從新行開始。而當加入了css控制以後，塊元
素和內聯元素的這種屬性差異就不成為差異了
。
2、行內塊元素是什麽
1 塊級元素：div , p , form, ul, li
, ol, dl, form, address,
fieldset, hr, menu, table
行內元素：span, strong, em, br,
img , input, label, select,
textarea, cite,

內聯元素(inline element)
a - 錨點
b - 粗體(不推薦)
br - 換行
em - 強調
font - 字體設定(不推薦)
i - 斜體
img - 圖片
input - 輸入框
label - 表格標簽
select - 項目選擇
small - 小字體文本
span - 常用內聯容器，定義文本內區塊
strike - 中劃線
strong - 粗體強調
sub - 下標
sup - 上標
textarea - 多行文本輸入框
tt - 電傳文本
u - 下劃線
內聯元素（行內元素）內聯元素(inline
element)
* a - 錨點
* abbr - 縮寫
* acronym - 首字
* b - 粗體(不推薦)
* bdo - bidi override
* big - 大字體
* br - 換行
* cite - 引用
* code - 計算機代碼(在引用源碼的時候需要
)
* dfn - 定義字段
* em - 強調
* font - 字體設定(不推薦)
* i - 斜體
* img - 圖片
* input - 輸入框
* kbd - 定義鍵盤文本
* label - 表格標簽
* q - 短引用
* s - 中劃線(不推薦)
* samp - 定義範例計算機代碼
* select - 項目選擇
* small - 小字體文本
* span - 常用內聯容器，定義文本內區塊
* strike - 中劃線
* strong - 粗體強調
* sub - 下標
* sup - 上標
* textarea - 多行文本輸入框
* tt - 電傳文本
* u - 下劃線
* var - 定義變量

塊元素(block element)
* address - 地址

* blockquote - 塊引用
* center - 舉中對齊塊
* dir - 目錄列表
* div - 常用塊級容易，也是css layout的主
要標簽
* dl - 定義列表
* fieldset - form控制組
* form - 交互表單
* h1 - 大標題
* h2 - 副標題
* h3 - 3級標題
* h4 - 4級標題
* h5 - 5級標題
* h6 - 6級標題
* hr - 水平分隔線
* isindex - input prompt
* menu - 菜單列表
* noframes - frames可選內容，（對於不支
持frame的瀏覽器顯示此區塊內容
* noscript - ）可選腳本內容（對於不支持
script的瀏覽器顯示此內容）
* ol - 排序表單
* p - 段落
* pre - 格式化文本
* table - 表格
* ul - 非排序列表

可變元素
可變元素為根據上下文語境決定該元素為塊元
素或者內聯元素。

* applet - java applet
* button - 按鈕
* del - 刪除文本
* iframe - inline frame
* ins - 插入的文本
* map - 圖片區塊(map)
* object - object對象
* script - 客戶端腳本


2 區別：
1）塊級元素會獨占一行，其寬度自動填滿
其父元素寬度
行內元素不會獨占一行，相鄰的行內
元素會排列在同一行裏，知道一行排不下，才
會換行，其寬度隨元素的內容 而變
化
2） 塊級元素可以設置 width, height屬
性，行內元素設置width, height無效
【註意：塊級元素即使設置了寬度
，仍然是獨占一行的】
3) 塊級元素可以設置margin 和
padding. 行內元素的水平方向的padding-
left,padding-right,margin-left,margin-
right 都產生邊距效果，但是豎直方向的
padding-top,padding-bottom,margin-
top,margin-bottom都不會產生邊距效果。（
水平方向有效，豎直方向無效）
3、插食品的標簽
標簽的廣泛應用以及標簽品種的不斷發展自然
而然地推動了標簽印刷技術的發展。標簽印刷
涵蓋了平、凸、凹、網等所有印刷方式，各國
的應用情況不盡相同。但是，從近幾年全球標
簽的發展趨勢可以看出，柔性版印刷、窄幅輪
轉印刷、數字印刷在歐美國家成為標簽印刷新
的亮點，也是標簽印刷的發展趨勢。
預包裝食品的包裝上應當有標簽。標簽應當標
明下列事項：（1）名稱、規格、凈含量、生
產日期；（2）成分或者配料表；（3）生產者
的名稱、地址、聯系方式；（4）保質期；（5
）產品標準代號；（6）貯存條件；（7）所使
用的食品添加劑在國家標準中的通用名稱；（
8）生產許可證編號；（9）法律、法規或者食
品安全標準規定必須標明的其他事項。專供嬰
幼兒和其他特定人群的主輔食品，其標簽還應
當標明主要營養成分及其含量。
一、強制標識以下內容：
1、食品名稱
2、配料表
3、凈含量和規格
4、生產者、經銷者的名稱、地址和聯系方式
5、日期標示
6、貯存條件
7、食品生產許可證編號
8、產品執行標準號
9、輻照食品
10、轉基因食品
11.營養標簽
12.質量（品質）等級
二、其他標示內容（推薦標識)
1、推薦標示內容
2.批號
3、致敏原物質
4、食用方法

5.14心得