你了解HTML標籤原本的意義嗎

2021-06-19 04:21:49 字數 1175 閱讀 2865

「div+css」這個詞彙不知道害了多少人,也許其提出者本意並沒有錯,但是跟風者從表現曲解了其意思,認為整個頁面就應當是div+css檔案的組合。這樣做,對於視覺上並沒有什麼影響,因為還原了之前設計的頁面效果圖,但如果這種html文件交給機器(例如蜘蛛)去分析,它可能根本找不到重點,你整個頁面對它來說,就如同乙個白蟻窩,它第一件要做的事情可能就是把這些相同的東西給去掉,然後再做內容的篩選。

搜尋引擎的的發展讓網際網路業誕生了乙個職業「seo」,因為要做「關鍵字」,所以幾乎所有的「seo」都把「技術核心」放在研究關鍵字上,除了讓標題,keywords,description及整個文件布滿可能被搜尋引擎感興趣的關鍵字外。甚至於的alt屬性,文字容器的title屬性都是「關鍵字」,這樣看似完美的「seo技術」往往忽略了2個重要的地方:1、html標籤的定義。2、頁面的精簡。前者讓搜尋引擎對整個頁面各處的「含義」有所「了解」,後者提高了訪問速度,降低了伺服器負載。可惜的是「seo」們往往不懂html及負載為何物,寫**的人往往又不懂「seo技術」,這可能造成了相當大的職業瓶頸,而急功近利的心態驅使又使得這兩種職業互不學習、各行其是。

我的開發經歷中,曾經遇到過通篇html標籤全div的,貌似除了之上及之外,其它全是(我的理解是:整個html是一萬個毫不相干的內容拼裝起來);也曾遇到過通篇是

按顯示樣式分:

塊級元素或塊狀元素,(預設樣式為block)的標籤有:div,ul,ol,li,p,dl,dt,dd,h1-h6...它們在預設情況下,會獨佔一行。除非你用樣式改變它們。

內聯元素,(預設樣式為inline,不過我覺得稱之為「行內元素」更易於理解)的標籤有:span,label,em,strong,img,a,u,b,i,s...

它們在預設情況下,會老老實實和其它元素並存於一行,當給它們加上一些特定的樣式,例如:display:block,它們也會霸道地占用一行。但這裡要提前說明的是,並非所有display:block就一定佔一行,如果有寬度,又有float作推手把它們往前面趕,這樣它們也會乖乖和其它元素擠在一行裡。

需要作一些說明的地方:

1、內聯元素,它們本身沒有被「框」起來,也就是它們本身的大小受其內容控制,在它沒有變成塊級元素之前,你對它的width和height進行控制都是徒勞的。變成塊級元素的途徑:一、display:block(直接霸佔整行)二、float不會霸佔整行,但是你可以控制其width或height了。

2、一些不能包含或巢狀的元素(從w3c抄來的):

你真的了解HTML嗎? 面試題

有這麼一段html,請挑毛病 哥寫的不是html,是寂寞。我說 不要迷戀哥,哥只是乙個傳說 考點1 html和 xhtml的區別 這行 在html 4.01 strict下是完全正確的,在xhtml 1.0 strict下是錯誤一堆的。所以明顯是乙個考點。在xhtml下所有標籤是閉合的,p,br需要...

你真的了解HTML嗎? 雅虎面試題

有這麼一段html,請挑毛病 哥寫的不是html,是寂寞。我說 不要迷戀哥,哥只是乙個傳說 考點1 html和 xhtml的區別 這行 在html 4.01 strict下是完全正確的,在xhtml 1.0 strict下是錯誤一堆的。所以明顯是乙個考點。在xhtml下所有標籤是閉合的,p,br需要...

你了解你自己的公司嗎?

市場定位是什麼?你是否想像過你現在的客戶都是什麼樣的人?如果可能的話,先試著統計一下他們的基本情況,如 性別 年齡 婚姻狀況 工作內容和工作領域。再想像一下客戶們的價值觀,如他們的生活方式 生活態度等。你對你潛在的客戶了解的越多,就越容易和他們溝通,也越容易取得他們的信賴。無論是新客戶還是老客戶,信...