ife 零基礎學院 day 2

第二天：給自己做一個在線簡歷吧
最后的驗證，提出了幾個問題，嘗試解答一下

HTML是什么，HTML5是什么

HTML的定義摘抄自w3school的HTML 簡介

HTML 是用來描述網頁的一種語言。

  • HTML 指的是超文本標記語言 (
    H
    yper 
    T
    ext 
    M
    arkup 
    L
    anguage)
  • HTML 不是一種編程語言，而是一種標記語言 (markup language)
  • 標記語言是一套標記標簽 (markup tag)
  • HTML 使用標記標簽來描述網頁

HTML5的定義也摘抄自w3school的HTML 5 簡介

HTML5是下一代的HTML，一個新版本的HTML。
HTML5 的一些規則：

  • 新特性應該基于 HTML、CSS、DOM 以及 JavaScript。
  • 減少對外部插件的需求（比如 Flash）
  • 更優秀的錯誤處理
  • 更多取代腳本的標記
  • HTML5 應該獨立于設備
  • 開發進程應對公眾透明

新特性
HTML5 中的一些有趣的新特性：

  • 用于繪畫的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 對本地離線存儲的更好的支持
  • 新的特殊內容元素，比如 article、footer、header、nav、section
  • 新的表單控件，比如 calendar、date、time、email、url、search

瀏覽器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 將支持某些 HTML5 特性。

HTML元素、標簽、屬性都是什么概念？

摘抄自HTML簡介

HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

  • HTML 標簽是由尖括號包圍的關鍵詞，比如 
    <html>
  • HTML 標簽通常是成對出現的，比如 
    <b>
    和 
    </b>
  • 標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽
  • 開始和結束標簽也被稱為開放標簽和閉合標簽

摘抄自HTML 元素

HTML 元素
HTML 元素指的是從開始標簽（start tag）到結束標簽（end tag）的所有代碼。

摘抄自HTML 屬性

屬性為 HTML 元素提供附加信息。

HTML 屬性
HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。
屬性總是以名稱/值對的形式出現，比如：name="value"。
屬性總是在 HTML 元素的開始標簽中規定。

文檔類型是什么概念，起什么作用？

摘抄自

HTML <!DOCTYPE>

概念：

它為瀏覽器提供一項信息（聲明），即 HTML 是用什么版本編寫的。

作用：

<!DOCTYPE> 聲明幫助瀏覽器正確地顯示網頁。
HTML 也有多個不同的版本，只有完全明白頁面中使用的確切 HTML 版本，瀏覽器才能完全正確地顯示出 HTML 頁面。

meta標簽都用來做什么的？

摘抄自

HTML <meta> 標簽

定義和用法

<meta>
元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。
<meta>
標簽位于文檔的頭部，不包含任何內容。
<meta>
標簽的屬性定義了與文檔相關聯的名稱/值對。

Web語義化是什么，是為了解決什么問題

Web語義化是指使HTML元素有更清晰的語義，例如HTML5的新增內容元素article、footer、header、nav、section。
顧軼靈關于“如何理解 Web 語義化？”的回答提到

什么是語義化？其實簡單說來就是讓機器可以讀懂內容。

摘自維基百科的詞條語義化

語義化是前端開發里面的一個專用術語，其優點在于標簽語義化有助于構架良好的html結構，有利于搜索引擎的建立索引、抓取；另外，亦有利于頁面在不同的設備上顯示盡可能相同；此外，亦有利于構建清晰的機構，有利于團隊的開發、維護。

從上述的文字中，對語義化解決什么問題，可以簡單表述：

  • 使html結構更有序和清晰
  • 利于搜索引擎索引和抓取
  • 利于不同設備的顯示
  • 利于團隊開發和維護

鏈接是什么概念，對應什么標簽？

摘抄自HTML 鏈接

超鏈接可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。
當您把鼠標指針移動到網頁中的某個鏈接上時，箭頭會變為一只小手。
我們通過使用

<a>
標簽在 HTML 中創建鏈接。
有兩種使用
<a>
標簽的方式：
1.通過使用 href 屬性 - 創建指向另一個文檔的鏈接
2.通過使用 name 屬性 - 創建文檔內的書簽

常用標簽都有哪些，都適合用在什么場景

HTML 參考手冊-標簽列表（功能排序）

表單標簽都有哪些，對應著什么功能，都有哪些屬性

摘抄自http://www.w3school.com.cn/tags/html_ref_byfunc.asp

表單

標簽描述
<form>
定義供用戶輸入的 HTML 表單。
<input>
定義輸入控件。
<textarea>
定義多行的文本輸入控件。
<button>
定義按鈕。
<select>
定義選擇列表（下拉列表）。
<optgroup>
定義選擇列表中相關選項的組合。
<option>
定義選擇列表中的選項。
<label>
定義 input 元素的標注。
<fieldset>
定義圍繞表單中元素的邊框。
<legend>
定義 fieldset 元素的標題。
<isindex>
不贊成使用。定義與文檔相關的可搜索索引。
<datalist>
定義下拉列表。
<keygen>
定義生成密鑰。
<output>
定義輸出的一些類型。

表單屬性請查看http://www.w3school.com.cn/html/html_form_attributes.asp

ol, ul, li, dl, dd, dt等這些標簽都適合用在什么地方，舉個例子

參考自HTML 列表

無序列表始于 

<ul>
標簽。每個列表項始于 
<li>
。

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

顯示如下

  • Coffee
  • Milk

有序列表始于 

<ol>
標簽。每個列表項始于 
<li>
標簽。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

顯示如下：

  1. Coffee
  2. Milk

自定義列表以 

<dl>
標簽開始。每個自定義列表項以 
<dt>
開始。每個自定義列表項的定義以 
<dd>
開始。

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

顯示如下：
Coffee
Black hot drink
Milk
White cold drink

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/370044.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/370044.shtml
英文地址，請注明出處：http://en.pswp.cn/news/370044.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

excel數據生成sql?insert語句

excel數據生成sql?insert語句

excel數據生成sql insert語句 excel表格中有A、B、C三列數據&#xff0c;希望導入到數據庫users表中&#xff0c;對應的字段分別是name,sex,age 。 在你的excel表格中增加一列&#xff0c;利用excel的公式自動生成sql語句&#xff0c;方法如下&#xff1a; 1、增加一列&#xf…
閱讀更多...
Java中的推斷異常

Java中的推斷異常

借用和竊取其他語言的概念和想法總是很高興的。 Scala的Option是我真正喜歡的一個主意&#xff0c;因此我用Java編寫了一個實現。 它包裝了一個可能為null或不為null的對象&#xff0c;并提供了一些可按某種功能使用的方法。 例如&#xff0c;isDefined方法添加了一種面向對象的…
閱讀更多...
重載，覆蓋，隱藏

重載，覆蓋，隱藏

轉載于:https://www.cnblogs.com/jhcelue/p/7145525.html
閱讀更多...
Animate.css介紹

Animate.css介紹

Animate.css簡介 animate.css 動畫庫&#xff0c;預設了抖動&#xff08;shake&#xff09;、閃爍&#xff08;flash&#xff09;、彈跳&#xff08;bounce&#xff09;、翻轉&#xff08;flip&#xff09;、旋轉&#xff08;rotateIn/rotateOut&#xff09;、淡入淡出&#x…
閱讀更多...
logstash 吞吐量優化_1002-談談ELK日志分析平臺的性能優化理念

logstash 吞吐量優化_1002-談談ELK日志分析平臺的性能優化理念

在生產環境中&#xff0c;我們為了更好的服務于業務&#xff0c;通常會通過優化的手段來實現服務對外的性能最大化&#xff0c;節省系統性能開支&#xff1b;關注我的朋友們都知道&#xff0c;前段時間一直在搞ELK&#xff0c;同時也記錄在了個人的博客篇章中&#xff0c;從部署…
閱讀更多...
spark SQL（三）數據源 Data Source----通用的數據 加載/保存功能

spark SQL（三）數據源 Data Source----通用的數據 加載/保存功能

Spark SQL 的數據源------通用的數據 加載/保存功能 Spark SQL支持通過DataFrame接口在各種數據源上進行操作。DataFrame可以使用關系變換進行操作&#xff0c;也可以用來創建臨時視圖。將DataFrame 注冊為臨時視圖允許您對其數據運行SQL查詢。本節介紹使用Spark Data Sou…
閱讀更多...
sqlserver日期函數

sqlserver日期函數

SQLServer時間日期函數詳解,SQLServer,時間日期, 1. 當前系統日期、時間 select getdate() 2. dateadd 在向指定日期加上一段時間的基礎上&#xff0c;返回新的 datetime 值 例如&#xff1a;向日期加上2天 select dateadd(day,2,2004-10-15) --返回&#xff1a…
閱讀更多...
榮耀鴻蒙系統開機動畫,榮耀趙明：鴻蒙系統首發設備欲屏蔽開機廣告

榮耀鴻蒙系統開機動畫,榮耀趙明：鴻蒙系統首發設備欲屏蔽開機廣告

來源&#xff1a;硅谷分析獅余承東表示8月9日會發布鴻蒙系統&#xff0c;而從他透露的一些細節看&#xff0c;鴻蒙系統將首先運用在智慧屏終端上&#xff0c;其配合大屏幕和自研芯片(麒麟AI芯片&#xff0c;鴻鵠智慧顯示芯片&#xff0c;凌霄WIFI芯片)&#xff0c;將實現生態上…
閱讀更多...
編寫Maven插件的提示

編寫Maven插件的提示

最近&#xff0c;我花了很多時間來編寫或為Maven開發插件。 它們簡單&#xff0c;有趣且有趣。 我以為我會分享一些技巧&#xff0c;使他們在編寫時變得更輕松。 提示1&#xff1a;將任務與Mojo分開 最初&#xff0c;您將把mojo的所有代碼放入mojo的類&#xff08;即&#xf…
閱讀更多...
oracle通信通道的文件結尾_ORA-03113：通信通道的文件結尾解決

oracle通信通道的文件結尾_ORA-03113：通信通道的文件結尾解決

提示ORA-03113&#xff1a;通信通道的文件結尾解決事情原由&#xff1a;oracle安裝到win7下&#xff0c;以為都是直接sqlplus / as sysdba&#xff0c;使用數據庫&#xff0c;但最近連接時頻繁報錯&#xff0c;提示ORA-03113&#xff1a;通信通道的文件結尾進程 ID &#xff1a…
閱讀更多...
Python_迭代器與生成器

Python_迭代器與生成器

迭代器 迭代是Python最強大的功能之一&#xff0c;是訪問集合元素的一種方式。。 迭代器是一個可以記住遍歷的位置的對象。 迭代器對象從集合的第一個元素開始訪問&#xff0c;直到所有的元素被訪問完結束。迭代器只能往前不會后退。 迭代器有兩個基本的方法&#xff1a;iter()…
閱讀更多...
JSOI 2009 BZOJ 1444 有趣的游戲

JSOI 2009 BZOJ 1444 有趣的游戲

題面 題目描述 小陽陽發明了一個有趣的游戲&#xff1a;有n個玩家&#xff0c;每一個玩家均有一個長度為 l 的字母序列&#xff0c;任何兩個玩家的字母序列不同。共有m種不同的字母&#xff0c;所有的字母序列都由這m種字母構成&#xff0c;為了方便&#xff0c;我們取大寫字母…
閱讀更多...
html語言dl與ul,HTML中DL、UL、OL用哪個比較好

html語言dl與ul,HTML中DL、UL、OL用哪個比較好

大家好~ 我是一枚正直純潔的苦逼程序員&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;ul&#xff0c;ol&#xff0c;dl標簽是CSS網頁布局中常用的列表元素。 列表將具有相似特征或先后順序的內容按照從上到下的順序排列起來。1.ul標簽&#xff1a;無序列表始于…
閱讀更多...
slot多作用域 vue_詳解Vue.js 作用域、slot用法（單個slot、具名slot）

slot多作用域 vue_詳解Vue.js 作用域、slot用法（單個slot、具名slot）

作用域HEi免費資源網在介紹slot前&#xff0c;需要先知道一個概念&#xff1a;編譯的作用域。比如父組件中有如下模板&#xff1a;HEi免費資源網{{message}}這里的message就是一個slot&#xff0c;但是它綁定的是父組件的數據&#xff0c;而不是組件< child-component >的…
閱讀更多...
Java – JDK 8的遠景

Java – JDK 8的遠景

世界正在緩慢但肯定地發生變化。 經過更改后&#xff0c;Java有了JDK 7的全新外觀&#xff0c;Java社區期待JDK 8&#xff08;可能還有JDK 9&#xff09;所帶來的其余改進。 JDK 8的目標目的是填補JDK 7實施中的空白-該實施中剩下的部分難題&#xff0c;應該在2013年底之前為廣…
閱讀更多...
CSS 學習路線(一)元素

CSS 學習路線(一)元素

元素(element) 類型:替換和非替換元素 替換元素(replaced element): 用來替換元素內容的部分并非由文檔內容直接顯示. eg:img input 非替換元素(nonreplaced element): 其內容由用戶代理在元素本身生成的框顯示. eg:絕大多數都是非替換元素 基本元素類型:塊級(block-lev…
閱讀更多...
[urllib]urlretrieve在python3

[urllib]urlretrieve在python3

python3下面要使用&#xff1a;urllib.request.urlretrieve()這種形式的調用 1 from urllib.request import urlretrieve 2 3 4 urlretrieve(url, path) 轉載于:https://www.cnblogs.com/sigai/p/8178375.html
閱讀更多...
使用Gulp壓縮CSS/JS

使用Gulp壓縮CSS/JS

一、安裝 1.安裝gulp npm install -g gulp2.檢查gulp 版本 gulp -v3.在項目文件夾下安裝gulp npm install --save-dev gulp二、壓縮JS 1.安裝gulp-uglify模塊 npm install gulp-uglify2.在項目根目錄創建gulpfile.js文件 3.在gulpfile.js文件中寫入代碼 // 獲取 gulpvar gulp …
閱讀更多...
android活動開始,android – 點擊谷歌地圖標記infoWindow開始活動

android活動開始,android – 點擊谷歌地圖標記infoWindow開始活動

我建議使用HashMap或類似的東西.當您遍歷對象列表并為它們創建標記時,還要將標記添加到列表中,使用對象的ID作為鍵,將標記作為值&#xff1a;private HashMap markerMap new HashMap();…for(MarkerObject obj : this.markerObjects){//If the marker isnt already being disp…
閱讀更多...
Hamcrest包含匹配器

Hamcrest包含匹配器

與Hamcrest 1.2相比 &#xff0c;針對Matchers類的Hamcrest 1.3 Javadoc文檔為該類的幾種方法添加了更多文檔。 例如&#xff0c;四個重載的contains方法具有更具描述性的Javadoc文檔&#xff0c;如下面所示的兩個比較屏幕快照所示。 盡管僅通過嘗試就可以弄清楚“包含”匹配器…
閱讀更多...
最新文章

Copyright @ 2022~2023