Ramki HTML
Ramki HTML są przydatne do dzielenia strony internetowej lub przeglądarki internetowej na wiele sekcji, oddzielają sekcje, a następnie ładują się inaczej.
Ramka A wyświetla zawartość niezależnie od kontenera. Wiele ramek tworzy kolekcję i jest nazywanych zestawem ramek. Układ można uznać za podobny do orientacji rzędów i kolumn w tabeli. Znacznik ramki został przestarzały w HTML5.
Każda ramka ma znacznik ramki do wskazania. Ramka pozioma jest zdefiniowana przez atrybut row znacznika ramki, a atrybut pionowy jest zdefiniowany przez atrybut kolumny znacznika ramki w dokumencie HTML. To samo okno w jednej ramce może wyświetlać statyczny baner, drugie menu nawigacyjne itp.
Składnia ramek
W HTML nie ma znacznika końcowego dla tego znacznika. Kiedy używamy ramek na stronie internetowej, używamy tagu zamiast tagu. Używamy w jaki sposób instruujemy stronę internetową, aby podzieliła ją na ramki Znacznik określa, który dokument HTML powinien zostać otwarty jako ramka.
Kolumny atrybutów przyjmują wartość w pikselach i pomagają określić liczbę i rozmiar kolumn w zestawie ramek.
Podobnie, jak widzieliśmy powyżej, wiersze atrybutów pobierają wartość w pikselach i pomagają określić liczbę i rozmiar wierszy w zestawie ramek.
Należy jednak zauważyć, że znacznik jest przestarzały w HTML5 i nie jest już używany.
Inny typ ramek w HTML
Jednym z zastosowań ram zawsze było ładowanie pasków nawigacyjnych w jednej ramce, a następnie ładowanie stron głównych do osobnej ramki. Znacznik ramki A definiuje pojedynczą ramkę okna w ciągu.
obsługuje przeglądarkę w Chrome, Internet Explorer, Mozilla, Safari i Opera Mini.
Różne i niektóre często używane atrybuty w ramce to atrybuty, takie jak obramowanie, przewijanie, src, nazwa itp.
Rodzaje znaczników ramki
Atrybut znacznika
Istnieje pięć ważnych atrybutów, które omawiamy tutaj:
1. Col: Ramy pionowe są podane przez atrybut col. Szerokość można jednak określić na 4 sposoby:
- Piksele: wartości bezwzględne można podawać w pikselach. Jeśli musimy utworzyć trzy pionowe ramki, możemy podać wartość: cols = „100, 50, 100”.
- Procent: Można podać procent okna przeglądarki. Jeśli musimy utworzyć trzy pionowe ramki, możemy podać wartość: cols = „40%, 20%, 40%”
Możemy również skorzystać z symbolu wieloznacznego tutaj (*) i pozwolić, by symbol wieloznaczny zajął pozostałą część okna, która pozostaje niewymieniona.
cols = „30%, *, 30%”
Wynik:
2. Rzędy: poziome ramki są podane przez atrybut wiersza. Określa wiersze w zestawie ramek. Jeśli musimy stworzyć trzy poziome ramki, używamy:
Np .: Rzędy = „10%, 80%, 10%”.
Możemy również ustawić wysokość każdego wiersza, tak jak zrobiliśmy to wcześniej w przypadku kolumn.
Wynik:
3. Obramowanie : Określa szerokość obramowania każdej ramki w pikselach.
Np .: border = „4”. Jeśli border = „0”, oznacza, że nie ma granicy.
4. Frameborder: Jeśli między ramkami musi być wyświetlana trójwymiarowa ramka, używamy tego atrybutu. Wartość, którą przyjmuje atrybut, wynosi 1 lub 0 (Tak lub Nie).
Np .: frameborder = „0” oznacza brak ramki.
5. Rozmieszczenie ramek: ten atrybut określa ilość miejsca między ramkami w zestawie ramek. Dla tego atrybutu można podać dowolną wartość całkowitą.
Np .: odstęp ramek = „12” oznacza, że między ramkami powinien być odstęp 12 pikseli.
Atrybut znacznika
W tej sekcji można wymienić 8 atrybutów.
1. src: Podajemy nazwę pliku dla tego atrybutu, który ma zostać załadowany do ramki. Wartością tego atrybutu może być dowolny adres URL.
Np .: src = www.facebook.com
2. nazwa: ten atrybut nadaje nazwę ramce. Określa, do której ramki należy załadować dokument. Jeśli masz wiele linków w jednej ramce, która ładuje się do innej ramki, wówczas korzystamy z tego atrybutu. Następnie druga ramka potrzebuje nazwy, aby zidentyfikować się jako cel łącza.
Np .: nazwa = „abc.htm”
3. frameborder: Ten atrybut jest określony, aby pokazać, czy granice mają być pokazywane, czy nie. Podejmowana wartość to 1 lub 0 (Tak lub Nie).
4. marginwidth: Atrybut jest pomocny w określaniu szerokości odstępu między lewą i prawą krawędzią ramki, a także zawartości ramki. Wartość podana jest w pikselach.
Np .: marginwidth = ”10”.
5. marginheight: Atrybut jest pomocny w określaniu wysokości odstępu między górą i dołem krawędzi ramki, a także zawartości ramki. Wartość podana jest w pikselach.
Np .: marginheight = ”10”.
6. noresize: Ten atrybut zasadniczo uniemożliwia użytkownikowi dokonywanie zmian w już obecnych ramkach. W przypadku braku tego atrybutu można zmienić rozmiar dowolnej ramki.
Np .: noresize = ”noresize”
7. przewijanie: Ten atrybut przejmuje kontrolę nad wyglądem pasków przewijania obecnych w ramce. Wartość „tak”, „nie” lub „auto”.
Np .: przewijanie = „nie” oznacza, że nie powinien mieć pasków przewijania.
8. longdesc: Ten atrybut pozwala podać link do innej strony zawierającej długi opis zawartości ramki.
Np .: longdesc = ”framedesc.htm”
Obsługa ramek i przeglądarki
Stare przeglądarki nie obsługują ramek, wówczas elementy powinny być wyświetlane użytkownikowi.
W praktyce element powinien być umieszczony wewnątrz elementu, ponieważ element ma go zastąpić. Jeśli przeglądarka nie zrozumie elementu, wówczas zrozumie jego zawartość.
To miłe podejście do umieszczania wiadomości w takich scenariuszach dla użytkownika korzystającego ze starych przeglądarek. Wiadomości typu „Przepraszam! Twoja przeglądarka nie obsługuje ramek. ”, Aby powiadomić.
Wniosek - ramki HTML
Technologia ramek nie jest obecnie obsługiwana przez wiele przeglądarek. Wiele razy zauważa się, że zawartość strony internetowej nie wyświetla się poprawnie w przypadku mniejszych urządzeń. W każdym razie dobrze jest mieć wiedzę o tym, co istnieje, aby można było opracować lepsze modele, aby były kompatybilne z nowymi technologiami.
Polecane artykuły
To jest przewodnik po ramkach HTML. Tutaj omawiamy różne typy ramek w HTML i typy znaczników ramki z obsługą ramek i przeglądarki. Możesz także spojrzeć na następujący artykuł, aby dowiedzieć się więcej -
- Twórz tabele w HTML
- Edytory tekstu HTML
- Wersje HTML
- Tagi graficzne HTML
- Bloki HTML
- Wydarzenia HTML
- Top 5 atrybutów zdarzeń HTML z przykładami
- Ustaw kolor tła w HTML za pomocą przykładu