Sayfa içeriği
Tarayıcı desteğin konsepti
Chrome, Edge, Firefox, Safari, Opera, brave vb. Web sitelerine göz atmak için kullanabileceğin birçok tarayıcı vardır.
Bu tarayıcılar yıllar içinde geliştirilmiştir, bu nedenle her biri için düzinelerce sürüm bulabilirsin ve bugüne kadar sürekli olarak güncellenmektedirler.
HTML'ye gelince, etiketler ve özellikler çoğu tüm tarayıcılarda aynıdır, ancak aşağıdakileri bilmeni gerekiyor:
- Yalnızca bazı tarayıcılarda kullanılabilen çok az ek etiket ve özellik vardır.
- Tüm tarayıcılarda ortak olan etiketler vardır, ancak bunlar sayfanın açıldığı tarayıcının türüne bağlı olarak farklı şekilde görüntülenebilir.
Tarayıcılar arasındaki fark sorununu çözmek
Oluşturduğun tasarımın kullanıcıya olduğu gibi görünmesini sağlamak için hangi tarayıcıyı kullanırsa kullansın tüm tarayıcılarda ortak olan kodların kullanılması tercih ediyorum.
Ayrıca, bunun için endişelenmeni gerek yok çünkü gelecekte Bootstrap ve UIkit gibi hazır kütüphaneler ve aynı tasarıma sahip tüm tarayıcılarda çalışan tasarımlar oluşturmak için diğer harika kütüphaneler kullanacaksın.
Tüm HTML etiketleri
Aşağıdaki tablo, tüm dil etiketlerini, özelliklerini ve bunları destekleyen tarayıcıları, her bir etiketin kapsamlı örnekleriyle birlikte içerir.
No | Kullanımı |
Etiket |
---|---|---|
1 | Kodda yorum veya not eklemek için kullanılır. Okumaya devam et |
<!-- --> |
2 | Tarayıcıya sayfada hangi HTML sürümünün desteklendiğini söylemek için kullanılır. Okumaya devam et |
<!DOCTYPE> |
3 | Sayfada bir bağlantı görüntülemek için kullanılır. Okumaya devam et |
<a> |
4 | Fare üzerine getirildiğinde gösterilen kısaltılmış biçimde yerleştirilmiş bir kelimeyi tanımlamak için kullanılır. Okumaya devam et | <abbr> |
5 | Sayfada yazar için iletişim bilgilerini görüntülemek için kullanılır. Okumaya devam et |
<address> |
6 | Görüntü haritasında <map> etiketi tarafından ayarlanan ve tıklanabilir bir bağlantı haline getiren bir noktayı işaretlemek için kullanılır. Okumaya devam et |
<area> |
7 | İçine yerleştirilen içerik tek bir satırda görüntülenir, ancak kullanım amacı bu değildir. Genel olarak, sayfada makaleler, yorumlar, kartlar vb. koleksiyonu görüntüleniyorsa, bunların her biri bu türden bir etiket içinde görüntülenebilir. Okumaya devam et |
<article> |
8 | İçine yerleştirilen içerik tek bir satırda görüntülenir, ancak kullanım amacı bu değildir. Genel olarak, bu tür bir etiketin içine sayfa içeriğiyle doğrudan ilgili olmayan içerik yerleştirilebilir. Ayrıca, sayfa tasarımı sayfa boyunca bir yan menü içeriyorsa, menünün içeriği bu tür bir etiketin içine yerleştirilebilir. Okumaya devam et |
<aside> |
9 | not eklemek için kullanılır. Okumaya devam et |
<audio> |
10 | not eklemek için kullanılır. Okumaya devam et |
<b> |
11 | not eklemek için kullanılır. Okumaya devam et |
<base> |
12 | not eklemek için kullanılır. Okumaya devam et |
<bdi> |
13 | not eklemek için kullanılır. Okumaya devam et |
<bdo> |
14 | not eklemek için kullanılır. Okumaya devam et |
<blockquote> |
15 | not eklemek için kullanılır. Okumaya devam et |
<body> |
16 | not eklemek için kullanılır. Okumaya devam et |
<br> |
17 | not eklemek için kullanılır. Okumaya devam et |
<button> |
18 | not eklemek için kullanılır. Okumaya devam et |
<canvas> |
19 | not eklemek için kullanılır. Okumaya devam et |
<caption> |
20 | not eklemek için kullanılır. Okumaya devam et |
<cite> |
21 | not eklemek için kullanılır. Okumaya devam et |
<code> |
22 | not eklemek için kullanılır. Okumaya devam et |
<col> |
23 | not eklemek için kullanılır. Okumaya devam et |
<colgroup> |
24 | not eklemek için kullanılır. Okumaya devam et |
<data> |
25 | not eklemek için kullanılır. Okumaya devam et |
<datalist> |
26 | not eklemek için kullanılır. Okumaya devam et |
<dd> |
27 | not eklemek için kullanılır. Okumaya devam et |
<del> |
28 | not eklemek için kullanılır. Okumaya devam et |
<details> |
29 | not eklemek için kullanılır. Okumaya devam et |
<dfn> |
30 | not eklemek için kullanılır. Okumaya devam et |
<dialog> |
31 | not eklemek için kullanılır. Okumaya devam et |
<div> |
32 | not eklemek için kullanılır. Okumaya devam et |
<dl> |
33 | not eklemek için kullanılır. Okumaya devam et |
<dt> |
34 | not eklemek için kullanılır. Okumaya devam et |
<em> |
35 | not eklemek için kullanılır. Okumaya devam et |
<embed> |
36 | not eklemek için kullanılır. Okumaya devam et |
<fieldset> |
37 | not eklemek için kullanılır. Okumaya devam et |
<figcaption> |
38 | not eklemek için kullanılır. Okumaya devam et |
<figure> |
39 | not eklemek için kullanılır. Okumaya devam et |
<footer> |
40 | not eklemek için kullanılır. Okumaya devam et |
<form> |
41 | not eklemek için kullanılır. Okumaya devam et |
<h1>-<h6> |
42 | not eklemek için kullanılır. Okumaya devam et |
<head> |
43 | not eklemek için kullanılır. Okumaya devam et |
<header> |
44 | not eklemek için kullanılır. Okumaya devam et |
<hr> |
45 | not eklemek için kullanılır. Okumaya devam et |
<html> |
46 | not eklemek için kullanılır. Okumaya devam et |
<i> |
47 | not eklemek için kullanılır. Okumaya devam et |
<iframe> |
48 | not eklemek için kullanılır. Okumaya devam et |
<img> |
49 | not eklemek için kullanılır. Okumaya devam et |
<input> |
50 | not eklemek için kullanılır. Okumaya devam et |
<ins> |
51 | not eklemek için kullanılır. Okumaya devam et |
<kbd> |
52 | not eklemek için kullanılır. Okumaya devam et |
<label> |
53 | not eklemek için kullanılır. Okumaya devam et |
<legend> |
54 | not eklemek için kullanılır. Okumaya devam et |
<li> |
55 | not eklemek için kullanılır. Okumaya devam et |
<link> |
56 | not eklemek için kullanılır. Okumaya devam et |
<main> |
57 | not eklemek için kullanılır. Okumaya devam et |
<map> |
58 | not eklemek için kullanılır. Okumaya devam et |
<mark> |
59 | not eklemek için kullanılır. Okumaya devam et |
<meta> |
60 | not eklemek için kullanılır. Okumaya devam et |
<meter> |
61 | not eklemek için kullanılır. Okumaya devam et |
<nav> |
62 | not eklemek için kullanılır. Okumaya devam et |
<noscript> |
63 | not eklemek için kullanılır. Okumaya devam et |
<object> |
64 | not eklemek için kullanılır. Okumaya devam et |
<ol> |
65 | not eklemek için kullanılır. Okumaya devam et |
<optgroup> |
66 | not eklemek için kullanılır. Okumaya devam et |
<option> |
67 | not eklemek için kullanılır. Okumaya devam et |
<output> |
68 | not eklemek için kullanılır. Okumaya devam et |
<p> |
69 | not eklemek için kullanılır. Okumaya devam et |
<param> |
70 | not eklemek için kullanılır. Okumaya devam et |
<picture> |
71 | not eklemek için kullanılır. Okumaya devam et |
<pre> |
72 | not eklemek için kullanılır. Okumaya devam et |
<progress> |
73 | not eklemek için kullanılır. Okumaya devam et |
<q> |
74 | not eklemek için kullanılır. Okumaya devam et |
<rp> |
75 | not eklemek için kullanılır. Okumaya devam et |
<rt> |
76 | not eklemek için kullanılır. Okumaya devam et |
<ruby> |
77 | not eklemek için kullanılır. Okumaya devam et |
<s> |
78 | not eklemek için kullanılır. Okumaya devam et |
<samp> |
79 | not eklemek için kullanılır. Okumaya devam et |
<script> |
80 | not eklemek için kullanılır. Okumaya devam et |
<section> |
81 | not eklemek için kullanılır. Okumaya devam et |
<select> |
82 | not eklemek için kullanılır. Okumaya devam et |
<small> |
83 | not eklemek için kullanılır. Okumaya devam et |
<source> |
84 | not eklemek için kullanılır. Okumaya devam et |
<span> |
85 | not eklemek için kullanılır. Okumaya devam et |
<strong> |
86 | not eklemek için kullanılır. Okumaya devam et |
<style> |
87 | not eklemek için kullanılır. Okumaya devam et |
<sub> |
88 | not eklemek için kullanılır. Okumaya devam et |
<summary> |
89 | not eklemek için kullanılır. Okumaya devam et |
<sup> |
90 | not eklemek için kullanılır. Okumaya devam et |
<svg> |
91 | not eklemek için kullanılır. Okumaya devam et |
<table> |
92 | not eklemek için kullanılır. Okumaya devam et |
<tbody> |
93 | not eklemek için kullanılır. Okumaya devam et |
<td> |
94 | not eklemek için kullanılır. Okumaya devam et |
<template> |
95 | not eklemek için kullanılır. Okumaya devam et |
<textarea> |
96 | not eklemek için kullanılır. Okumaya devam et |
<tfoot> |
97 | not eklemek için kullanılır. Okumaya devam et |
<th> |
98 | not eklemek için kullanılır. Okumaya devam et |
<thead> |
99 | not eklemek için kullanılır. Okumaya devam et |
<time> |
100 | not eklemek için kullanılır. Okumaya devam et |
<title> |
101 | not eklemek için kullanılır. Okumaya devam et |
<tr> |
102 | not eklemek için kullanılır. Okumaya devam et |
<track> |
103 | not eklemek için kullanılır. Okumaya devam et |
<u> |
104 | not eklemek için kullanılır. Okumaya devam et |
<ul> |
105 | not eklemek için kullanılır. Okumaya devam et |
<var> |
106 | not eklemek için kullanılır. Okumaya devam et |
<video> |
107 | not eklemek için kullanılır. Okumaya devam et |
<wbr> |